SlideShare ist ein Scribd-Unternehmen logo
1 von 44
Downloaden Sie, um offline zu lesen
[object Object],[object Object],[object Object],USABILITY INTRODUCTION
[object Object],[object Object],[object Object],[object Object],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 ,[object Object],[object Object],[object Object],[object Object],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
[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],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.
[object Object],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? ,[object Object],www.mimos.my © 2008 MIMOS Berhad. All Rights Reserved. - Research by User Interface Engineering, Inc.
Benefits of usability ,[object Object],[object Object],[object Object],[object Object],[object Object],www.mimos.my © 2008 MIMOS Berhad. All Rights Reserved.
Benefits of usability ,[object Object],[object Object],[object Object],[object Object],www.mimos.my © 2008 MIMOS Berhad. All Rights Reserved.
Presentation Outline ,[object Object],[object Object],[object Object],[object Object],www.mimos.my © 2008 MIMOS Berhad. All Rights Reserved.
[object Object],[object Object],www.mimos.my © 2008 MIMOS Berhad. All Rights Reserved.
[object Object],Need extra thinking? www.mimos.my © 2008 MIMOS Berhad. All Rights Reserved.
[object Object],[object Object],Need extra thinking? www.mimos.my © 2008 MIMOS Berhad. All Rights Reserved.
[object Object],How user used the web? www.mimos.my © 2008 MIMOS Berhad. All Rights Reserved.
[object Object],[object Object],[object Object],How user used the web? www.mimos.my © 2008 MIMOS Berhad. All Rights Reserved.
[object Object],[object Object],F-pattern dominates reading behavior www.mimos.my © 2008 MIMOS Berhad. All Rights Reserved.
[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],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. ,[object Object],[object Object],[object Object],[object Object]
User needs VS organization needs ,[object Object],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 ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],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 ,[object Object],[object Object],[object Object],www.mimos.my © 2008 MIMOS Berhad. All Rights Reserved.
Presentation Outline ,[object Object],[object Object],[object Object],[object Object],www.mimos.my © 2008 MIMOS Berhad. All Rights Reserved.
[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],Types of usability evaluations www.mimos.my © 2008 MIMOS Berhad. All Rights Reserved.
Heuristic evaluation www.mimos.my © 2008 MIMOS Berhad. All Rights Reserved.
[object Object],[object Object],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? ,[object Object],www.mimos.my © 2008 MIMOS Berhad. All Rights Reserved. =  5 defects found
How many users to test? ,[object Object],[object Object],www.mimos.my © 2008 MIMOS Berhad. All Rights Reserved. =  4 defects found
How many users to test? ,[object Object],[object Object],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
[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],What to capture? www.mimos.my © 2008 MIMOS Berhad. All Rights Reserved.
Presentation Outline ,[object Object],[object Object],[object Object],[object Object],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
[object Object],www.mimos.my © 2008 MIMOS Berhad. All Rights Reserved.
www.mimos.my © 2008 MIMOS Berhad. All Rights Reserved.

Weitere ähnliche Inhalte

Andere mochten auch

Web Usability: Making Your Sites More Awesomer
Web Usability: Making Your Sites More AwesomerWeb Usability: Making Your Sites More Awesomer
Web Usability: Making Your Sites More AwesomerJennifer Riehle McFarland
 
Gamification and Game-based Learning
Gamification and Game-based LearningGamification and Game-based Learning
Gamification and Game-based LearningCaitlin Cahill
 
Web Usability Meets Course Website Usability
Web Usability Meets Course Website UsabilityWeb Usability Meets Course Website Usability
Web Usability Meets Course Website UsabilityAnn Fandrey
 
Lecture 1: Web Design + Usability
Lecture 1: Web Design + UsabilityLecture 1: Web Design + Usability
Lecture 1: Web Design + Usabilitymcongdon
 
