14
Photo source: http://www.flickr.com/photos/matthijs/12034755/sizes/o/in/photostream/ Website Navigation for the Blind Shreyasee Chand Jeff Erber Hongyuan Jiang Ryan Mochal

User Research Method Case Study- Design for the blind

Embed Size (px)

DESCRIPTION

Please visit my website for more informationhttp://jianghongyuan.com/

Citation preview

Page 1: User Research Method Case Study- Design for the blind

Photo source: http://www.flickr.com/photos/matthijs/12034755/sizes/o/in/photostream/

Website Navigation for the Blind Shreyasee Chand Jeff Erber Hongyuan Jiang Ryan Mochal

Page 2: User Research Method Case Study- Design for the blind

Photo source: http://www.flickr.com/photos/jkunz/3545692545/sizes/l/in/photostream/

Focus Points - Reduce Cognitive Overload - Provide Guidance - Empower Users

Page 3: User Research Method Case Study- Design for the blind

Photo source: http://www.flickr.com/photos/salman2000/6737282657/sizes/l/in/photostream/

Nav Access - Standardized Layout - Low-Level of Detail - ‘Main Link’ Availability - Preview to Potential Links - Textual Environment

Page 4: User Research Method Case Study- Design for the blind

Photo source: http://www.flickr.com/photos/emathome/1307052524/sizes/z/in/photostream/

Prototypes Interface - Low Level of Detail - Macro Level Overview Standard Browser Interface - High Level of Detail - Difficult to Navigate - Existing Technology

Forms

Page 5: User Research Method Case Study- Design for the blind

Photo source: http://www.flickr.com/photos/12392252@N03/3065029877/sizes/l/in/photostream/

User Testing

- Semi-structured Interview - Observation Sessions - User Test Prototype

- 10 Participants

Page 6: User Research Method Case Study- Design for the blind

Photo source: http://www.flickr.com/photos/paulnich/2056770082/sizes/l/in/photostream/

Observ ation

User Given Task

Navigation of Site - Accidental Click

- Log-In Detour - Deliver Times Table

- Misinterpretation of Information

Page 7: User Research Method Case Study- Design for the blind

Photo source: http://www.flickr.com/photos/jasonpearce/136211937/sizes/o/in/photostream/ Insights

- Confusing Second Interface - “Learning Phase” - Alternative Navigation Paths - Updated Layouts of Websites - Distracting Unfamiliar Sounds

Page 8: User Research Method Case Study- Design for the blind

Photo sourcehttp://www.flickr.com/photos/sybrenstuvel/4094868235/sizes/o/in/photostream/

- Provide Guidance - Empower Users - Reduce Cognitive Overload

Revisited Focus Points

Page 9: User Research Method Case Study- Design for the blind

Photo source: http://www.flickr.com/photos/jox1989/4764186425/sizes/o/in/photostream/ Research Mozilla Extension - Link-Lists - Duplicate Filters - Search Filter

Page 10: User Research Method Case Study- Design for the blind

Photo source: http://www.flickr.com/photos/lisiaolong/4543490011/sizes/l/in/photostream/

Critique

- More users - More time during user tests - No preliminary Research

Page 11: User Research Method Case Study- Design for the blind

Photo source:http://www.flickr.com/photos/oberazzi/318947873/sizes/o/in/photostream/

Page 12: User Research Method Case Study- Design for the blind

Photo source: http://www.flickr.com/photos/sybrenstuvel/4097307747/sizes/o/in/photostream/

How would you give guidance to a blind person who was struggling to use the internet? What are some of the specific commands you would use to help them? How would you use these to implement a technological design?

Page 13: User Research Method Case Study- Design for the blind

Photo source: http://www.flickr.com/photos/richard_brooksbank/5571806725/sizes/l/in/photostream/

Should people concern themselves with different degrees of blindness when developing technology that aids in the navigation of the internet? Should they develop different technology for different degrees?

Page 14: User Research Method Case Study- Design for the blind

Photo source:http://www.flickr.com/photos/wwworks/3057345015/sizes/o/in/photostream/

Is there a better form of technology that would allow a blind user to quickly navigate through a website without using speech? What methods of interaction would the technology contain to help the user navigate?