Please visit my website for more information http://jianghongyuan.com/

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

2. Focus
Points
- Reduce Cognitive Overload
- Provide Guidance
- Empower Users
Photo source: http://www.flickr.com/photos/jkunz/3545692545/sizes/l/in/photostream/

3. Nav
- Standardized Layout
- Low-Level of Detail
- ‘Main Link’ Availability
- Preview to Potential Links
Access
- Textual Environment
Photo source: http://www.flickr.com/photos/salman2000/6737282657/sizes/l/in/photostream/

4. Forms
Prototypes Interface
- Low Level of Detail
- Macro Level Overview
Standard Browser Interface
- High Level of Detail
- Difficult to Navigate
- Existing Technology
Photo source: http://www.flickr.com/photos/emathome/1307052524/sizes/z/in/photostream/

5. User
- Semi-structured Interview
- Observation Sessions
Testing
- User Test Prototype
- 10 Participants
Photo source: http://www.flickr.com/photos/12392252@N03/3065029877/sizes/l/in/photostream/

6. Observ
ation User Given Task
Navigation of Site
- Accidental Click
- Log-In Detour
- Deliver Times Table
Photo source: http://www.flickr.com/photos/paulnich/2056770082/sizes/l/in/photostream/
- Misinterpretation of Information

7. - Confusing Second Interface
- “Learning Phase”
- Alternative Navigation Paths
- Updated Layouts of Websites
- Distracting Unfamiliar Sounds
Insights
Photo source: http://www.flickr.com/photos/jasonpearce/136211937/sizes/o/in/photostream/

8. - Provide Guidance
- Empower Users
- Reduce Cognitive Overload
Revisited
Focus Points
Photo sourcehttp://www.flickr.com/photos/sybrenstuvel/4094868235/sizes/o/in/photostream/

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

10. - More users
- More time during user tests
- No preliminary Research
Critique
Photo source: http://www.flickr.com/photos/lisiaolong/4543490011/sizes/l/in/photostream/

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

12. 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?
Photo source: http://www.flickr.com/photos/sybrenstuvel/4097307747/sizes/o/in/photostream/

13. 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?
Photo source: http://www.flickr.com/photos/richard_brooksbank/5571806725/sizes/l/in/photostream/

14. 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?
Photo source:http://www.flickr.com/photos/wwworks/3057345015/sizes/o/in/photostream/