Presentation Design

A presentation at Universal by design in November 2018 in Los Angeles, CA, USA by Scott Gruber

Slide 1

Slide 1

Universal by Design Presentation Design BruinTech and Administrative Management Group Universal by Design November 28, 2018

Slide 2

Slide 2

I am a designer and developer building an ethical design practice grounded in accessibility, performance and aesthetics. BruinTech and Administrative Management Group Universal by Design November 28, 2018

Slide 3

Slide 3

BruinTech and Administrative Management Group Universal by Design November 28, 2018

Slide 4

Slide 4

Learning Objectives Universal design UCLA Branding Tools Presentations Social media BruinTech and Administrative Management Group Print Infographics Web graphics Q&A Universal by Design November 28, 2018

Slide 5

Slide 5

Universal design = Inclusive design BruinTech and Administrative Management Group Universal by Design November 28, 2018

Slide 6

Slide 6

Disability is part of everyone's lives at some time and in some way. It doesn't make sense to think of disabled as a niche group. BruinTech and Administrative Management Group Universal by Design November 28, 2018

Slide 7

Slide 7

Inclusive design is not about designing for the few. It is designing for us all. BruinTech and Administrative Management Group Universal by Design November 28, 2018

Slide 8

Slide 8

What does that mean? BruinTech and Administrative Management Group Universal by Design November 28, 2018

Slide 9

Slide 9

What kind of people use the Internet? Millennials. Cultural icons. Digital natives. BruinTech and Administrative Management Group Universal by Design November 28, 2018

Slide 10

Slide 10

Who else? BruinTech and Administrative Management Group Universal by Design November 28, 2018

Slide 11

Slide 11

Everyone can access the world wide web. Accessibility is not about designing for the few. It is designing for us all. BruinTech and Administrative Management Group Universal by Design November 28, 2018

Slide 12

Slide 12

How do people access the web? BruinTech and Administrative Management Group Universal by Design November 28, 2018

Slide 13

Slide 13

BruinTech and Administrative Management Group Universal by Design November 28, 2018

Slide 14

Slide 14

BruinTech and Administrative Management Group Universal by Design November 28, 2018

Slide 15

Slide 15

Brad Frost developer and designer BruinTech and Administrative Management Group http://bit.ly/ucla-presentation-design November 28, 2018

Slide 16

Slide 16

What tools are in your toolbox? BruinTech and Administrative Management Group Universal by Design November 28, 2018

Slide 17

Slide 17

Tools, tools, tools! PowerPoint, Keynote, Google Slides, Slides.com, Prezi, Microsoft Word, Google Docs, Illustrator, InDesign, Photoshop, Sketch, Pixelmator, InkScape, GIMP, Canva, draw.io, tableau.com, infogr.am, VS Code, Atom, Box, Dropbox, Google Drive, Gmail, Outlook, WordPress, Drupal, Joomla, Squarespace, Wix, Twitter, Facebook, Instagram, Snapchat, WeChat, Let's Chat, Skype, Zoom, Crowdcast, Buffer, HubSpot, Hootsuite, EA Mailer, MailChimp, Salesforce, ConstantContact, Google Maps, Google Earth, Mapbox, OpenStreetMaps, CartoDB, HTML, CSS, JavaScript, Git, Asana, ToDOist, Trello, Basecamp, NoSQL, MySQL, HerSQL, YourSQL, OurSQL, and a Whammy Bar! BruinTech and Administrative Management Group Universal by Design November 28, 2018

Slide 18

Slide 18

It makes me nervous just thinking about it! BruinTech and Administrative Management Group Universal by Design November 28, 2018

Slide 19

Slide 19

Let's all take a deep breath. BruinTech and Administrative Management Group Universal by Design November 28, 2018

Slide 20

Slide 20

Breathe. BruinTech and Administrative Management Group Universal by Design November 28, 2018

Slide 21

Slide 21

OK. Feel better? BruinTech and Administrative Management Group Universal by Design November 28, 2018

Slide 22

Slide 22

Our goal is to communicate and tell good stories. Presentations Social media Print BruinTech and Administrative Management Group Web Graphics Infographics Project Management Universal by Design November 28, 2018

Slide 23

Slide 23

Design constraints. BruinTech and Administrative Management Group Universal by Design November 28, 2018

Slide 24

Slide 24

What are your design constraints? Time, money and experience. BruinTech and Administrative Management Group Universal by Design November 28, 2018

