Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.
Web Usability
Web   Usability <ul><li>Goal  :  Your average user can use it without frustration. </li></ul><ul><li>Usability   guideline...
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 ev...
Web Usability
Web Usability
Brochure / Billboard  <ul><li>Convey message quickly. </li></ul><ul><li>Create visual hierarchy on each page.  </li></ul><...
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></...
Web Usability
Homepage <ul><li>Different from all other pages. </li></ul><ul><li>It communicates the site’s value and purpose. </li></ul...
Navigation <ul><li>We don’t make optimal choices, we satisfice. </li></ul><ul><li>Back button is the most used feature. </...
Usability Testing <ul><li>Iterative design approach. </li></ul><ul><li>Create prototypes. </li></ul><ul><li>Wireframes. </...
Conclusion <ul><li>No single way to design, but follow the rules. </li></ul><ul><li>Watch for the trend, don’t copy. </li>...
Reference / Further reading <ul><li>Don’t make me think – Steve Krug. </li></ul><ul><li>http://usability.gov/guidelines/in...
Web Usability
Upcoming SlideShare
Loading in …5
×

Web usability

4,528 views

Published on

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

Published in: Technology, Design
  • Be the first to comment

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

×