Mindful designs: practical tips for designing for cognitive & learning difficulties

Mindfuldesigns:Practical tips for designing forcognitive & learning difficultiesBy @RuthEllisonfrom @StamfordUX

Things not to do at UX Australia

Lose your voice

I’ll be doing the rest of this talk in interpretive dance

Hi, I’m Ruth Stamford Interactive Passionate about UX & inclusive design Love robots Make things with frikin’ lasers! @RuthEllison from @StamfordUX

What are cognitive disabilities? ...any sort of cognitive disorder that impairs understanding and functioning @RuthEllison from @StamfordUXAustralian Human Rights Commission http://www.hreoc.gov.au/social_justice/publications/preventing_crime/part1.html#fn1

@RuthEllison from @StamfordUX

16% of Australians have dyslexia* @RuthEllison from @StamfordUX* This is an estimated figure, from http://www.dyslexiaaustralia.com.au/faqs-mainmenu-84

1 45 in Australians have an acquired brain injury (ABI) @RuthEllison from @StamfordUXORance L 2007. Disability in Australia: acquired brain injury. Cat. no. AUS 96. Canberra: AIHW.

Over 46% of adults in Australia have poor or very poor literacy skills in one or more areas... @RuthEllison from @StamfordUX* Prose literacy, document literacy, numeracy, problem-solving and health literacy Source: ABS, 4228.0 - Adult Literacy and Life Skills Survey, SummaryResults, Australia, 2006 (Reissue) http://www.abs.gov.au/ausstats/abs@.nsf/Latestproducts/4228.0Main%20Features22006%20(Reissue)?opendocument&tabname=Summary&prodno=4228.0&issue=2006%20(Reissue)&num=&view=

Disabilities I don’t I have a have a disability disability @RuthEllison from @StamfordUX

Getting old sucks! @RuthEllison from @StamfordUXImage source: http://www.gettingthroughthis.com/wp-content/uploads/2012/08/False-teeth.jpg

Percentage of people aged 65+ is increasing dramatically @RuthEllison from @StamfordUXSource: ABS, 3201.0 - Population by Age and Sex, Australian States and Territories, Jun 2010, http://www.abs.gov.au/Ausstats/abs@.nsf/mf/3201.0

Spectrum of disabilities Dad: bad with numbers Richard Branson: dyslexiano profound Grandma: bad memoryimpairment impairment @RuthEllison from @StamfordUX

My family and friends @RuthEllison from @StamfordUXSource: http://www.flickr.com/photos/tekf/3520262986/

Meet Sharon @RuthEllison from @StamfordUXSource: http://1.babyology.com.au/wp-content/uploads/2012/05/minifig-babies21.jpg

What’s the experience @RuthEllison from @StamfordUX

Dyslexia simulation @RuthEllison from @StamfordUX

Cognitive disability simulation @RuthEllison from @StamfordUX

How do we design for all of this? ??? @RuthEllison from @StamfordUX

There is noone-size-fits-allrule @RuthEllison from @StamfordUX

Functional groupings Memory Problem solving Attention Maths Reading, linguistic and Visual comprehension verbal comprehension comprehension @RuthEllison from @StamfordUXFrom Bohman & Anderson’s functional cognitive disabilities model, 2005 and http://webaim.org/articles/cognitive/

for an inclusiveuser experience

Indicate progress Memory Provide simple Consider labelling each reminders such as a step progress bar @RuthEllison from @StamfordUXSource: https://www.threadless.com/cart/step/shipping-info

Be predictable Memory @RuthEllison from @StamfordUXSource of tip: http://wave.webaim.org/cognitive

Be predictable Memory @RuthEllison from @StamfordUX

Help recover from errors Problem solving @RuthEllison from @StamfordUX

Help recover from errors Problem solving Attention @RuthEllison from @StamfordUX

Avoid distractions Attention @RuthEllison from @StamfordUXSource: http://www.dyslexia-parent.com/mag35.html

