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

More Related Content

PDF
Graphical controls based environment for user interface evaluation
PDF
Usability
PDF
HealthyCodeMay2014
PPS
Status of ICTs in Philippine Basic Education
PPTX
ICT EDUCATION IN THE PHILIPPINES
PDF
NYU Web Intensive - Week 3 Class 1
PDF
Usability 101
PDF
Website Usability | Day 1
Graphical controls based environment for user interface evaluation
Usability
HealthyCodeMay2014
Status of ICTs in Philippine Basic Education
ICT EDUCATION IN THE PHILIPPINES
NYU Web Intensive - Week 3 Class 1
Usability 101
Website Usability | Day 1

Similar to Web 2.0 Usability (20)

PPT
10 Principles Of Effective Web Design
PDF
Top 5 Usability Principles
PDF
10 Usability & UX Guidelines
PDF
Usability Workshop at Lillebaelt Academy
ZIP
Usability, User Experience and the Internet in the 21st Century
PPT
Usability
PDF
Michael Kowalski
PDF
Web Usability July 2011
PPTX
6 mobile user interface design bb
PPTX
Usability Essentials to Know
PDF
Why User Experience Matters 2009
PDF
UX Workshop at Startit@KBC
PDF
POLITEKNIK MALAYSIA
PPTX
Intro to ux and how to design a thoughtful ui
PPTX
Unit 7 performing user interface design
PPTX
UDSA Unit 4.pptx
PDF
best-of-smashing-magazine.pdf
PDF
Mobile ux and usability measurement webinar-ppt-xbo soft
PPT
Top 10 Usability Mistakes Not to Make, Thanh Ngyuen, Senior Website Usability...
PPTX
User Interface design
10 Principles Of Effective Web Design
Top 5 Usability Principles
10 Usability & UX Guidelines
Usability Workshop at Lillebaelt Academy
Usability, User Experience and the Internet in the 21st Century
Usability
Michael Kowalski
Web Usability July 2011
6 mobile user interface design bb
Usability Essentials to Know
Why User Experience Matters 2009
UX Workshop at Startit@KBC
POLITEKNIK MALAYSIA
Intro to ux and how to design a thoughtful ui
Unit 7 performing user interface design
UDSA Unit 4.pptx
best-of-smashing-magazine.pdf
Mobile ux and usability measurement webinar-ppt-xbo soft
Top 10 Usability Mistakes Not to Make, Thanh Ngyuen, Senior Website Usability...
User Interface design
Ad

More from Shyamala Prayaga (20)

PPTX
Leveraging Augmented Reality Capability for enhancing the shopping experience
PDF
My Interview with Healthy code Magazine: Future of Android Design
PDF
Ticketing Application
PPTX
Interaction design workshop
PPTX
Android design in action
PDF
Mobile accessibility challenges and best practices v2
PDF
Mobile Prototyping
PPTX
MOBILE INTERACTION PATTERNS AND NON PATTERNS
PDF
Adobe Flex - Developing Rich Internet Application Workshop Day 2
PDF
Adobe Flex - Developing Rich Internet Application Workshop Day 2
PPTX
Accessibility and ucd
PPTX
Android Design
DOC
Mobile UI and Usability Guidelines V1
KEY
Mobile Web Frameworks
PPT
iPhone application development training day 1
PPTX
Usability Testing
PPTX
Ethenographic research
PPT
Improving Site Performace Using Css Sprite
PPTX
Universal Design
Leveraging Augmented Reality Capability for enhancing the shopping experience
My Interview with Healthy code Magazine: Future of Android Design
Ticketing Application
Interaction design workshop
Android design in action
Mobile accessibility challenges and best practices v2
Mobile Prototyping
MOBILE INTERACTION PATTERNS AND NON PATTERNS
Adobe Flex - Developing Rich Internet Application Workshop Day 2
Adobe Flex - Developing Rich Internet Application Workshop Day 2
Accessibility and ucd
Android Design
Mobile UI and Usability Guidelines V1
Mobile Web Frameworks
iPhone application development training day 1
Usability Testing
Ethenographic research
Improving Site Performace Using Css Sprite
Universal Design
Ad

Web 2.0 Usability

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