1. Usability Information Systems 337 Prof. Harry Plantinga

2. Usability What makes one website more "usable" than another? What makes one website more "usable" than another? How can you determine whether your website is "usable"? How can you determine whether your website is "usable"?

3. Usability Have a clear, simple navigation system answering Have a clear, simple navigation system answering Where am I? Where am I? Where have I been? Where have I been? Where can I go? Where can I go? Keep the content clear and simple Keep the content clear and simple Make page easy to scan Make page easy to scan Put the best first Put the best first Watch readability (font size, contrast) Watch readability (font size, contrast) And our #1 suggestion: Test site on real users And our #1 suggestion: Test site on real users

4. Top 10 usability guidelines …according to usability guru Jakob Nielsen: …according to usability guru Jakob Nielsen: Make the site's purpose clear Make the site's purpose clear One-sentence tagline One-sentence tagline Use appropriately Use appropriately Group all corporate info into one distinct area Group all corporate info into one distinct area Help users find what they need Help users find what they need Emphasize site's top high-priority tasks Emphasize site's top high-priority tasks Include a Search input box (27 chars wide) Include a Search input box (27 chars wide) Reveal site content Reveal site content Show examples of real site content Show examples of real site content Begin link names with the most important keyword Begin link names with the most important keyword Easy access to recent homepage features Easy access to recent homepage features Visual design should enhance interaction design Visual design should enhance interaction design Don't over-format with boxes, colors, etc Don't over-format with boxes, colors, etc Use meaningful graphics, not just stock art Use meaningful graphics, not just stock art

5. Usability Examples 25-point checklist 25-point checklist 25-point checklist 25-point checklist Tools for testing usability (Mashable) Tools for testing usability (Mashable) Tools for testing usability Tools for testing usability Worst of the Year Worst of the Year Worst of the Year Worst of the Year

6. Before going live Check page load speed Check page load speed Make sure users can contact you Make sure users can contact you Test pages at different resolutions Test pages at different resolutions Test pages for different browsers Test pages for different browsers Correct all spelling and grammar errors Correct all spelling and grammar errors Test all hyperlinks Test all hyperlinks