SlideShare uma empresa 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.

Mais conteúdo relacionado

Destaque

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
 

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

Semelhante 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
 

Semelhante 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

Class 11th Physics NEET formula sheet pdf
Class 11th Physics NEET formula sheet pdfClass 11th Physics NEET formula sheet pdf
Class 11th Physics NEET formula sheet pdfAyushMahapatra5
 
Kisan Call Centre - To harness potential of ICT in Agriculture by answer farm...
Kisan Call Centre - To harness potential of ICT in Agriculture by answer farm...Kisan Call Centre - To harness potential of ICT in Agriculture by answer farm...
Kisan Call Centre - To harness potential of ICT in Agriculture by answer farm...Krashi Coaching
 
Grant Readiness 101 TechSoup and Remy Consulting
Grant Readiness 101 TechSoup and Remy ConsultingGrant Readiness 101 TechSoup and Remy Consulting
Grant Readiness 101 TechSoup and Remy ConsultingTechSoup
 
BAG TECHNIQUE Bag technique-a tool making use of public health bag through wh...
BAG TECHNIQUE Bag technique-a tool making use of public health bag through wh...BAG TECHNIQUE Bag technique-a tool making use of public health bag through wh...
BAG TECHNIQUE Bag technique-a tool making use of public health bag through wh...Sapna Thakur
 
9548086042 for call girls in Indira Nagar with room service
9548086042  for call girls in Indira Nagar  with room service9548086042  for call girls in Indira Nagar  with room service
9548086042 for call girls in Indira Nagar with room servicediscovermytutordmt
 
Key note speaker Neum_Admir Softic_ENG.pdf
Key note speaker Neum_Admir Softic_ENG.pdfKey note speaker Neum_Admir Softic_ENG.pdf
Key note speaker Neum_Admir Softic_ENG.pdfAdmir Softic
 
Beyond the EU: DORA and NIS 2 Directive's Global Impact
Beyond the EU: DORA and NIS 2 Directive's Global ImpactBeyond the EU: DORA and NIS 2 Directive's Global Impact
Beyond the EU: DORA and NIS 2 Directive's Global ImpactPECB
 
Web & Social Media Analytics Previous Year Question Paper.pdf
Web & Social Media Analytics Previous Year Question Paper.pdfWeb & Social Media Analytics Previous Year Question Paper.pdf
Web & Social Media Analytics Previous Year Question Paper.pdfJayanti Pande
 
Unit-IV- Pharma. Marketing Channels.pptx
Unit-IV- Pharma. Marketing Channels.pptxUnit-IV- Pharma. Marketing Channels.pptx
Unit-IV- Pharma. Marketing Channels.pptxVishalSingh1417
 
Advanced Views - Calendar View in Odoo 17
Advanced Views - Calendar View in Odoo 17Advanced Views - Calendar View in Odoo 17
Advanced Views - Calendar View in Odoo 17Celine George
 
Sanyam Choudhary Chemistry practical.pdf
Sanyam Choudhary Chemistry practical.pdfSanyam Choudhary Chemistry practical.pdf
Sanyam Choudhary Chemistry practical.pdfsanyamsingh5019
 
The Most Excellent Way | 1 Corinthians 13
The Most Excellent Way | 1 Corinthians 13The Most Excellent Way | 1 Corinthians 13
The Most Excellent Way | 1 Corinthians 13Steve Thomason
 
Accessible design: Minimum effort, maximum impact
Accessible design: Minimum effort, maximum impactAccessible design: Minimum effort, maximum impact
Accessible design: Minimum effort, maximum impactdawncurless
 
Measures of Dispersion and Variability: Range, QD, AD and SD
Measures of Dispersion and Variability: Range, QD, AD and SDMeasures of Dispersion and Variability: Range, QD, AD and SD
Measures of Dispersion and Variability: Range, QD, AD and SDThiyagu K
 
General AI for Medical Educators April 2024
General AI for Medical Educators April 2024General AI for Medical Educators April 2024
General AI for Medical Educators April 2024Janet Corral
 
Russian Escort Service in Delhi 11k Hotel Foreigner Russian Call Girls in Delhi
Russian Escort Service in Delhi 11k Hotel Foreigner Russian Call Girls in DelhiRussian Escort Service in Delhi 11k Hotel Foreigner Russian Call Girls in Delhi
Russian Escort Service in Delhi 11k Hotel Foreigner Russian Call Girls in Delhikauryashika82
 
Nutritional Needs Presentation - HLTH 104
Nutritional Needs Presentation - HLTH 104Nutritional Needs Presentation - HLTH 104
Nutritional Needs Presentation - HLTH 104misteraugie
 

Último (20)

Class 11th Physics NEET formula sheet pdf
Class 11th Physics NEET formula sheet pdfClass 11th Physics NEET formula sheet pdf
Class 11th Physics NEET formula sheet pdf
 