Slide 25

Slide 25

UCLA Branding Guidelines www.brand.ucla.edu BruinTech and Administrative Management Group Universal by Design November 28, 2018

Slide 26

Slide 26

BruinTech and Administrative Management Group Universal by Design November 28, 2018

Slide 27

Slide 27

BruinTech and Administrative Management Group Universal by Design November 28, 2018

Slide 28

Slide 28

BruinTech and Administrative Management Group Universal by Design November 28, 2018

Slide 29

Slide 29

BruinTech and Administrative Management Group Universal by Design November 28, 2018

Slide 30

Slide 30

Presentations BruinTech and Administrative Management Group Universal by Design November 28, 2018

Slide 31

Slide 31

PowerPoint 4 PowerPoint templates to choose from BruinTech and Administrative Management Group http://bit.ly/ucla-presentation-design November 28, 2018

Slide 32

Slide 32

Alternatives to PowerPoint Apple's Keynote Google Slides & Themes BruinTech and Administrative Management Group slides.com Prezi Universal by Design November 28, 2018

Slide 33

Slide 33

Social media BruinTech and Administrative Management Group Universal by Design November 28, 2018

Slide 34

Slide 34

Templates Photoshop Contest, event, general Facebook Twitter BruinTech and Administrative Management Group http://bit.ly/ucla-presentation-design November 28, 2018

Slide 35

Slide 35

Alternatives to create social media graphics Canva Adobe Spark BruinTech and Administrative Management Group Universal by Design November 28, 2018

Slide 36

Slide 36

Print BruinTech and Administrative Management Group Universal by Design November 28, 2018

Slide 37

Slide 37

Invitations Six formal invitation cards Two formal envelopes Two formal reply cards Four informal invitation cards and envelopes BruinTech and Administrative Management Group http://bit.ly/ucla-presentation-design November 28, 2018

Slide 38

Slide 38

Flyers 12 flyer designs give you greater flexibility to communicate about upcoming events and new programs or initiatives. BruinTech and Administrative Management Group http://bit.ly/ucla-presentation-design November 28, 2018

Slide 39

Slide 39

Save the Date two formal and four informal save-the-date cards BruinTech and Administrative Management Group http://bit.ly/ucla-presentation-design November 28, 2018

Slide 40

Slide 40

Newsletters three newsletter options. BruinTech and Administrative Management Group http://bit.ly/ucla-presentation-design November 28, 2018

Slide 41

Slide 41

Templates built for • InDesign • Word BruinTech and Administrative Management Group Universal by Design November 28, 2018

Slide 42

Slide 42

UCLA Document Services https://mdds.ucla.edu/document-services Use recharge 3-day turnaround High quality Banners, posters & event displays Design services BruinTech and Administrative Management Group Universal by Design November 28, 2018

Slide 43

Slide 43

Web Graphics BruinTech and Administrative Management Group Universal by Design November 28, 2018

Slide 44

Slide 44

Web Graphic Creation Tools • • • • Canva Pixelmator Photoshop Illustrator BruinTech and Administrative Management Group Universal by Design November 28, 2018

Slide 45

Slide 45

Web Accessibility • Use alt tags • Use heading tags • h1, h2, h3, h4 BruinTech and Administrative Management Group Universal by Design November 28, 2018

Slide 46

Slide 46

Infographics BruinTech and Administrative Management Group Universal by Design November 28, 2018

Slide 47

Slide 47

Infographic Tools • • • • • • Canva Infogram Tableau Google Data Studio Gap Minder Vizabi BruinTech and Administrative Management Group Universal by Design November 28, 2018

Slide 48

Slide 48

Project Management BruinTech and Administrative Management Group Universal by Design November 28, 2018

Slide 49

Slide 49

Project Management Tools • Accountability & Transparency • Basecamp • Trello BruinTech and Administrative Management Group Universal by Design November 28, 2018

Slide 50

Slide 50

Our goal is to communicate and tell good stories. Presentations Social media Print BruinTech and Administrative Management Group Web Graphics Infographics Project Management Universal by Design November 28, 2018

Slide 51

Slide 51

Thank You sgruber@ioes.ucla.edu Designer & Developer UCLA Institute of the Environment and Sustainability www.ioes.ucla.edu speaking.scottgruber.me twitter.com/scott_gruber BruinTech and Administrative Management Group Universal by Design November 28, 2018