design like an ally

31
Design Like an ally a PSA by Rebecca Mushtare

Upload: rebecca-mushtare

Post on 15-Jan-2015

365 views

Category:

Design


1 download

DESCRIPTION

Slides from Create Upstate May 16, 2014. Allies are motivated to make design choices by the people those choices serve. Although not perfect, simulations are experiential and can help designers gain tangible insight into the range of needs, experiences, and abilities of the people they design for – their audiences both on and off the screen. I challenge designers to use their design powers for access and not unintended gatekeeping.

TRANSCRIPT

Page 1: Design Like an Ally

Design Like an

ally

a PSA by Rebecca Mushtare

Page 2: Design Like an Ally

al·ly [n. al-ahy]

(1) a supporter; (2) friend; (3) helper; (4) a person, or group, that is associated with one another for a common purpose. antonyms: enemy; foe; adversary

Page 3: Design Like an Ally

who needs an ally?

Page 4: Design Like an Ally

Employed graphic designers account for .06% of the US population. We can’t design just for ourselves.

<design> Lorem ipsum dolor sit amet, consecte-tur adipiscing elit. Proin posuere turpis a neque feugiat, sit amet rhoncus sapien eu-ismod. Aenean.

</design>

Occupational Employment and Wages, May 2012: 27-1024 Graphic Designershttp://www.bls.gov/oes/current/oes271024.htm

Page 5: Design Like an Ally

children

75% 66%Zero to Eight: Children’s Media Use in America 2013 http://www.commonsensemedia.org/sites/default/files/research/zero-to-eight-2013.pdf

Always Connected: The New Digital Media Habits of Young Childrenhttp://www.joanganzcooneycenter.org/wp-content/uploads/2011/03/jgcc_alwaysconnected.pdf

Page 6: Design Like an Ally

teens

74% 93%Teens & Technology 2013http://www.pewinternet.org/2013/03/13/teens-and-technology-2013/

Page 7: Design Like an Ally

millenials

97% 89%The Web at 25 in the UShttp://www.pewinternet.org/2014/02/27/the-web-at-25-in-the-u-s/

ages 18-29

Page 8: Design Like an Ally

gen-X

93% 86%The Web at 25 in the UShttp://www.pewinternet.org/2014/02/27/the-web-at-25-in-the-u-s/

ages 30-49

Page 9: Design Like an Ally

boomers

88% 84%The Web at 25 in the UShttp://www.pewinternet.org/2014/02/27/the-web-at-25-in-the-u-s/

ages 50-65

Page 10: Design Like an Ally

seniors

57% 56%The Web at 25 in the UShttp://www.pewinternet.org/2014/02/27/the-web-at-25-in-the-u-s/

ages 65+

Page 11: Design Like an Ally

18-29 30-49 50-65 65+

NewsEmail

SearchHealth InfoBuy Product

Government SiteTravel Reservations

NewsEmail

Search Banking

Health InfoBuy Product

Watch Video Social NetworkGovernment Site

Travel Reservations

IMNewsEmailMusicSearch Banking

&ODVVLÀHGVHealth InfoBuy ProductWatch Video

Social NetworkGovernment Site

Travel Reservations

IMNewsEmailMusicSearch

Gaming Banking&ODVVLÀHGVHealth InfoBuy ProductWatch Video

Social NetworkGovernment Site

Travel Reservations

Generations 2010: What Different Generations Do Online http://www.pewinternet.org/2010/12/16/generations-2010-what-different-generations-do-online/

Page 12: Design Like an Ally

WW

Only 54% of those with a disability use the internet.

1 in 5 Americans

&

1 in 2 seniors citizens

have a disability

Americans Living with Disability and Their Technology Profilehttp://www.pewinternet.org/2011/01/21/americans-living-with-disability-and-their-technology-profile/

Americans with Disabilities 2010 https://www.census.gov/people/disability/publications/sipp2010.html

Page 13: Design Like an Ally

operable

understandable robust

perceivable

Page 14: Design Like an Ally

Visual

auditory cognitive

motor

Page 15: Design Like an Ally

Ta

motorArthritis is the most common cause of disability in the US. 9.8% of adults have an arthritis related disease that limits activity.Arthritis Related Staticshttp://www.cdc.gov/arthritis/data_statistics/arthritis_related_stats.htm#6

Page 16: Design Like an Ally

Ta

simulation 1Tape knuckles of thumb, pointer ÀQJHU�DQG�PLGGOH�ÀQJHU�DQG�XVH�non-dominant hand to navigate tablet and desktop computer.

