Web 2.0 Usability


Published on

Usability principles

1 Comment
  • interesting to note on slide 15 - re principle 3 the 3 click rule, some schools of thought suggest if the experience is satisfactory and a few more clicks then the need for 3 clicks is not proscriptive. see http://www.uie.com/articles/three_click_rule/ and http://www.uxbooth.com/blog/stop-counting-clicks/
    Are you sure you want to  Yes  No
    Your message goes here
No Downloads
Total views
On SlideShare
From Embeds
Number of Embeds
Embeds 0
No embeds

No notes for slide
  • Web 2.0 Usability

    1. 1. Web 2.0 Usability Shyamala Prayaga 23 October 2008
    2. 2. Agenda <ul><li>What is Usability? </li></ul><ul><li>Usability principles of web 2.0 </li></ul><ul><li>Do’s and don’t of Usability </li></ul>Slide
    3. 3. Usability is… Slide
    4. 4. Know the users © 2008 MindTree
    5. 5. How does users think <ul><li>Users appreciate quality and credibility. </li></ul><ul><li>Users don’t read, they scan. </li></ul><ul><li>Web users are impatient and insist on instant gratification. </li></ul><ul><li>Users don’t make optimal choices. </li></ul><ul><li>Users follow their intuition. </li></ul><ul><li>Users want to have control. </li></ul>Slide
    6. 6. Don’t squander users patience Slide
    7. 7. Manage to focus users attention Slide
    8. 8. Strive for feature exposure <ul><li>Letting the user see clearly what functions are available is a fundamental principle of successful user interface design. </li></ul><ul><li>What matters is that the content is well-understood and visitors feel comfortable with the way they interact with the system. </li></ul>Slide
    9. 9. Strive for simplicity <ul><li>Use as few features as are necessary to achieve what we need </li></ul><ul><li>Users’ attention is a finite resource, we must fix their attention in the things that are important </li></ul>Slide
    10. 10. Simple navigation <ul><li>Make global navigation visible (large, bold, clean and obvious). </li></ul><ul><li>It’s important for informing the users about where they are and what options do they have. </li></ul>Slide
    11. 11. Cute icon, simple and clean <ul><li>Icons play an important role in Web 2.0 design. </li></ul><ul><li>Today we use fewer, better icons that carry more meaning </li></ul>Slide
    12. 12. Usability Principles and Rules © 2008 MindTree
    13. 13. Usability principles - 1 Slide <ul><li>7±2 Principle </li></ul><ul><ul><li>human brain has some limits on its capacity for processing information, it deals with complexity dividing information into chunks and units. </li></ul></ul><ul><ul><li>According to studies humans’ short term memory can retain only about 5-9 things at one time. </li></ul></ul><ul><ul><li>This fact is often used as an argument for limiting the number of options in navigation menus to 7 </li></ul></ul>
    14. 14. Usability principles - 2 Slide <ul><li>2-Second-Rule </li></ul><ul><ul><li>A user shouldn’t need to wait more than 2 seconds for certain types of system response, such as application-switching and application launch time. </li></ul></ul><ul><ul><li>The less users have to wait, the better is the user experience. </li></ul></ul>
    15. 15. Usability principles - 3 Slide <ul><li>3-Click-Rule </li></ul><ul><ul><li>According to this rule users stop using the site if they aren’t able to find the information or access the site feature within 3 mouse clicks. </li></ul></ul><ul><ul><li>This rule emphasizes the importance of clear navigation, logical structure and easy-to-follow site hierarchy. </li></ul></ul>
    16. 16. Usability principles - 4 Slide 12 <ul><li>80/20 Rule </li></ul><ul><ul><li>This rule states that 80% of the effects comes from 20% of the causes. </li></ul></ul><ul><ul><li>This is the basic rule of thumb in business (”80% of your sales comes from 20% of your clients”) but can also be applied to design and usability </li></ul></ul>
    17. 17. Usability principles - 5 Slide 13 <ul><li>Eight Golden Rules of Interface Design </li></ul><ul><ul><li>Strive for consistency. </li></ul></ul><ul><ul><li>Enable frequent users to use shortcuts. </li></ul></ul><ul><ul><li>Offer informative feedback. </li></ul></ul><ul><ul><li>Design dialog to yield closure. </li></ul></ul><ul><ul><li>Offer simple error handling. </li></ul></ul><ul><ul><li>Permit easy reversal of actions. </li></ul></ul><ul><ul><li>Provide the sense of control. </li></ul></ul><ul><ul><li>Reduce short-term memory load. </li></ul></ul>
    18. 18. Usability principles - 6 Slide <ul><li>Inverted Pyramid </li></ul><ul><ul><li>The inverted pyramid is a writing style where the summary of the article is presented in the beginning of the article. </li></ul></ul><ul><ul><li>This approach makes use of the “waterfall effect” well-known in journalism where writers try to give their readers an instant idea about the topic they’re reporting. </li></ul></ul><ul><ul><li>The article begins with a conclusion, followed by key points and finally the minor details such as background information. </li></ul></ul>
    19. 19. Usability nightmares © 2008 MindTree
    20. 20. Hidden log-in link. Slide
    21. 21. Captcha Slide Image based authentication
    22. 22. Mysterious Icon Slide Mysterious icon
    23. 23. Pop-ups for content presentation. Slide
    24. 24. Avoid Visual noise Slide
    25. 25. Dead End <ul><li>This website welcomes its visitors with a pop-up and a Java-applet . </li></ul><ul><li>Visitors have to provide some input to start browsing through the site. </li></ul>Slide
    26. 26. Donts … <ul><li>don’t use pop-ups. </li></ul><ul><li>don’t change users’ window size. </li></ul><ul><li>don’t use too small font sizes. </li></ul><ul><li>don’t have unclear link text. </li></ul><ul><li>don’t have dead links. </li></ul>Slide
    27. 27. Questions Slide
    28. 28. Shyamala Prayaga [email_address] © 2008 MindTree Imagination Action Joy www.mindtree.com