Andrew Hughes - Gamification vs. Game-Based Learning
Andrew Hughes - Gamification vs. Game-Based LearningAndrew Hughes - Gamification vs. Game-Based Learning
Andrew Hughes - Gamification vs. Game-Based LearningSeriousGamesAssoc
 
Engaging Kids in Learning: game based learning and gamification in education
Engaging Kids in Learning: game based learning and gamification in education Engaging Kids in Learning: game based learning and gamification in education
Engaging Kids in Learning: game based learning and gamification in education Pierre Le Lann
 
Web Usability (Slideshare Version)
Web Usability (Slideshare Version)Web Usability (Slideshare Version)
Web Usability (Slideshare Version)Carles Farré
 
Introduction to Gamification VS. Game-Based Learning (GBL) - Make An Engaging...
Introduction to Gamification VS. Game-Based Learning (GBL) - Make An Engaging...Introduction to Gamification VS. Game-Based Learning (GBL) - Make An Engaging...
Introduction to Gamification VS. Game-Based Learning (GBL) - Make An Engaging...Sherry Jones
 

Andere mochten auch (9)

Web Usability
Web UsabilityWeb Usability
Web Usability
 
Web Usability: Making Your Sites More Awesomer
Web Usability: Making Your Sites More AwesomerWeb Usability: Making Your Sites More Awesomer
Web Usability: Making Your Sites More Awesomer
 
Gamification and Game-based Learning
Gamification and Game-based LearningGamification and Game-based Learning
Gamification and Game-based Learning
 
Web Usability Meets Course Website Usability
Web Usability Meets Course Website UsabilityWeb Usability Meets Course Website Usability
Web Usability Meets Course Website Usability
 
Lecture 1: Web Design + Usability
Lecture 1: Web Design + UsabilityLecture 1: Web Design + Usability
Lecture 1: Web Design + Usability
 
Andrew Hughes - Gamification vs. Game-Based Learning
Andrew Hughes - Gamification vs. Game-Based LearningAndrew Hughes - Gamification vs. Game-Based Learning
Andrew Hughes - Gamification vs. Game-Based Learning
 
Engaging Kids in Learning: game based learning and gamification in education
Engaging Kids in Learning: game based learning and gamification in education Engaging Kids in Learning: game based learning and gamification in education
Engaging Kids in Learning: game based learning and gamification in education
 
Web Usability (Slideshare Version)
Web Usability (Slideshare Version)Web Usability (Slideshare Version)
Web Usability (Slideshare Version)
 
Introduction to Gamification VS. Game-Based Learning (GBL) - Make An Engaging...
Introduction to Gamification VS. Game-Based Learning (GBL) - Make An Engaging...Introduction to Gamification VS. Game-Based Learning (GBL) - Make An Engaging...
Introduction to Gamification VS. Game-Based Learning (GBL) - Make An Engaging...
 

Ähnlich wie Usability Introduction slide

Creating Great Developer Experiences with Metrics and Automation
Creating Great Developer Experiences with Metrics and AutomationCreating Great Developer Experiences with Metrics and Automation
Creating Great Developer Experiences with Metrics and AutomationNordic APIs
 
Effective User Research - Silicon Valley Product Camp 2019
Effective User Research - Silicon Valley Product Camp 2019Effective User Research - Silicon Valley Product Camp 2019
Effective User Research - Silicon Valley Product Camp 2019UXReactor
 
How to get users to manage and share their content in share point 2013 and no...
How to get users to manage and share their content in share point 2013 and no...How to get users to manage and share their content in share point 2013 and no...
How to get users to manage and share their content in share point 2013 and no...Amila Hendahewa
 
Selecting a CMS for a Large Health System
Selecting a CMS for a Large Health SystemSelecting a CMS for a Large Health System
Selecting a CMS for a Large Health SystemEd Bennett
 
Top 10 Ways Of Increase Usability On Your Website
Top 10 Ways Of Increase Usability On Your WebsiteTop 10 Ways Of Increase Usability On Your Website
Top 10 Ways Of Increase Usability On Your WebsiteBeth Woodward
 
