© simeon keates 2009 usability with project lecture 6 – 25/09/09 dr. simeon keates
TRANSCRIPT
© Simeon Keates 2009
Exercise – part 1
Each group will be assigned a type of website• Group 1 – car rental sites (e.g. Avis, hertz, alamo, budget)• Group 2 – airline flight booking sites (e.g. flysas, virginatlantic, ba, sterling)• Group 3 – travel insurance sites (e.g. columbusdirect)• Group 4 – luggage (e.g. tumi)• Group 5 – clothing (e.g. versace, lacoste)• Group 6 – news sites (e.g. CNN, BBC)• Group 7 – social networking sites (e.g. Facebook, Myspace)
You must look at a minimum of 3 sites
For each website, use CynthiaSays (http://www.contentquality.com/) to examine the reported accessibility of each site
Page 2
© Simeon Keates 2009
Exercise – part 2
Use Nielsen’s heuristics from last week’s exercises to estimate the usability of each site
Question: Is there any relationship (correlation) between the overall usability and accessibility of the sites (as measured here)?
Prepare a 5 minutes presentation for Friday morning with your answer to the above question
No report needed for this exercise!
Page 3
© Simeon Keates 2009
Results from Wednesday’s exercise
Sites with high accessibility and high usability• Most often non-profit organisations• or• Companies with a strong user-focus
Sites with low accessibility and high usability• Brands that are image-conscious
Sites with low accessibility and low usability• Should be going out of business!• Unless they have a compelling product…
Page 6
(Note: Written before seeing the presentations!)
© Simeon Keates 2009
Results from Wednesday’s exercise
Sites with high accessibility and low usability• Quite rare…
Reason:• Usability is more well-known than accessibility
Page 7
© Simeon Keates 2009
Relationship between accessibility and usability
Is usability a subset of accessibility?
Or vice versa?
Constantine Stephanidis (ICS-FORTH) believes accessibility must come first• Without accessibility, usability cannot be measured
Page 8
© Simeon Keates 2009
Relationship between accessibility and usability (source: Keates “Designing for accessibility”)
Usability theory and practice arose from a desire to make “mainstream” products usable by “mainstream” users
Many usability approaches are fundamentally about implementing and achieving “user-centred design”• Hence the focus on design methodology so far
Accessibility is about applying those same methods and same goals, but to a broader initial set of users
Page 9
© Simeon Keates 2009
Relationship between accessibility and usability
Page 10
Usability
User-centred design
User-centred design
Accessibility / inclusive design
© Simeon Keates 2009
O/S support for Universal Access
Let’s look at what is already built in…
Page 20
© Simeon Keates 2009
Vision impairments and HCI – Examples
Access issues: Cannot use the mouse for input Cannot see the screen May need magnification May need altered colour contrast
Solutions: Screen readers / voice output Braille displays Screen magnifiers O/S settings adjustment
Page 21
© Simeon Keates 2009
Simulating vision impairment
Colour blindness: http://www.vischeck.com/vischeck
Sight loss: http://www.inclusivedesigntoolkit.com/betterdesign/downloads/
impairmentsims/index.html
Screen readers: http://webanywhere.cs.washington.edu/ [ http://www.freedomscientific.com/products/fs/jaws-product-page.asp ]
Page 22
© Simeon Keates 2009
Auditory (hearing) impairments and HCI – Examples
Access issues: Cannot hear audio, video, system alerts or alarms
Solutions: Closed captioning (subtitles) Transcripts “Show sounds”
Page 23
© Simeon Keates 2009
Simulating auditory impairment
http://www.inclusivedesigntoolkit.com/betterdesign/downloads/impairmentsims/index.html
Page 24
© Simeon Keates 2009
Cognitive/learning impairments and HCI – Examples
Access issues: Difficulty reading and comprehending information Difficulty writing Difficulty recalling information
Solutions: Spell checkers Word prediction aids Reading/writing comprehensions aids Memory aids
Page 25
© Simeon Keates 2009
Motor impairments and HCI – Examples
Issues: Limited or no use of hands Limited range of movement, speed and strength Tremor, etc.
Solutions: Alternate input (e.g. voice) Access keys Single switches On-screen keyboard O/S based filtering
Page 27
© Simeon Keates 2009
Typical industrial attitudes to inclusive design - I
“We would if the final product didn’t cost any more” - the bean-counter’s model
“We would if we could just hire a consultancy to do it for us”
- the quick-fix model
Page 34
© Simeon Keates 2009
Typical industrial attitudes to inclusive design - II
“That’s not our target market” - the it’s-not-our-concern model
“We don’t need to, our designers already know how to design”
- the ostrich model
Page 35
© Simeon Keates 2009
Typical industrial attitudes to inclusive design - III
“We do it already - we allow wheelchair access”- the stereotype model
Page 36
© Simeon Keates 2009
Typical industrial attitudes to inclusive design - IV
“We need to build the functionality first”
- the bolt-on model
Page 37
© Simeon Keates 2009
Typical industrial attitudes to inclusive design - V
“There’s no call for it, sir/madam”
- the “Logan’s Run” model
Page 38
© Simeon Keates 2009
£100 million+
The need for inclusive design - industrial interest - Royal Mail
200
Page 39
© Simeon Keates 2009
Exercise – part 1
Each group will be assigned a type of website• Group 1 – car rental sites (e.g. Avis, hertz, alamo, budget)• Group 2 – airline flight booking sites (e.g. flysas, virginatlantic, ba, sterling)• Group 3 – travel insurance sites (e.g. columbusdirect)• Group 4 – luggage (e.g. tumi)• Group 5 – clothing (e.g. versace, lacoste)• Group 6 – news sites (e.g. CNN, BBC)• Group 7 – social networking sites (e.g. Facebook, Myspace)
You must look at a minimum of 3 sites
For each website, use Wave ( http://wave.webaim.org/ ) to examine the reported accessibility of each site
Page 41
© Simeon Keates 2009
Exercise – part 2
Question: How does Wave compare with CynthiaSays?
Now try the Vischeck colour simulator (http://www.vischeck.com/vischeck) on the same sites
And then try a screen reader (http://webanywhere.cs.washington.edu/)
Question: Have you changed your opinion about the overall accessibility of the sites?
Page 42
© Simeon Keates 2009
Exercise – part 3
Deliverable:
Next week you will be testing your own sites
Develop a plan for how you will test your sites to make sure that they are as accessible as possible.
Page 43