Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Remember the User

06209423f44c32961ed2afe0fe196458?s=47 briandusablon
November 04, 2011

Remember the User

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



November 04, 2011

More Decks by briandusablon

Other Decks in Design


  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! !