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

Remember the User

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.

briandusablon

November 04, 2011
Tweet

More Decks by briandusablon

Other Decks in Design

Transcript

  1. Remember The User!
    Improving usability and accessibility in learning!

    View Slide

  2. Bored
    Some rights reserved by scragz

    View Slide

  3. Angry
    Some rights reserved by kalavinka

    View Slide

  4. LMS

    View Slide

  5. So, Don’t Do This

    View Slide

  6. Happy
    Some rights reserved by orangeacid

    View Slide

  7. Usability
    “Usability is the ease of use and
    learnability of a human-made object.”
    - Wikipedia

    View Slide

  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!

    View Slide

  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!

    View Slide

  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!

    View Slide

  11. Accessibility
    “Accessibility is the degree to which a
    product, device, service, or environment
    is available to as many people as
    possible.”
    - Wikipedia

    View Slide

  12. Accessibility!
    “It is imperative that deaf individuals
    have equal access to all the same
    information as their hearing peers.”!
    - Michelle McCannon!

    View Slide

  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

    View Slide

  14. Stoplight

    View Slide

  15. Cool Tools!
    Color Blindness Simulator
    Color Scheme Designer!
    !
    Crazy Egg!
    !
    GrayBit Test of DevLearn Site!

    View Slide

  16. Tips: Hearing Impaired!
    •  Provide volume controls for audio tracks!
    •  Provide all auditory information visually!
    •  Avoid audio queues!

    View Slide

  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!

    View Slide

  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!

    View Slide

  19. Not a Checkbox

    View Slide

  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!

    View Slide

  21. Questions and Discussion!

    View Slide

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

    View Slide

  23. Continue the discussion…!
    !
    @briandusablon!
    !
    briandusablon.com!
    !
    remembertheuser.com!
    !
    [email protected]!

    View Slide