Universal usability engineering
Universal usability engineeringUniversal usability engineering
Universal usability engineeringAswathi Shankar
 
London MUG | May MarTech Madness
London MUG | May MarTech MadnessLondon MUG | May MarTech Madness
London MUG | May MarTech MadnessEmilyPoulton2
 
Mobile Second @ NextStep 2014
Mobile Second @ NextStep 2014Mobile Second @ NextStep 2014
Mobile Second @ NextStep 2014Gonçalo Veiga
 
May MarTech Madness - London MUG May 18th
May MarTech Madness - London MUG May 18thMay MarTech Madness - London MUG May 18th
May MarTech Madness - London MUG May 18thAdele Miller
 
Why are important Usability and Design
Why are important Usability and DesignWhy are important Usability and Design
Why are important Usability and DesignElena Ibáñez
 
Web Usablity & Accessibility Standards by Boris Krumov, BlueLink Information ...
Web Usablity & Accessibility Standards by Boris Krumov, BlueLink Information ...Web Usablity & Accessibility Standards by Boris Krumov, BlueLink Information ...
Web Usablity & Accessibility Standards by Boris Krumov, BlueLink Information ...Metamorphosis
 
Customizing Your Content Management System to Work for Your Higher Education ...
Customizing Your Content Management System to Work for Your Higher Education ...Customizing Your Content Management System to Work for Your Higher Education ...
Customizing Your Content Management System to Work for Your Higher Education ...Earthbound Media Group
 

Ähnlich wie Usability Introduction slide (20)

Creating Great Developer Experiences with Metrics and Automation
Creating Great Developer Experiences with Metrics and AutomationCreating Great Developer Experiences with Metrics and Automation
Creating Great Developer Experiences with Metrics and Automation
 
Measurement of Web Usability: An Approach
Measurement of Web Usability: An ApproachMeasurement of Web Usability: An Approach
Measurement of Web Usability: An Approach
 
Effective User Research - Silicon Valley Product Camp 2019
Effective User Research - Silicon Valley Product Camp 2019Effective User Research - Silicon Valley Product Camp 2019
Effective User Research - Silicon Valley Product Camp 2019
 
Usability Testing
Usability TestingUsability Testing
Usability Testing
 
How to get users to manage and share their content in share point 2013 and no...
How to get users to manage and share their content in share point 2013 and no...How to get users to manage and share their content in share point 2013 and no...
How to get users to manage and share their content in share point 2013 and no...
 
Selecting a CMS for a Large Health System
Selecting a CMS for a Large Health SystemSelecting a CMS for a Large Health System
Selecting a CMS for a Large Health System
 
Top 10 Ways Of Increase Usability On Your Website
Top 10 Ways Of Increase Usability On Your WebsiteTop 10 Ways Of Increase Usability On Your Website
Top 10 Ways Of Increase Usability On Your Website
 
Universal usability engineering
Universal usability engineeringUniversal usability engineering
Universal usability engineering
 
Usability 101
Usability 101Usability 101
Usability 101
 
Build mobile web_site
Build mobile web_siteBuild mobile web_site
Build mobile web_site
 
London MUG | May MarTech Madness
London MUG | May MarTech MadnessLondon MUG | May MarTech Madness
London MUG | May MarTech Madness
 
Mobile Second @ NextStep 2014
Mobile Second @ NextStep 2014Mobile Second @ NextStep 2014
Mobile Second @ NextStep 2014
 
May MarTech Madness - London MUG May 18th
May MarTech Madness - London MUG May 18thMay MarTech Madness - London MUG May 18th
May MarTech Madness - London MUG May 18th
 
Why are important Usability and Design
Why are important Usability and DesignWhy are important Usability and Design
Why are important Usability and Design
 
Web Usablity & Accessibility Standards by Boris Krumov, BlueLink Information ...
Web Usablity & Accessibility Standards by Boris Krumov, BlueLink Information ...Web Usablity & Accessibility Standards by Boris Krumov, BlueLink Information ...
Web Usablity & Accessibility Standards by Boris Krumov, BlueLink Information ...
 