White space anyone? Attention @RuthEllison from @StamfordUX

Don’t autoplay video/sounds Attention @RuthEllison from @StamfordUX

Calculate it automatically Maths comprehension @RuthEllison from @StamfordUX

Being literal... Reading, linguistic and verbal comprehension @RuthEllison from @StamfordUX

Left align What is industrial What is industrial Reading, linguistic and biotechnology? biotechnology? verbal comprehension Industrial biotechnology is a Industrial biotechnology is a set of practices that use living set of practices that use living cells (such as bacteria, yeast, cells (such as algae) or component cells like bacteria, yeast, algae) or enzymes, to generate component cells like industrial products and enzymes, to generate processes. industrial products and Products include biomass- processes. based materials such as fuels Products include biomass- and chemicals, while based materials such as fuels processes include the and chemicals, while treatment of waste water and processes include the energy efficiency measures. treatment of waste water and The most established energy efficiency measures. application of industrial The most established biotechnology is in the application of industrial food and beverage sector. For biotechnology is in the example, microbes (yeast) or food and beverage sector. For enzymes are used to produce example, microbes (yeast) or beer and wine as well as dairy enzymes are used to produce goods such as cheese. beer and wine as well as dairy However, biotechnology is goods such as cheese. being increasingly applied to However, biotechnology is improve manufacturing being increasingly applied to processes and to solve... improve manufacturingSource: (text) processes and to solve... @RuthEllison from @StamfordUXhttp://www.innovation.gov.au/Industry/Biotechnology/IndustrialBiotechnology/Pages/default.aspx, , http://www.pws-ltd.com/sections/articles/2009/justified_text.html

Careful use of colour Reading, linguistic and verbal comprehension @RuthEllison from @StamfordUXMore info: http://www.bdadyslexia.org.uk/about-dyslexia/further-information/eyes-and-dyslexia.html

Careful use of colour Reading, linguistic and verbal comprehensionGet from http://www.visionaustralia.org.au/info.aspx?page=628 @RuthEllison from @StamfordUX

Mix content types Reading, linguistic and verbal comprehension Visual comprehension @RuthEllison from @StamfordUXSource: http://wave.webaim.org/cognitive

Mix content types Reading, linguistic and verbal comprehension Visual comprehension @RuthEllison from @StamfordUXImage source: Antonia Hyde, http://hiantonia.com/

Use transcripts, captions & audio descriptions Reading, linguistic and verbal comprehensionhttp://mindfulresearch.co.uk/2011/08/29/autistic- @RuthEllison from @StamfordUXspectrum-captions-and-audio-description/

Use transcripts, captions & audio descriptions Reading, linguistic and verbal comprehension “Outside the international airport terminal, Sal and Darryl walk with Trace and Con while Dale pushes a trolley of luggage along” Watch it at http://www.youtube.com/watch?v=ixUwZy5M-Uo&feature=share&list=UUKZrlbrdEAQR07caKSmk95Ahttp://mindfulresearch.co.uk/2011/08/29/autistic- @RuthEllison from @StamfordUXspectrum-captions-and-audio-description/

Let’s bring it all together...A challenge @RuthEllison from @StamfordUX

Make an origami cup 1. Find a blank piece of paper. 2. If it isnt already perfectly square, cut off one edge of the paper until it is perfectly square. 3. Fold the paper in half diagonally. 4. Lay the paper down in front of you so that the longest edge is facing you. 5. Take the bottom left corner and fold it over the main area of the piece of paper so that the corner touches the opposite edge, and so that the top of the newly folded edge is parallel with the bottom of the piece of paper. 6. Do the same thing to the right corner, folding it across the main area of the piece of paper until it touches the opposite edge. The top edge of this fold should be exactly on top of the top edge of the previous fold. 7. Take the outer layer of the very top corner and fold it down until the corner touches the spot where the bottom of the other two folds meet. You should see a pattern in the shape of an "X." 8. Do the same thing to the other layer, but in the opposite direction. 9. Spread apart the two layers on the top and gently push the sides in. 10. You made an origami cup! (Or did you?) @RuthEllison from @StamfordUXSource: http://wave.webaim.org/cognitive

