• Save
Usability Introduction slide
Upcoming SlideShare
Loading in...5
×
 

Usability Introduction slide

on

  • 3,583 views

See my blog at:

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

Statistics

Views

Total Views
3,583
Slideshare-icon Views on SlideShare
2,657
Embed Views
926

Actions

Likes
4
Downloads
0
Comments
2

9 Embeds 926

http://usabilitymalaysia.wordpress.com 772
http://blog.fleezo.com 111
http://fleezo.tumblr.com 33
http://www.slideshare.net 3
url_unknown 2
http://www.google.com 2
http://translate.googleusercontent.com 1
http://thehotstrudel.blogspot.com 1
http://search.yahoo.com 1
More...

Accessibility

Upload Details

Uploaded via as Microsoft PowerPoint

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel

12 of 2

  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
  • what is Established Usability Guidelines ??
    Are you sure you want to
    Your message goes here
    Processing…
  • If anybody interested with this slide, do ask it from me.. I wouldn't mind to share it with others..
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

    Usability Introduction slide 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.
    • Usable or Not? www.mimos.my © 2008 MIMOS Berhad. All Rights Reserved.
    • 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.
    • 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
    • What’s wrong here? www.mimos.my © 2008 MIMOS Berhad. All Rights Reserved.
    • What’s wrong here? www.mimos.my © 2008 MIMOS Berhad. All Rights Reserved.
    • 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?
    • 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.
    • 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.
    • 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.
    • 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.
    • 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
    • User needs VS organization needs
      • Sample websites:
      www.mimos.my © 2008 MIMOS Berhad. All Rights Reserved.
    • 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
    • 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
    • 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
    • Eye test: Look for `Komuniti Interaktif Rakanbh` link www.mimos.my © 2008 MIMOS Berhad. All Rights Reserved.
    • 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.
    • 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.
    • 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.
    • What is Usability testing? www.mimos.my © 2008 MIMOS Berhad. All Rights Reserved.
    • Steps for usability testing www.mimos.my © 2008 MIMOS Berhad. All Rights Reserved.
    • How many users to test?
      • Test with 8 users
      www.mimos.my © 2008 MIMOS Berhad. All Rights Reserved. = 5 defects found
    • How many users to test?
      • Iteration #1
      • Test with 3 users
      www.mimos.my © 2008 MIMOS Berhad. All Rights Reserved. = 4 defects found
    • How many users to test?
      • Iteration #2
      • Test with 3 users
      www.mimos.my © 2008 MIMOS Berhad. All Rights Reserved. = 4 defects found
    • 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
    • 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.
    • 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.
    • 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.
    • www.mimos.my © 2008 MIMOS Berhad. All Rights Reserved.