Master thesis presentation
Master thesis presentationMaster thesis presentation
Master thesis presentation
 
Master thesis presentation
Master thesis presentationMaster thesis presentation
Master thesis presentation
 
Basics of Lean UX
Basics of Lean UXBasics of Lean UX
Basics of Lean UX
 
Customizing Your Content Management System to Work for Your Higher Education ...
Customizing Your Content Management System to Work for Your Higher Education ...Customizing Your Content Management System to Work for Your Higher Education ...
Customizing Your Content Management System to Work for Your Higher Education ...
 
IBM Social Apps
IBM Social AppsIBM Social Apps
IBM Social Apps
 

Kürzlich hochgeladen

Patterns of Written Texts Across Disciplines.pptx
Patterns of Written Texts Across Disciplines.pptxPatterns of Written Texts Across Disciplines.pptx
Patterns of Written Texts Across Disciplines.pptxMYDA ANGELICA SUAN
 
P4C x ELT = P4ELT: Its Theoretical Background (Kanazawa, 2024 March).pdf
P4C x ELT = P4ELT: Its Theoretical Background (Kanazawa, 2024 March).pdfP4C x ELT = P4ELT: Its Theoretical Background (Kanazawa, 2024 March).pdf
P4C x ELT = P4ELT: Its Theoretical Background (Kanazawa, 2024 March).pdfYu Kanazawa / Osaka University
 
Benefits & Challenges of Inclusive Education
Benefits & Challenges of Inclusive EducationBenefits & Challenges of Inclusive Education
Benefits & Challenges of Inclusive EducationMJDuyan
 
M-2- General Reactions of amino acids.pptx
M-2- General Reactions of amino acids.pptxM-2- General Reactions of amino acids.pptx
M-2- General Reactions of amino acids.pptxDr. Santhosh Kumar. N
 
How to Show Error_Warning Messages in Odoo 17
How to Show Error_Warning Messages in Odoo 17How to Show Error_Warning Messages in Odoo 17
How to Show Error_Warning Messages in Odoo 17Celine George
 
Philosophy of Education and Educational Philosophy
Philosophy of Education  and Educational PhilosophyPhilosophy of Education  and Educational Philosophy
Philosophy of Education and Educational PhilosophyShuvankar Madhu
 
UKCGE Parental Leave Discussion March 2024
UKCGE Parental Leave Discussion March 2024UKCGE Parental Leave Discussion March 2024
UKCGE Parental Leave Discussion March 2024UKCGE
 
DUST OF SNOW_BY ROBERT FROST_EDITED BY_ TANMOY MISHRA
DUST OF SNOW_BY ROBERT FROST_EDITED BY_ TANMOY MISHRADUST OF SNOW_BY ROBERT FROST_EDITED BY_ TANMOY MISHRA
DUST OF SNOW_BY ROBERT FROST_EDITED BY_ TANMOY MISHRATanmoy Mishra
 
Human-AI Co-Creation of Worked Examples for Programming Classes
Human-AI Co-Creation of Worked Examples for Programming ClassesHuman-AI Co-Creation of Worked Examples for Programming Classes
Human-AI Co-Creation of Worked Examples for Programming ClassesMohammad Hassany
 
3.19.24 Urban Uprisings and the Chicago Freedom Movement.pptx
3.19.24 Urban Uprisings and the Chicago Freedom Movement.pptx3.19.24 Urban Uprisings and the Chicago Freedom Movement.pptx
3.19.24 Urban Uprisings and the Chicago Freedom Movement.pptxmary850239
 
CAULIFLOWER BREEDING 1 Parmar pptx
CAULIFLOWER BREEDING 1 Parmar pptxCAULIFLOWER BREEDING 1 Parmar pptx
CAULIFLOWER BREEDING 1 Parmar pptxSaurabhParmar42
 