Kisan Call Centre - To harness potential of ICT in Agriculture by answer farm...
Kisan Call Centre - To harness potential of ICT in Agriculture by answer farm...Kisan Call Centre - To harness potential of ICT in Agriculture by answer farm...
Kisan Call Centre - To harness potential of ICT in Agriculture by answer farm...
 
Grant Readiness 101 TechSoup and Remy Consulting
Grant Readiness 101 TechSoup and Remy ConsultingGrant Readiness 101 TechSoup and Remy Consulting
Grant Readiness 101 TechSoup and Remy Consulting
 
BAG TECHNIQUE Bag technique-a tool making use of public health bag through wh...
BAG TECHNIQUE Bag technique-a tool making use of public health bag through wh...BAG TECHNIQUE Bag technique-a tool making use of public health bag through wh...
BAG TECHNIQUE Bag technique-a tool making use of public health bag through wh...
 
9548086042 for call girls in Indira Nagar with room service
9548086042  for call girls in Indira Nagar  with room service9548086042  for call girls in Indira Nagar  with room service
9548086042 for call girls in Indira Nagar with room service
 
Advance Mobile Application Development class 07
Advance Mobile Application Development class 07Advance Mobile Application Development class 07
Advance Mobile Application Development class 07
 
Key note speaker Neum_Admir Softic_ENG.pdf
Key note speaker Neum_Admir Softic_ENG.pdfKey note speaker Neum_Admir Softic_ENG.pdf
Key note speaker Neum_Admir Softic_ENG.pdf
 
Beyond the EU: DORA and NIS 2 Directive's Global Impact
Beyond the EU: DORA and NIS 2 Directive's Global ImpactBeyond the EU: DORA and NIS 2 Directive's Global Impact
Beyond the EU: DORA and NIS 2 Directive's Global Impact
 
Web & Social Media Analytics Previous Year Question Paper.pdf
Web & Social Media Analytics Previous Year Question Paper.pdfWeb & Social Media Analytics Previous Year Question Paper.pdf
Web & Social Media Analytics Previous Year Question Paper.pdf
 
Unit-IV- Pharma. Marketing Channels.pptx
Unit-IV- Pharma. Marketing Channels.pptxUnit-IV- Pharma. Marketing Channels.pptx
Unit-IV- Pharma. Marketing Channels.pptx
 
Advanced Views - Calendar View in Odoo 17
Advanced Views - Calendar View in Odoo 17Advanced Views - Calendar View in Odoo 17
Advanced Views - Calendar View in Odoo 17
 
Sanyam Choudhary Chemistry practical.pdf
Sanyam Choudhary Chemistry practical.pdfSanyam Choudhary Chemistry practical.pdf
Sanyam Choudhary Chemistry practical.pdf
 
The Most Excellent Way | 1 Corinthians 13
The Most Excellent Way | 1 Corinthians 13The Most Excellent Way | 1 Corinthians 13
The Most Excellent Way | 1 Corinthians 13
 
Accessible design: Minimum effort, maximum impact
Accessible design: Minimum effort, maximum impactAccessible design: Minimum effort, maximum impact
Accessible design: Minimum effort, maximum impact
 
Measures of Dispersion and Variability: Range, QD, AD and SD
Measures of Dispersion and Variability: Range, QD, AD and SDMeasures of Dispersion and Variability: Range, QD, AD and SD
Measures of Dispersion and Variability: Range, QD, AD and SD
 
General AI for Medical Educators April 2024
General AI for Medical Educators April 2024General AI for Medical Educators April 2024
General AI for Medical Educators April 2024
 
INDIA QUIZ 2024 RLAC DELHI UNIVERSITY.pptx
INDIA QUIZ 2024 RLAC DELHI UNIVERSITY.pptxINDIA QUIZ 2024 RLAC DELHI UNIVERSITY.pptx
INDIA QUIZ 2024 RLAC DELHI UNIVERSITY.pptx
 
Russian Escort Service in Delhi 11k Hotel Foreigner Russian Call Girls in Delhi
Russian Escort Service in Delhi 11k Hotel Foreigner Russian Call Girls in DelhiRussian Escort Service in Delhi 11k Hotel Foreigner Russian Call Girls in Delhi
Russian Escort Service in Delhi 11k Hotel Foreigner Russian Call Girls in Delhi
 
Nutritional Needs Presentation - HLTH 104
Nutritional Needs Presentation - HLTH 104Nutritional Needs Presentation - HLTH 104
Nutritional Needs Presentation - HLTH 104
 
Mattingly "AI & Prompt Design: Structured Data, Assistants, & RAG"
Mattingly "AI & Prompt Design: Structured Data, Assistants, & RAG"Mattingly "AI & Prompt Design: Structured Data, Assistants, & RAG"
Mattingly "AI & Prompt Design: Structured Data, Assistants, & RAG"
 

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.