Remember the User - Speaker Deck

Slide 1

Slide 1 text

Remember The User! Improving usability and accessibility in learning!

Slide 2

Slide 2 text

Bored Some rights reserved by scragz

Slide 3

Slide 3 text

Angry Some rights reserved by kalavinka

Slide 4

Slide 4 text

LMS

Slide 5

Slide 5 text

So, Don’t Do This

Slide 6

Slide 6 text

Happy Some rights reserved by orangeacid

Slide 7

Slide 7 text

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

Slide 8

Slide 8 text

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!

Slide 9

Slide 9 text

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!

Slide 10

Slide 10 text

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!

Slide 11

Slide 11 text

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

Slide 12

Slide 12 text

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

Slide 13

Slide 13 text

Color Blindness! “99% of all colorblind people are not really color blind but color deﬁcient; the term color blindness is misleading.”! - 50 Facts About Color Blindness

Slide 14

Slide 14 text

Stoplight

Slide 15

Slide 15 text

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

Slide 16

Slide 16 text

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

Slide 17

Slide 17 text

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!

Slide 18

Slide 18 text

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!

Slide 19

Slide 19 text

Not a Checkbox

Slide 20

Slide 20 text

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!

Slide 21

Slide 21 text

Questions and Discussion!

Slide 22

Slide 22 text

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

Slide 23

Slide 23 text

Continue the discussion…! ! @briandusablon! ! briandusablon.com! ! remembertheuser.com! ! bdusablon@gmail.com!