motor

Page 17: Design Like an Ally

“Sip and puff device attached to eSlate electronic voting machine” by Intel Free Press All Rights Reserved

“Jelly Bean Twist” by AbleNet Inc All Rights Reserved

One handed Keyboard” by Ken FlanneryAll Rights Reserved

Screenshot from Assistive Technology in Action - Meet Elle by FCTD Video

“Alternative Input: Joystick” by cobalt123 Attribution-NonCommercial-ShareAlike License

Page 18: Design Like an Ally

Ta

simulation 2Navigate digital media with only the keyboard. Be one with the tab and enter keys.

Have a PC? Experiment with a vision controlled mouse using the free CameraMouse software.http://www.cameramouse.org/index.html

motor

Page 19: Design Like an Ally
Page 20: Design Like an Ally

Ta

auditory9% of Americans have GLIÀFXOW\�KHDULQJ�

Americans Living with Disability and Their Technology Profilehttp://www.pewinternet.org/2011/01/21/americans-living-with-disability-and-their-technology-profile/

Page 21: Design Like an Ally

Ta

simulation 1Use cotton balls or ear plugs to simulate hearing loss while watch-ing online video or listening to on-line audio.

auditory

Page 22: Design Like an Ally

Ta

cognitive16% of Americans 16+ have a cognitive disability.

11% say that they have GLIÀFXOW\�FRQFHQWUDWLQJ��remembering or making decisions.

Americans Living with Disability and Their Technology Profilehttp://www.pewinternet.org/2011/01/21/americans-living-with-disability-and-their-technology-profile/

Cognitive Disabilities and the Web: Where Accessibility and Usability Meet?http://ncdae.org/resources/articles/cognitive/

Page 23: Design Like an Ally

Ta

simulation 1Use WebAim’s distraction simula-tor to experience cognitive overload and the confusion and disorientation that accompanies it. http://webaim.org/simulations/distractability-sim.html

cognitive

Page 24: Design Like an Ally

Ta

visual7% of Americans have GLIÀFXOW\�VHHLQJ�

10% of men have a form of color blindness.

Americans Living with Disability and Their Technology Profilehttp://www.pewinternet.org/2011/01/21/americans-living-with-disability-and-their-technology-profile/

ADAM Medical Encyclopedia: Color Blindnesshttp://www.ncbi.nlm.nih.gov/pubmedhealth/PMH0001997/

Page 25: Design Like an Ally

Ta

simulation 1Use NoCoffee Extension for Google Chrome to explore various visual impairments including low vision, mascular degeneration and color blindness. https://chrome.google.com/webstore/detail/nocoffee/jjeeg-

gmbnhckmgdhmgdckeigabjfbddl/related

visual

Page 26: Design Like an Ally
Page 27: Design Like an Ally

Ta

visual

simulation 2Create simulation glasses -- all you need is safety glasses and clear and black nailpolish.

Page 28: Design Like an Ally

Ta

simulation 3Use Chromatic Vision Simulator App and VisionSim on your mobile de-vice to simulate vision impairments in the physical world.https://itunes.apple.com/us/app/chromatic-vision-simulator/id389310222?mt=8

https://itunes.apple.com/us/app/visionsim-by-braille-institute/id525114829?mt=8

visual

Page 29: Design Like an Ally

Ta

simulation 4Experiment with navigating the web or your computer using a screen reader.

NVDA (Windows): www.nvaccess.org/download/

Voice Over(Mac): www.apple.com/accessibility/osx/voiceover/

visual

Page 30: Design Like an Ally

Design responsibly.

Page 31: Design Like an Ally

Digital Simulation Tools • No Coffee Chrome Extension • Vision Sim (iOS App) • Chromatic Vision Simulator (iOS App) • Slowy App !Digital Testing Tools • Web Developer Chrome Extension • WAVE Web Accessibility Evaluation Tool !Designed for Access • VoiceOver (Mac) *or NVDA (Windows)* • Camera Mouse (PC)* • Braille Touch (iOS App) • Verbally (iOS App) • Color ID (iOS App) • OpenWeb Dyslexia Browser (iOS App) • Readability (iOS App) • Clearly Chrome Extension • Silver Surf (iOS App) • Magnifying Glass with Light (iOS) !Further Reading • WebAim (web) • A Web For Everyone (Book) • Accessibility Simulations (Google Doc) @cyberthread