Web usability

2,409
-1

Published on

Web Usability presentation by Senthil Velmurugan at Software Developers Group Reno.

Published in: Technology, Design
0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
2,409
On Slideshare
0
From Embeds
0
Number of Embeds
2
Actions
Shares
0
Downloads
36
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide

Web usability

  1. 1. Web Usability
  2. 2. Web Usability <ul><li>Goal : Your average user can use it without frustration. </li></ul><ul><li>Usability guidelines : </li></ul><ul><li>Don’t make users think. </li></ul><ul><li>Avoid obscure messages. </li></ul>Web Usability Web Usability
  3. 3. We don’t read pages, we scan them <ul><li>We are usually in a hurry. </li></ul><ul><li>We know we don’t need to read everything. </li></ul><ul><li>We are good at it. </li></ul>Web Usability
  4. 4. Web Usability
  5. 5. Web Usability
  6. 6. Brochure / Billboard <ul><li>Convey message quickly. </li></ul><ul><li>Create visual hierarchy on each page. </li></ul><ul><li>Font sizes </li></ul><ul><li>Group related things </li></ul><ul><li>Nested blocks </li></ul><ul><li>Take advantage of conventions. </li></ul><ul><li>Minimize noise. </li></ul>Web Usability
  7. 7. What we see on a page depends on what we have in mind <ul><li>We tend to focus on words/phrases that seem to match </li></ul><ul><li>Task on hand. </li></ul><ul><li>Current / Ongoing personal Interests. </li></ul><ul><li>Trigger words that are hardwired into our nervous systems like </li></ul><ul><li>Free </li></ul><ul><li>Sale </li></ul><ul><li>Se </li></ul><ul><li>Our own name. </li></ul>Web Usability
  8. 8. Web Usability
  9. 9. Homepage <ul><li>Different from all other pages. </li></ul><ul><li>It communicates the site’s value and purpose. </li></ul><ul><li>Shows all major options available on the site. </li></ul><ul><li>Enable access to home page from any other page. </li></ul>Web Usability
  10. 10. Navigation <ul><li>We don’t make optimal choices, we satisfice. </li></ul><ul><li>Back button is the most used feature. </li></ul><ul><li>Navigation links: Primary, Secondary, Tertiary.. </li></ul><ul><li>Page names are like street signs of the web. </li></ul><ul><li>Bread crumbs . </li></ul><ul><li>You are here: Home > Gallery > Art > Photography > Nature </li></ul>Web Usability
  11. 11. Usability Testing <ul><li>Iterative design approach. </li></ul><ul><li>Create prototypes. </li></ul><ul><li>Wireframes. </li></ul><ul><li>Study: 30% more task completions on sites redesigned following usability rules. </li></ul>Web Usability
  12. 12. Conclusion <ul><li>No single way to design, but follow the rules. </li></ul><ul><li>Watch for the trend, don’t copy. </li></ul><ul><li>Your competition is just one click away, don’t frustrate your users. </li></ul>Web Usability
  13. 13. Reference / Further reading <ul><li>Don’t make me think – Steve Krug. </li></ul><ul><li>http://usability.gov/guidelines/index.html (research based guidelines) </li></ul><ul><li>http://www.useit.com (Jakob Nielsen) </li></ul>Web Usability
  14. 14. Web Usability

×