© Simeon Keates 2009 Usability with Project Lecture 6 – 25/09/09 Dr. Simeon Keates.

44
© Simeon Keates 2009 Usability with Project Lecture 6 – 25/09/09 Dr. Simeon Keates

Transcript of © Simeon Keates 2009 Usability with Project Lecture 6 – 25/09/09 Dr. Simeon Keates.

© Simeon Keates 2009

Usability with ProjectLecture 6 – 25/09/09Dr. Simeon Keates

© 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

Exercise - Presentations

Over to you…

Page 4

© Simeon Keates 2009Page 5

Accessibility and Usability

© 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

Getting to know the users

Page 11

© Simeon Keates 2009

Some example users…

Page 12

© Simeon Keates 2009

Some example users…

Page 13

© Simeon Keates 2009

Some example users…

Page 14

© Simeon Keates 2009

Some example users…

Page 15

© Simeon Keates 2009

Some example users…

Page 16

© Simeon Keates 2009

Some example users…

Page 17

© Simeon Keates 2009

Some example users…

Page 18

© Simeon Keates 2009

Impairments and Assistive Technology

Page 19

© 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

Simulating cognitive impairment

Highly problematic!

Page 26

© 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

Headstick and Minspeak

Page 28

© Simeon Keates 2009

Mouthstick

Page 29

© Simeon Keates 2009

Large keyboard with keyguard

Page 30

© Simeon Keates 2009

Restricted movement input devices

Page 31

© Simeon Keates 2009

Motor impairment in practice…

Page 32

© Simeon Keates 2009

Common industry attitudes to inclusive design

Page 33

© 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

Page 40

© 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

© Simeon Keates 2009

And finally…

Guest lecture Wednesday 10am…

Page 44