Remember the User

Information, tips and resources for improving usability and accessibility in learning. Presented at DevLearn 2011 and ASTD Houston Tech Conference 2012.

Transcript

1. Remember The User! Improving usability and accessibility in learning!
2. Bored Some rights reserved by scragz
3. Angry Some rights reserved by kalavinka
4. LMS
5. So, Don’t Do This
6. Happy Some rights reserved by orangeacid
7. Usability “Usability is the ease of use and learnability of a human-made object.” - Wikipedia
8. Usability is Anything - BJ “Usability applies to job aids, performance support tools, learning 2.0 tools, and pretty much anything else we introduce to our learners.”! - BJ Schone!
9. Usability Testing - Nielsen! “The best results come from testing no more than 5 users and running as many small tests as you can afford.”! - Jakob Nielsen!
10. How To Test “Setting up a usability test involves carefully creating a scenario, or realistic situation, wherein the person performs a list of tasks using the product being tested while observers watch and take notes.”! - Wikipedia!
11. Accessibility “Accessibility is the degree to which a product, device, service, or environment is available to as many people as possible.” - Wikipedia
12. Accessibility! “It is imperative that deaf individuals have equal access to all the same information as their hearing peers.”! - Michelle McCannon!
13. Color Blindness! “99% of all colorblind people are not really color blind but color deficient; the term color blindness is misleading.”! - 50 Facts About Color Blindness
14. Stoplight
15. Cool Tools! Color Blindness Simulator Color Scheme Designer! ! Crazy Egg! ! GrayBit Test of DevLearn Site!
16. Tips: Hearing Impaired! •  Provide volume controls for audio tracks! •  Provide all auditory information visually! •  Avoid audio queues!
17. Tips: Blindness! •  Use descriptive text for images and media! •  Logical and consistent naming for controls, visible or not! •  Consistent and predictable screen layouts and order! •  Allow for keyboard navigation for all course elements! •  Avoid tooltips or mouse over effects!
18. Tips: Low Vision/Color Blindness! •  Increase contrast between background and text! •  Make color a secondary means of conveying information! •  Ensure the content works on monochrome screen!
19. Not a Checkbox
20. What About the Interface? “The ways you employ graphics, sequence tasks, display information, use animation, provide controls for that animation, or combine narration with that animation can determine how well users will learn.”! - UX Mag!
21. Questions and Discussion!
22. Links and Resources! Usability! uxmagazine.com/articles/say-hello-to-learning-interface-design! useit.com/alertbox/20000319.html wikipedia.org/wiki/Usability! usability.gov/basics/index.html! colorschemedesigner.com/! Do FAQs Improve Usability?! Usable Learning! eLearning Weekly! ! Accessibility! colorvisiontesting.com/what%20colorblind%20people%20see.htm alistapart.com/topics/topic/accessibility/! bitvtest.eu/! w3.org/TR/wai-aria-practices/! checkmycolours.com/! 456bereastreet.com/archive/categories/accessibility/! ! ! ! !
23. Continue the discussion…! ! @briandusablon! ! briandusablon.com! ! remembertheuser.com! ! bdusablon@gmail.com!