SlideShare una empresa de Scribd logo
1 de 44
[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.

Más contenido relacionado

Destacado

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
 

Destacado (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...
 

Similar a 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
 
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
 
1Running Head HUMAN-COMPUTER INTERFACE .docx
1Running Head HUMAN-COMPUTER INTERFACE                     .docx1Running Head HUMAN-COMPUTER INTERFACE                     .docx
1Running Head HUMAN-COMPUTER INTERFACE .docxherminaprocter
 

Similar a 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
 
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
 
1Running Head HUMAN-COMPUTER INTERFACE .docx
1Running Head HUMAN-COMPUTER INTERFACE                     .docx1Running Head HUMAN-COMPUTER INTERFACE                     .docx
1Running Head HUMAN-COMPUTER INTERFACE .docx
 

Último

Textual Evidence in Reading and Writing of SHS
Textual Evidence in Reading and Writing of SHSTextual Evidence in Reading and Writing of SHS
Textual Evidence in Reading and Writing of SHSMae Pangan
 
Q4-PPT-Music9_Lesson-1-Romantic-Opera.pptx
Q4-PPT-Music9_Lesson-1-Romantic-Opera.pptxQ4-PPT-Music9_Lesson-1-Romantic-Opera.pptx
Q4-PPT-Music9_Lesson-1-Romantic-Opera.pptxlancelewisportillo
 
Man or Manufactured_ Redefining Humanity Through Biopunk Narratives.pptx
Man or Manufactured_ Redefining Humanity Through Biopunk Narratives.pptxMan or Manufactured_ Redefining Humanity Through Biopunk Narratives.pptx
Man or Manufactured_ Redefining Humanity Through Biopunk Narratives.pptxDhatriParmar
 
Team Lead Succeed – Helping you and your team achieve high-performance teamwo...
Team Lead Succeed – Helping you and your team achieve high-performance teamwo...Team Lead Succeed – Helping you and your team achieve high-performance teamwo...
Team Lead Succeed – Helping you and your team achieve high-performance teamwo...Association for Project Management
 
Grade 9 Quarter 4 Dll Grade 9 Quarter 4 DLL.pdf
Grade 9 Quarter 4 Dll Grade 9 Quarter 4 DLL.pdfGrade 9 Quarter 4 Dll Grade 9 Quarter 4 DLL.pdf
Grade 9 Quarter 4 Dll Grade 9 Quarter 4 DLL.pdfJemuel Francisco
 
Beauty Amidst the Bytes_ Unearthing Unexpected Advantages of the Digital Wast...
Beauty Amidst the Bytes_ Unearthing Unexpected Advantages of the Digital Wast...Beauty Amidst the Bytes_ Unearthing Unexpected Advantages of the Digital Wast...
Beauty Amidst the Bytes_ Unearthing Unexpected Advantages of the Digital Wast...DhatriParmar
 
ClimART Action | eTwinning Project
ClimART Action    |    eTwinning ProjectClimART Action    |    eTwinning Project
ClimART Action | eTwinning Projectjordimapav
 
Congestive Cardiac Failure..presentation
Congestive Cardiac Failure..presentationCongestive Cardiac Failure..presentation
Congestive Cardiac Failure..presentationdeepaannamalai16
 
4.11.24 Poverty and Inequality in America.pptx
4.11.24 Poverty and Inequality in America.pptx4.11.24 Poverty and Inequality in America.pptx
4.11.24 Poverty and Inequality in America.pptxmary850239
 
How to Make a Duplicate of Your Odoo 17 Database
How to Make a Duplicate of Your Odoo 17 DatabaseHow to Make a Duplicate of Your Odoo 17 Database
How to Make a Duplicate of Your Odoo 17 DatabaseCeline George
 
Mental Health Awareness - a toolkit for supporting young minds
Mental Health Awareness - a toolkit for supporting young mindsMental Health Awareness - a toolkit for supporting young minds
Mental Health Awareness - a toolkit for supporting young mindsPooky Knightsmith
 
Q-Factor HISPOL Quiz-6th April 2024, Quiz Club NITW
Q-Factor HISPOL Quiz-6th April 2024, Quiz Club NITWQ-Factor HISPOL Quiz-6th April 2024, Quiz Club NITW
Q-Factor HISPOL Quiz-6th April 2024, Quiz Club NITWQuiz Club NITW
 
Using Grammatical Signals Suitable to Patterns of Idea Development
Using Grammatical Signals Suitable to Patterns of Idea DevelopmentUsing Grammatical Signals Suitable to Patterns of Idea Development
Using Grammatical Signals Suitable to Patterns of Idea Developmentchesterberbo7
 
Narcotic and Non Narcotic Analgesic..pdf
Narcotic and Non Narcotic Analgesic..pdfNarcotic and Non Narcotic Analgesic..pdf
Narcotic and Non Narcotic Analgesic..pdfPrerana Jadhav
 
ICS2208 Lecture6 Notes for SL spaces.pdf
ICS2208 Lecture6 Notes for SL spaces.pdfICS2208 Lecture6 Notes for SL spaces.pdf
ICS2208 Lecture6 Notes for SL spaces.pdfVanessa Camilleri
 
Reading and Writing Skills 11 quarter 4 melc 1
Reading and Writing Skills 11 quarter 4 melc 1Reading and Writing Skills 11 quarter 4 melc 1
Reading and Writing Skills 11 quarter 4 melc 1GloryAnnCastre1
 
Active Learning Strategies (in short ALS).pdf
Active Learning Strategies (in short ALS).pdfActive Learning Strategies (in short ALS).pdf
Active Learning Strategies (in short ALS).pdfPatidar M
 

Último (20)

Textual Evidence in Reading and Writing of SHS
Textual Evidence in Reading and Writing of SHSTextual Evidence in Reading and Writing of SHS
Textual Evidence in Reading and Writing of SHS
 
Q4-PPT-Music9_Lesson-1-Romantic-Opera.pptx
Q4-PPT-Music9_Lesson-1-Romantic-Opera.pptxQ4-PPT-Music9_Lesson-1-Romantic-Opera.pptx
Q4-PPT-Music9_Lesson-1-Romantic-Opera.pptx
 
Man or Manufactured_ Redefining Humanity Through Biopunk Narratives.pptx
Man or Manufactured_ Redefining Humanity Through Biopunk Narratives.pptxMan or Manufactured_ Redefining Humanity Through Biopunk Narratives.pptx
Man or Manufactured_ Redefining Humanity Through Biopunk Narratives.pptx
 
Team Lead Succeed – Helping you and your team achieve high-performance teamwo...
Team Lead Succeed – Helping you and your team achieve high-performance teamwo...Team Lead Succeed – Helping you and your team achieve high-performance teamwo...
Team Lead Succeed – Helping you and your team achieve high-performance teamwo...
 
Grade 9 Quarter 4 Dll Grade 9 Quarter 4 DLL.pdf
Grade 9 Quarter 4 Dll Grade 9 Quarter 4 DLL.pdfGrade 9 Quarter 4 Dll Grade 9 Quarter 4 DLL.pdf
Grade 9 Quarter 4 Dll Grade 9 Quarter 4 DLL.pdf
 
Beauty Amidst the Bytes_ Unearthing Unexpected Advantages of the Digital Wast...
Beauty Amidst the Bytes_ Unearthing Unexpected Advantages of the Digital Wast...Beauty Amidst the Bytes_ Unearthing Unexpected Advantages of the Digital Wast...
Beauty Amidst the Bytes_ Unearthing Unexpected Advantages of the Digital Wast...
 
ClimART Action | eTwinning Project
ClimART Action    |    eTwinning ProjectClimART Action    |    eTwinning Project
ClimART Action | eTwinning Project
 
Congestive Cardiac Failure..presentation
Congestive Cardiac Failure..presentationCongestive Cardiac Failure..presentation
Congestive Cardiac Failure..presentation
 
4.11.24 Poverty and Inequality in America.pptx
4.11.24 Poverty and Inequality in America.pptx4.11.24 Poverty and Inequality in America.pptx
4.11.24 Poverty and Inequality in America.pptx
 
How to Make a Duplicate of Your Odoo 17 Database
How to Make a Duplicate of Your Odoo 17 DatabaseHow to Make a Duplicate of Your Odoo 17 Database
How to Make a Duplicate of Your Odoo 17 Database
 
Mental Health Awareness - a toolkit for supporting young minds
Mental Health Awareness - a toolkit for supporting young mindsMental Health Awareness - a toolkit for supporting young minds
Mental Health Awareness - a toolkit for supporting young minds
 
Paradigm shift in nursing research by RS MEHTA
Paradigm shift in nursing research by RS MEHTAParadigm shift in nursing research by RS MEHTA
Paradigm shift in nursing research by RS MEHTA
 
Q-Factor HISPOL Quiz-6th April 2024, Quiz Club NITW
Q-Factor HISPOL Quiz-6th April 2024, Quiz Club NITWQ-Factor HISPOL Quiz-6th April 2024, Quiz Club NITW
Q-Factor HISPOL Quiz-6th April 2024, Quiz Club NITW
 
Using Grammatical Signals Suitable to Patterns of Idea Development
Using Grammatical Signals Suitable to Patterns of Idea DevelopmentUsing Grammatical Signals Suitable to Patterns of Idea Development
Using Grammatical Signals Suitable to Patterns of Idea Development
 
prashanth updated resume 2024 for Teaching Profession
prashanth updated resume 2024 for Teaching Professionprashanth updated resume 2024 for Teaching Profession
prashanth updated resume 2024 for Teaching Profession
 
Narcotic and Non Narcotic Analgesic..pdf
Narcotic and Non Narcotic Analgesic..pdfNarcotic and Non Narcotic Analgesic..pdf
Narcotic and Non Narcotic Analgesic..pdf
 
ICS2208 Lecture6 Notes for SL spaces.pdf
ICS2208 Lecture6 Notes for SL spaces.pdfICS2208 Lecture6 Notes for SL spaces.pdf
ICS2208 Lecture6 Notes for SL spaces.pdf
 
Reading and Writing Skills 11 quarter 4 melc 1
Reading and Writing Skills 11 quarter 4 melc 1Reading and Writing Skills 11 quarter 4 melc 1
Reading and Writing Skills 11 quarter 4 melc 1
 
Active Learning Strategies (in short ALS).pdf
Active Learning Strategies (in short ALS).pdfActive Learning Strategies (in short ALS).pdf
Active Learning Strategies (in short ALS).pdf
 
Mattingly "AI & Prompt Design: Large Language Models"
Mattingly "AI & Prompt Design: Large Language Models"Mattingly "AI & Prompt Design: Large Language Models"
Mattingly "AI & Prompt Design: Large Language Models"
 

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.