Your SlideShare is downloading. ×
Usability Introduction slide
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

Usability Introduction slide

4,461
views

Published on

See my blog at: …

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

Published in: Education, Technology, Design

2 Comments
4 Likes
Statistics
Notes
No Downloads
Views
Total Views
4,461
On Slideshare
0
From Embeds
0
Number of Embeds
2
Actions
Shares
0
Downloads
0
Comments
2
Likes
4
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.
    • http://usabilitymalaysia.wordpress.com
    • Mohd Khairulnizam Md Dahari
    • USABILITY INTRODUCTION
    USABILITY INTRODUCTION
  • 2.
    • 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.
  • 3. Usable or Not? www.mimos.my © 2008 MIMOS Berhad. All Rights Reserved.
  • 4. 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.
  • 5. 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
  • 6.
    • 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
  • 7. What’s wrong here? www.mimos.my © 2008 MIMOS Berhad. All Rights Reserved.
  • 8. What’s wrong here? www.mimos.my © 2008 MIMOS Berhad. All Rights Reserved.
  • 9. What’s wrong here? www.mimos.my © 2008 MIMOS Berhad. All Rights Reserved.
  • 10.
    • 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?
  • 11. 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.
  • 12. 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.
  • 13. 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.
  • 14. 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.
  • 15.
    • “ Don’t make me think!”
    • - Steve Krug
    www.mimos.my © 2008 MIMOS Berhad. All Rights Reserved.
  • 16.
    • Which is seems clickable?
    Need extra thinking? www.mimos.my © 2008 MIMOS Berhad. All Rights Reserved.
  • 17.
    • 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.
  • 18.
    • How designers think users read web pages
    How user used the web? www.mimos.my © 2008 MIMOS Berhad. All Rights Reserved.
  • 19.
    • 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.
  • 20.
    • 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.
  • 21.
    • 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.
  • 22. 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
  • 23. User needs VS organization needs
    • Sample websites:
    www.mimos.my © 2008 MIMOS Berhad. All Rights Reserved.
  • 24. 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
  • 25. 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
  • 26. 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
  • 27. Eye test: Look for `Komuniti Interaktif Rakanbh` link www.mimos.my © 2008 MIMOS Berhad. All Rights Reserved.
  • 28. 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.
  • 29. 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.
  • 30.
    • 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.
  • 31. Heuristic evaluation www.mimos.my © 2008 MIMOS Berhad. All Rights Reserved.
  • 32.
    • “ If the user can’t find it,
    • It isn’t there!”
    www.mimos.my © 2008 MIMOS Berhad. All Rights Reserved.
  • 33. What is Usability testing? www.mimos.my © 2008 MIMOS Berhad. All Rights Reserved.
  • 34. Steps for usability testing www.mimos.my © 2008 MIMOS Berhad. All Rights Reserved.
  • 35. How many users to test?
    • Test with 8 users
    www.mimos.my © 2008 MIMOS Berhad. All Rights Reserved. = 5 defects found
  • 36. How many users to test?
    • Iteration #1
    • Test with 3 users
    www.mimos.my © 2008 MIMOS Berhad. All Rights Reserved. = 4 defects found
  • 37. How many users to test?
    • Iteration #2
    • Test with 3 users
    www.mimos.my © 2008 MIMOS Berhad. All Rights Reserved. = 4 defects found
  • 38. 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
  • 39. Room setups www.mimos.my © 2008 MIMOS Berhad. All Rights Reserved. Observer room Testing room Observers User Facilitator Subject
  • 40.
    • 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.
  • 41. 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.
  • 42. Usability practices in MIMOS www.mimos.my © 2008 MIMOS Berhad. All Rights Reserved. Design Reviews Heuristic Evaluation MIMOS UI-Blueprint User testing – Coming soon
  • 43.
    • Q & A
    www.mimos.my © 2008 MIMOS Berhad. All Rights Reserved.
  • 44. www.mimos.my © 2008 MIMOS Berhad. All Rights Reserved.