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

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,508
On Slideshare
0
From Embeds
0
Number of Embeds
2
Actions
Shares
0
Downloads
1
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.

×