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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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