How to Use api.constrains ( ) in Odoo 17
How to Use api.constrains ( ) in Odoo 17How to Use api.constrains ( ) in Odoo 17
How to Use api.constrains ( ) in Odoo 17Celine George
 
Patient Counselling. Definition of patient counseling; steps involved in pati...
Patient Counselling. Definition of patient counseling; steps involved in pati...Patient Counselling. Definition of patient counseling; steps involved in pati...
Patient Counselling. Definition of patient counseling; steps involved in pati...raviapr7
 
3.21.24 The Origins of Black Power.pptx
3.21.24  The Origins of Black Power.pptx3.21.24  The Origins of Black Power.pptx
3.21.24 The Origins of Black Power.pptxmary850239
 
AUDIENCE THEORY -- FANDOM -- JENKINS.pptx
AUDIENCE THEORY -- FANDOM -- JENKINS.pptxAUDIENCE THEORY -- FANDOM -- JENKINS.pptx
AUDIENCE THEORY -- FANDOM -- JENKINS.pptxiammrhaywood
 
What is the Future of QuickBooks DeskTop?
What is the Future of QuickBooks DeskTop?What is the Future of QuickBooks DeskTop?
What is the Future of QuickBooks DeskTop?TechSoup
 
2024.03.23 What do successful readers do - Sandy Millin for PARK.pptx
2024.03.23 What do successful readers do - Sandy Millin for PARK.pptx2024.03.23 What do successful readers do - Sandy Millin for PARK.pptx
2024.03.23 What do successful readers do - Sandy Millin for PARK.pptxSandy Millin
 
How to Add Existing Field in One2Many Tree View in Odoo 17
How to Add Existing Field in One2Many Tree View in Odoo 17How to Add Existing Field in One2Many Tree View in Odoo 17
How to Add Existing Field in One2Many Tree View in Odoo 17Celine George
 

Kürzlich hochgeladen (20)

Patterns of Written Texts Across Disciplines.pptx
Patterns of Written Texts Across Disciplines.pptxPatterns of Written Texts Across Disciplines.pptx
Patterns of Written Texts Across Disciplines.pptx
 
P4C x ELT = P4ELT: Its Theoretical Background (Kanazawa, 2024 March).pdf
P4C x ELT = P4ELT: Its Theoretical Background (Kanazawa, 2024 March).pdfP4C x ELT = P4ELT: Its Theoretical Background (Kanazawa, 2024 March).pdf
P4C x ELT = P4ELT: Its Theoretical Background (Kanazawa, 2024 March).pdf
 
Benefits & Challenges of Inclusive Education
Benefits & Challenges of Inclusive EducationBenefits & Challenges of Inclusive Education
Benefits & Challenges of Inclusive Education
 
M-2- General Reactions of amino acids.pptx
M-2- General Reactions of amino acids.pptxM-2- General Reactions of amino acids.pptx
M-2- General Reactions of amino acids.pptx
 
How to Show Error_Warning Messages in Odoo 17
How to Show Error_Warning Messages in Odoo 17How to Show Error_Warning Messages in Odoo 17
How to Show Error_Warning Messages in Odoo 17
 
Philosophy of Education and Educational Philosophy
Philosophy of Education  and Educational PhilosophyPhilosophy of Education  and Educational Philosophy
Philosophy of Education and Educational Philosophy
 
Finals of Kant get Marx 2.0 : a general politics quiz
Finals of Kant get Marx 2.0 : a general politics quizFinals of Kant get Marx 2.0 : a general politics quiz
Finals of Kant get Marx 2.0 : a general politics quiz
 
Personal Resilience in Project Management 2 - TV Edit 1a.pdf
Personal Resilience in Project Management 2 - TV Edit 1a.pdfPersonal Resilience in Project Management 2 - TV Edit 1a.pdf
Personal Resilience in Project Management 2 - TV Edit 1a.pdf
 