The fix...Picture of the end goal @RuthEllison from @StamfordUX

The fix...Visual & text step-by-step instructions @RuthEllison from @StamfordUX

The fix...Video instructions @RuthEllison from @StamfordUX

There is no one-size-fits-all rule @RuthEllison from @StamfordUX

Inclusive personasInclude people with access needs in your research SALLY 23 yr old Single Sporty, healthy University student @RuthEllison from @StamfordUX

Test with real people We’re all on the spectrum UX My friend Sharon ROCKS!no impairment profound impairment @RuthEllison from @StamfordUX

ResourcesClear Helper: Web Accessibility for People with Intellectual / Cognitive Disabilities http://clearhelper.wordpress.com/Cognitive Disabilities Part 1: We Still Know Too Little, and We Do Even Less, Bohman, Paul. 2004. from http://webaim.org/articles/cognitive/cognitive_too_little/Cognitive Disabilities and the Web: Where Accessibility and Usability Meet? By Mariger, Heather. from http://ncdae.org/tools/cognitive/What Problems Do People with Disabilities Have? and Why?, from http://trace.wisc.edu/docs/software_guidelines/software.pcs/disabil.htmHow People with Disabilities Use the Web by W3C, from http://www.w3.org/WAI/intro/people-use-web/Overview.htmlThe Forgotten People: Designing for Cognitive Disability, from http://www.thepickards.co.uk/index.php/200607/the-forgotten-people-designing-forcognitive-disability/An Accessibility Frontier: Cognitive disabilities and learning difficulties, Hudson, Roger., Weakley, R. And Firminger, P. from http://www.usability.com.au/resources/cognitive.cfmEvaluating Cognitive Web Accessibility, from http://webaim.org/articles/evaluatingcognitive/Designing for Dyslexics: http://accessites.org/site/2006/10/designing-for-dyslexics-part-1-of-3/, http://accessites.org/site/2006/11/designing-for- dyslexics-part-2-of-3/, http://accessites.org/site/2006/11/designing-for-dyslexics-part-3-of-3/Standards.Next rocking cognition and accessibilityMy Mind is a Web Browser: How People with Autism Think, by Temple Grandin, 2000 - http://www.grandin.com/inc/mind.web.browser.htmlLayout Guidelines for Web Text and a Web Service To Improve Accessibility for Dyslexics http://www.slideshare.net/luzrello/rellokanvindebaezaw4a2012Ruth Ellison’s cognitive disabilities bookmarks: http://www.delicious.com/RuthEllison/accessibility+cognitive @RuthEllison from @StamfordUX

CreditsSlide 1- My Brain by My Name is Rom ™ from http://www.flickr.com/photos/romsimplicio/2615636782/ Available under a Creative Commons Attribution-Noncommercial-No Derivative Works 2.0 Generic licenseSlide 7 - http://www.brickset.com/minifigs/gallery/?theme=Spider%20ManScott Lacey for many of the illustrationsOpen-Dyslexic for the fonts http://dyslexicfonts.com/ @RuthEllison from @StamfordUX

Thank you!Ruth Ellison@RuthEllison @stamfordux

http://www.stamfordinteractive.com.au	247
http://www.uxaustralia.com.au	160
https://twitter.com	7
http://stamfordinteractive.com.au	2
https://si0.twimg.com	1
http://translate.googleusercontent.com	1
http://staging.stamfordinteractive.com.au	1

Mindful designs: practical tips for designing for cognitive & learning difficulties

by Stamford on Sep 02, 2012

Accessibility

Categories

Upload Details

Usage Rights

7 Embeds 419

Statistics

Mindful designs: practical tips for designing for cognitive & learning difficulties Presentation Transcript