Your SlideShare is downloading. ×
0
Web usability
Web usability
Web usability
Web usability
Web usability
Web usability
Web usability
Web usability
Web usability
Web usability
Web usability
Web usability
Web usability
Web usability
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×
Saving this for later? Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime – even offline.
Text the download link to your phone
Standard text messaging rates apply

Web usability

2,039

Published on

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

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,039
On Slideshare
0
From Embeds
0
Number of Embeds
2
Actions
Shares
0
Downloads
35
Comments
0
Likes
1
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide

Transcript

  • 1. Web Usability
  • 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. 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. Web Usability
  • 5. Web Usability
  • 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. 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. Web Usability
  • 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. 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. 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. 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. 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. Web Usability

×