Class 3: Usability Testing, Accessibility, and Design
July 7th, 2010
Slides
Homework
- Submit a site that you think is innovative and usable. Reference 3 guidelines it follows from the usability guidelines textbook, plus one NEW guideline that you write yourself that gleams a lesson from this innovation. Make sure in your new guideline that you write what problem the innovation solves. Please email me the URL, some screenshots, and a total of 4 guidelines (make sure to note which one you created yourself) before class next week. You really will talk about your site next week in front of the class.
Best site will win a prize!Some inspiration for the uninitiated:
2009 SXSW Web Awards Finalists
2010 SXSW Web Awards Finalists - Perform your usability test from class with at least one more person. Write up a short report on your findings with all participants. Your report should include:
- Description of site, purpose of test, and tasks.
- Descriptions of your participants (web experience, if they are the site’s target audience, etc)
- Summary of how the site performed.
- Three issues (good or bad) about the website. INCLUDE QUOTES!
- Suggestions for improving the usability of the site. You may need to include sketches to illustrate your ideas.
- Include screenshots of key pages used in your test. Annotate problem areas.
The written report should be no more than one page. Put each screenshot on a separate page. This is your portfolio piece for this class, and it should be presentation-worthy for future clients and employers.
Links
- Fire Vox is a free screen reader Firefox externsion
- Fangs is a screen reader simulator for Firefox
- An excellent description of the experience of browsing through the JAWS screen reader
- Video: Surfing the Web with a Screen Reader
- Web Accessibility Initiative (WAI) Checkpoints
- Section 508
- Accessibility, Law, and Target.com
- Decent typography
- Bad typography
- Making Video Accessible
- Web Application Hierarchy
- The Elements of Typographic Style Applied to the Web