Usability Introduction slide

Loading...

Flash Player 9 (or above) is needed to view presentations.
We have detected that you do not have it on your computer. To install it, go here.

2 comments

Comments 1 - 2 of 2 previous next Post a comment

  • + izulzizar home 2 months ago
    what is Established Usability Guidelines ??
  • + kayrules Kay Rules 2 years ago
    If anybody interested with this slide, do ask it from me.. I wouldn’t mind to share it with others..
Post a comment
Embed Video
Edit your comment Cancel

4 Favorites

Usability Introduction slide - Presentation Transcript

    • http://usabilitymalaysia.wordpress.com
    • Mohd Khairulnizam Md Dahari
    • USABILITY INTRODUCTION
    USABILITY INTRODUCTION
    • 1. Introduction
    • 2. Web usability fundamental guidelines
    • 3. Evaluation & Testing
    • 4. Usability Practices in MIMOS
    Presentation Outline www.mimos.my © 2008 MIMOS Berhad. All Rights Reserved.
  1. Usable or Not? www.mimos.my © 2008 MIMOS Berhad. All Rights Reserved.
  2. Presentation Outline
    • 1. Introduction
    • 2. Web usability fundamental guidelines
    • 3. Evaluation & Testing
    • 4. Usability Practices in MIMOS
    www.mimos.my © 2008 MIMOS Berhad. All Rights Reserved.
  3. What is usability? www.mimos.my © 2008 MIMOS Berhad. All Rights Reserved. Characteristics Effectiveness How much user can accomplish tasks without error Learnability How fast user can learn to use the product & remember it Efficiency How fast user can accomplish tasks consistently Satisfaction How much does users like to use the product
    • Examples:
      • Printed materials
      • Software
      • Hardware
      • Mobile devices
      • Fighter jet
      • … sky is the limit
    Usability coverage www.mimos.my © 2008 MIMOS Berhad. All Rights Reserved. not
  4. What’s wrong here? www.mimos.my © 2008 MIMOS Berhad. All Rights Reserved.
  5. What’s wrong here? www.mimos.my © 2008 MIMOS Berhad. All Rights Reserved.
  6. What’s wrong here? www.mimos.my © 2008 MIMOS Berhad. All Rights Reserved.
    • Have you ever …
    Why usability is important? www.mimos.my © 2008 MIMOS Berhad. All Rights Reserved. Gotten lost in a website? Left a site without finding information you wanted? Waited too long for a page to download? Gone to a site you can’t view or read? Visited a website with an outdated information?
  7. Why usability is important?
    • People cannot find the information they seek on Web sites about 60% of the time.
    www.mimos.my © 2008 MIMOS Berhad. All Rights Reserved. - Research by User Interface Engineering, Inc.
  8. Benefits of usability
    • To users:
    • Satisfied & not frustrated with the product
    • Enjoy interacting with the product
    • Achieve their goals effectively & efficiently
    • Cultivate confidence & trust in the product
    www.mimos.my © 2008 MIMOS Berhad. All Rights Reserved.
  9. Benefits of usability
    • To organizations:
    • Reduce development time & cost
    • Reduce training effort & user errors
    • Increase Return on Investment ( ROI )
    www.mimos.my © 2008 MIMOS Berhad. All Rights Reserved.
  10. Presentation Outline
    • 1. Introduction
    • 2. Web usability fundamental guidelines
    • 3. Evaluation & Testing
    • 4. Usability Practices in MIMOS
    www.mimos.my © 2008 MIMOS Berhad. All Rights Reserved.
    • “ Don’t make me think!”
    • - Steve Krug
    www.mimos.my © 2008 MIMOS Berhad. All Rights Reserved.
    • Which is seems clickable?
    Need extra thinking? www.mimos.my © 2008 MIMOS Berhad. All Rights Reserved.
    • 1, 3, 4, 6, 7, 11 are links
    • 2, 5, 8, 9, 10 aren’t
    Need extra thinking? www.mimos.my © 2008 MIMOS Berhad. All Rights Reserved.
    • How designers think users read web pages
    How user used the web? www.mimos.my © 2008 MIMOS Berhad. All Rights Reserved.
    • How users really use the web
      • Look for something interesting
      • They don’t read, they scan
    How user used the web? www.mimos.my © 2008 MIMOS Berhad. All Rights Reserved.
    • Users won’t read text thoroughly
    • First two paragraphs must state the most important information
    F-pattern dominates reading behavior www.mimos.my © 2008 MIMOS Berhad. All Rights Reserved.
    • What organizations want…
    • Promote latest offer
    • Clear out inventory
    • Hide information from competitors
    • Branding
    • Run Adsenses, get paid
    User needs VS organization needs www.mimos.my © 2008 MIMOS Berhad. All Rights Reserved.
  11. User needs VS organization needs www.mimos.my © 2008 MIMOS Berhad. All Rights Reserved.
    • What users really want…
    • Get the answer to their questions
      • Eg: price, product info, reviews
    • Get done, and get out
  12. User needs VS organization needs
    • Sample websites:
    www.mimos.my © 2008 MIMOS Berhad. All Rights Reserved.
  13. Visual hierarchy www.mimos.my © 2008 MIMOS Berhad. All Rights Reserved. Visual hierarchy – Controlling user focus Definition “ Arrangement of elements according to importance and emphasis. Typically, this involves emphasizing certain elements in order to influence the user to look at and interact with a certain item first, another item second, yet another item third, and so on.” Sources: Lisa Graham, The Principles of Interactive Design, 1999 How to achieve? Use size, visual weight, color and position to generate contrast and direct the user’s attention. Establish a single large central area for users to complete main tasks
  14. Visual hierarchy
    • Visual hierarchy – Controlling user focus
    • Definition:
    • “ Arrangement of elements according to importance and emphasis. Typically, this involves emphasizing certain elements in order to influence the user to look at and interact with a certain item first, another item second, yet another item third, and so on.”
    • - Sources: Lisa Graham, The Principles of Interactive Design, 1999
    • How to achieve?
    • Use size , visual weight , color and to generate contrast and direct the user’s attention.
    • Establish a single large central area for users to complete main tasks
    www.mimos.my © 2008 MIMOS Berhad. All Rights Reserved. position
  15. www.mimos.my © 2008 MIMOS Berhad. All Rights Reserved. Site Utilities (search / login) Site Identifier Navigation menu Page title Links Sub-section title Image Footer Site Banner Content Content
  16. Eye test: Look for `Komuniti Interaktif Rakanbh` link www.mimos.my © 2008 MIMOS Berhad. All Rights Reserved.
  17. Banner blindness
    • Elements often ignored by users:
      • Colorful or animated images, text or banners
      • Looks like banner advertisement
    www.mimos.my © 2008 MIMOS Berhad. All Rights Reserved.
  18. Presentation Outline
    • 1. Introduction
    • 2. Web usability fundamental guidelines
    • 3. Evaluation & Testing
    • 4. Usability Practices in MIMOS
    www.mimos.my © 2008 MIMOS Berhad. All Rights Reserved.
    • Interviews / observations
    • Focus groups
    • Heuristic evaluation
    • Round-robin reviews
    • Paper prototype test
    • Usability testing
    • Questionnaires
    • Group review / walkthrough
    Types of usability evaluations www.mimos.my © 2008 MIMOS Berhad. All Rights Reserved.
  19. Heuristic evaluation www.mimos.my © 2008 MIMOS Berhad. All Rights Reserved.
    • “ If the user can’t find it,
    • It isn’t there!”
    www.mimos.my © 2008 MIMOS Berhad. All Rights Reserved.
  20. What is Usability testing? www.mimos.my © 2008 MIMOS Berhad. All Rights Reserved.
  21. Steps for usability testing www.mimos.my © 2008 MIMOS Berhad. All Rights Reserved.
  22. How many users to test?
    • Test with 8 users
    www.mimos.my © 2008 MIMOS Berhad. All Rights Reserved. = 5 defects found
  23. How many users to test?
    • Iteration #1
    • Test with 3 users
    www.mimos.my © 2008 MIMOS Berhad. All Rights Reserved. = 4 defects found
  24. How many users to test?
    • Iteration #2
    • Test with 3 users
    www.mimos.my © 2008 MIMOS Berhad. All Rights Reserved. = 4 defects found
  25. How many users to test? www.mimos.my © 2008 MIMOS Berhad. All Rights Reserved. Test with 8 users 1 iteration Test with 6 users 2 iterations
  26. Room setups www.mimos.my © 2008 MIMOS Berhad. All Rights Reserved. Observer room Testing room Observers User Facilitator Subject
    • Issues / design that work
    • User’s path
    • Body language
    • Quotes
    • Assumption & Conclusion
    • Suggestions
    • Task execution time
    What to capture? www.mimos.my © 2008 MIMOS Berhad. All Rights Reserved.
  27. Presentation Outline
    • 1. Introduction
    • 2. Web usability fundamental guidelines
    • 3. Evaluation & Testing
    • 4. Usability Practices in MIMOS
    www.mimos.my © 2008 MIMOS Berhad. All Rights Reserved.
  28. Usability practices in MIMOS www.mimos.my © 2008 MIMOS Berhad. All Rights Reserved. Design Reviews Heuristic Evaluation MIMOS UI-Blueprint User testing – Coming soon
    • Q & A
    www.mimos.my © 2008 MIMOS Berhad. All Rights Reserved.
  29. www.mimos.my © 2008 MIMOS Berhad. All Rights Reserved.

+ Kay RulesKay Rules, 2 years ago

custom

758 views, 4 favs, 1 embeds more stats

See my blog at:
http://usabilitymalaysia.wordpress more

More info about this document

© All Rights Reserved

Go to text version

  • Total Views 758
    • 714 on SlideShare
    • 44 from embeds
  • Comments 2
  • Favorites 4
  • Downloads 0
Most viewed embeds
  • 44 views on http://usabilitymalaysia.wordpress.com

more

All embeds
  • 44 views on http://usabilitymalaysia.wordpress.com

less

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate. If needed, use the feedback form to let us know more details.

Cancel
File a copyright complaint
Having problems? Go to our helpdesk?

Categories