UKCGE Parental Leave Discussion March 2024
UKCGE Parental Leave Discussion March 2024UKCGE Parental Leave Discussion March 2024
UKCGE Parental Leave Discussion March 2024
 
DUST OF SNOW_BY ROBERT FROST_EDITED BY_ TANMOY MISHRA
DUST OF SNOW_BY ROBERT FROST_EDITED BY_ TANMOY MISHRADUST OF SNOW_BY ROBERT FROST_EDITED BY_ TANMOY MISHRA
DUST OF SNOW_BY ROBERT FROST_EDITED BY_ TANMOY MISHRA
 
Human-AI Co-Creation of Worked Examples for Programming Classes
Human-AI Co-Creation of Worked Examples for Programming ClassesHuman-AI Co-Creation of Worked Examples for Programming Classes
Human-AI Co-Creation of Worked Examples for Programming Classes
 
3.19.24 Urban Uprisings and the Chicago Freedom Movement.pptx
3.19.24 Urban Uprisings and the Chicago Freedom Movement.pptx3.19.24 Urban Uprisings and the Chicago Freedom Movement.pptx
3.19.24 Urban Uprisings and the Chicago Freedom Movement.pptx
 
CAULIFLOWER BREEDING 1 Parmar pptx
CAULIFLOWER BREEDING 1 Parmar pptxCAULIFLOWER BREEDING 1 Parmar pptx
CAULIFLOWER BREEDING 1 Parmar pptx
 
How to Use api.constrains ( ) in Odoo 17
How to Use api.constrains ( ) in Odoo 17How to Use api.constrains ( ) in Odoo 17
How to Use api.constrains ( ) in Odoo 17
 
Patient Counselling. Definition of patient counseling; steps involved in pati...
Patient Counselling. Definition of patient counseling; steps involved in pati...Patient Counselling. Definition of patient counseling; steps involved in pati...
Patient Counselling. Definition of patient counseling; steps involved in pati...
 
3.21.24 The Origins of Black Power.pptx
3.21.24  The Origins of Black Power.pptx3.21.24  The Origins of Black Power.pptx
3.21.24 The Origins of Black Power.pptx
 
AUDIENCE THEORY -- FANDOM -- JENKINS.pptx
AUDIENCE THEORY -- FANDOM -- JENKINS.pptxAUDIENCE THEORY -- FANDOM -- JENKINS.pptx
AUDIENCE THEORY -- FANDOM -- JENKINS.pptx
 
What is the Future of QuickBooks DeskTop?
What is the Future of QuickBooks DeskTop?What is the Future of QuickBooks DeskTop?
What is the Future of QuickBooks DeskTop?
 
2024.03.23 What do successful readers do - Sandy Millin for PARK.pptx
2024.03.23 What do successful readers do - Sandy Millin for PARK.pptx2024.03.23 What do successful readers do - Sandy Millin for PARK.pptx
2024.03.23 What do successful readers do - Sandy Millin for PARK.pptx
 
How to Add Existing Field in One2Many Tree View in Odoo 17
How to Add Existing Field in One2Many Tree View in Odoo 17How to Add Existing Field in One2Many Tree View in Odoo 17
How to Add Existing Field in One2Many Tree View in Odoo 17
 

Usability Introduction slide

  • 1.
  • 2.
  • 3. Usable or Not? www.mimos.my © 2008 MIMOS Berhad. All Rights Reserved.
  • 4.
  • 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.
  • 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.
  • 11.
  • 12.
  • 13.
  • 14.
  • 15.
  • 16.
  • 17.
  • 18.
  • 19.
  • 20.
  • 21.
  • 22.
  • 23.
  • 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.
  • 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.
  • 29.
  • 30.
  • 31. Heuristic evaluation www.mimos.my © 2008 MIMOS Berhad. All Rights Reserved.
  • 32.
  • 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.
  • 36.
  • 37.
  • 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.
  • 41.
  • 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.
  • 44. www.mimos.my © 2008 MIMOS Berhad. All Rights Reserved.