SlideShare a Scribd company logo
1 of 14
ARTDM 171, Week 17:
Usability Testing and QA
           Gilbert Guerrero
         gguerrero@dvc.edu
 gilbertguerrero.com/blog/artdm-171/
Screenshot
Add a screenshot to the blog
Usability Testing
Definition
• Usability is defined by five quality components:
   ‣ Learnability: How easy is it for users to accomplish
        basic tasks the first time they encounter the design?
    ‣   Efficiency: Once users have learned the design, how
        quickly can they perform tasks?
    ‣   Memorability: When users return after a period of not
        using it, how easily can they reestablish proficiency?
    ‣   Errors: How many errors do users make, how severe,
        and how easily can they recover?
    ‣   Satisfaction: How pleasant is it to use the design?
•  From Usability 101: Introduction to Usability, Jakob Nielsen
Usability Testing

• Find users from the audience your site is
  intended to serve
• Create a list of tasks for users to perform
  on your site
• Observe them as they perform the tasks
• Ask them speak aloud about their
  choices or when they don't understand
  something
Keep These in Mind

•   Do not help your test users or tell them
    where to click.
•   Remind them that you are not testing
    them–the site is what's being tested. 
    There's no wrong way to perform the tasks.
•   You can test your site with as little as five
    people.  As soon as you start seeing a
    pattern, you've probably discovered an
    issue that you can revise and test again.
First Rule of Usability? Donʼt Listen to Users by Jakob Nielsen
Usability Testing
    Grab a partner
Quality Assurance Testing
             
Quality Assurance

• Before delivering a final site to your
  audience, you'll want to make sure that it
  all works
• Important: Test that it doesn't do
  anything you didn't intend
• Sometimes called Bug Testing
QA Checklist

• Operating Systems (Mac, PC, Linux)
• Browsers (Firefox, IE6, IE7, Safari,
  Chrome)
• Links
• Spelling
• Functionality (forms, menus)
QA Resources

• Evolt.org Browser Archive - http://
  browsers.evolt.org/  
• W3C Markup Validation Service - http://
  validator.w3.org/
Resource
Web Redesign 2.0: Workflow That Works
    by Kelly Goto and Emily Cotler
Homework

• Post a screenshot of your website on
  the blog and a sentence about it
• Conduct usability testing on your final
  project with 5 users
• Make revisions
Thank You

More Related Content

What's hot

Getting to Continuous Deployment (Webinar Slides)
Getting to Continuous Deployment (Webinar Slides)Getting to Continuous Deployment (Webinar Slides)
Getting to Continuous Deployment (Webinar Slides)Rainforest QA
 
SauceCon 2017: Building a Continuous Delivery Pipeline with Testing in Mind
SauceCon 2017: Building a Continuous Delivery Pipeline with Testing in MindSauceCon 2017: Building a Continuous Delivery Pipeline with Testing in Mind
SauceCon 2017: Building a Continuous Delivery Pipeline with Testing in MindSauce Labs
 
Dev Ops or Not - Testing Has To Change - Richard Hunter
Dev Ops or Not - Testing Has To Change - Richard HunterDev Ops or Not - Testing Has To Change - Richard Hunter
Dev Ops or Not - Testing Has To Change - Richard HunterSpotQA
 
Simplifying QA Process With Jira
Simplifying QA Process With JiraSimplifying QA Process With Jira
Simplifying QA Process With JiraICHOFU VICTOR
 
7 QA Tests You Should Be Running
7 QA Tests You Should Be Running7 QA Tests You Should Be Running
7 QA Tests You Should Be RunningRainforest QA
 
Enabling continuous deployment of pixel-perfect user interfaces
Enabling continuous deployment of pixel-perfect user interfacesEnabling continuous deployment of pixel-perfect user interfaces
Enabling continuous deployment of pixel-perfect user interfacesstefanorago
 
MV Production Assignment Evaluation Form 2021
MV Production Assignment Evaluation Form 2021MV Production Assignment Evaluation Form 2021
MV Production Assignment Evaluation Form 2021AidanJones20
 
Product management meet up post
Product management meet up postProduct management meet up post
Product management meet up postSteve Cook
 
How to convert your website to responsive mode
How to convert your website to responsive modeHow to convert your website to responsive mode
How to convert your website to responsive modesiavosh kaviani
 

What's hot (11)

Getting to Continuous Deployment (Webinar Slides)
Getting to Continuous Deployment (Webinar Slides)Getting to Continuous Deployment (Webinar Slides)
Getting to Continuous Deployment (Webinar Slides)
 
SauceCon 2017: Building a Continuous Delivery Pipeline with Testing in Mind
SauceCon 2017: Building a Continuous Delivery Pipeline with Testing in MindSauceCon 2017: Building a Continuous Delivery Pipeline with Testing in Mind
SauceCon 2017: Building a Continuous Delivery Pipeline with Testing in Mind
 
Dev Ops or Not - Testing Has To Change - Richard Hunter
Dev Ops or Not - Testing Has To Change - Richard HunterDev Ops or Not - Testing Has To Change - Richard Hunter
Dev Ops or Not - Testing Has To Change - Richard Hunter
 
Simplifying QA Process With Jira
Simplifying QA Process With JiraSimplifying QA Process With Jira
Simplifying QA Process With Jira
 
Agile testing
Agile testingAgile testing
Agile testing
 
How we work
How we workHow we work
How we work
 
7 QA Tests You Should Be Running
7 QA Tests You Should Be Running7 QA Tests You Should Be Running
7 QA Tests You Should Be Running
 
Enabling continuous deployment of pixel-perfect user interfaces
Enabling continuous deployment of pixel-perfect user interfacesEnabling continuous deployment of pixel-perfect user interfaces
Enabling continuous deployment of pixel-perfect user interfaces
 
MV Production Assignment Evaluation Form 2021
MV Production Assignment Evaluation Form 2021MV Production Assignment Evaluation Form 2021
MV Production Assignment Evaluation Form 2021
 
Product management meet up post
Product management meet up postProduct management meet up post
Product management meet up post
 
How to convert your website to responsive mode
How to convert your website to responsive modeHow to convert your website to responsive mode
How to convert your website to responsive mode
 

Viewers also liked

Phoebe Scalf Portfolio on Visual Communication
Phoebe Scalf Portfolio on Visual CommunicationPhoebe Scalf Portfolio on Visual Communication
Phoebe Scalf Portfolio on Visual CommunicationPhuong Scalf
 
Power factor corrected zeta converter based improved power quality switched m...
Power factor corrected zeta converter based improved power quality switched m...Power factor corrected zeta converter based improved power quality switched m...
Power factor corrected zeta converter based improved power quality switched m...I3E Technologies
 
Iterative methods
Iterative methodsIterative methods
Iterative methodsKetan Nayak
 
Informe SEOGuardian Posicionamiento SEO - Trajes hombre online
Informe SEOGuardian Posicionamiento SEO - Trajes hombre online Informe SEOGuardian Posicionamiento SEO - Trajes hombre online
Informe SEOGuardian Posicionamiento SEO - Trajes hombre online Bint
 
ICD-10 Is Really Here: What Does That Mean To Compliance Officers?
ICD-10 Is Really Here: What Does That Mean To Compliance Officers?ICD-10 Is Really Here: What Does That Mean To Compliance Officers?
ICD-10 Is Really Here: What Does That Mean To Compliance Officers?PYA, P.C.
 
Informe SEOGuardian Posicionamiento SEO - Puericultura
Informe SEOGuardian Posicionamiento SEO - Puericultura Informe SEOGuardian Posicionamiento SEO - Puericultura
Informe SEOGuardian Posicionamiento SEO - Puericultura Bint
 
تربيط الانعام
تربيط الانعامتربيط الانعام
تربيط الانعامeman amona
 
تربيط سورة الأنفال
تربيط سورة الأنفالتربيط سورة الأنفال
تربيط سورة الأنفالعرفت فالزم
 
EEE 227 (electronics 2) by Arif Sir
EEE 227 (electronics 2) by Arif SirEEE 227 (electronics 2) by Arif Sir
EEE 227 (electronics 2) by Arif SirMuntasir Mahdi
 
Rpt bahasa arab tahun 4 kssr
Rpt bahasa arab tahun 4 kssrRpt bahasa arab tahun 4 kssr
Rpt bahasa arab tahun 4 kssrUmmu Fawwaz
 
The 10 most abused words in Marketing
The 10 most abused words in MarketingThe 10 most abused words in Marketing
The 10 most abused words in MarketingBeloved Brands Inc.
 
Norway 2016-oecd-economic-survey-rebalancing-the-economy-oslo-18-january
Norway 2016-oecd-economic-survey-rebalancing-the-economy-oslo-18-januaryNorway 2016-oecd-economic-survey-rebalancing-the-economy-oslo-18-january
Norway 2016-oecd-economic-survey-rebalancing-the-economy-oslo-18-januaryOECD, Economics Department
 
Forensic linguistics
Forensic linguisticsForensic linguistics
Forensic linguisticsAbbou Zohra
 

Viewers also liked (17)

Phoebe Scalf Portfolio on Visual Communication
Phoebe Scalf Portfolio on Visual CommunicationPhoebe Scalf Portfolio on Visual Communication
Phoebe Scalf Portfolio on Visual Communication
 
Power factor corrected zeta converter based improved power quality switched m...
Power factor corrected zeta converter based improved power quality switched m...Power factor corrected zeta converter based improved power quality switched m...
Power factor corrected zeta converter based improved power quality switched m...
 
Iterative methods
Iterative methodsIterative methods
Iterative methods
 
Informe SEOGuardian Posicionamiento SEO - Trajes hombre online
Informe SEOGuardian Posicionamiento SEO - Trajes hombre online Informe SEOGuardian Posicionamiento SEO - Trajes hombre online
Informe SEOGuardian Posicionamiento SEO - Trajes hombre online
 
ICD-10 Is Really Here: What Does That Mean To Compliance Officers?
ICD-10 Is Really Here: What Does That Mean To Compliance Officers?ICD-10 Is Really Here: What Does That Mean To Compliance Officers?
ICD-10 Is Really Here: What Does That Mean To Compliance Officers?
 
Informe SEOGuardian Posicionamiento SEO - Puericultura
Informe SEOGuardian Posicionamiento SEO - Puericultura Informe SEOGuardian Posicionamiento SEO - Puericultura
Informe SEOGuardian Posicionamiento SEO - Puericultura
 
Stepper motor
Stepper motorStepper motor
Stepper motor
 
تربيط الانعام
تربيط الانعامتربيط الانعام
تربيط الانعام
 
تربيط سورة الأنفال
تربيط سورة الأنفالتربيط سورة الأنفال
تربيط سورة الأنفال
 
EEE 227 (electronics 2) by Arif Sir
EEE 227 (electronics 2) by Arif SirEEE 227 (electronics 2) by Arif Sir
EEE 227 (electronics 2) by Arif Sir
 
Cuk dc dc+converter
Cuk dc dc+converterCuk dc dc+converter
Cuk dc dc+converter
 
Power saving
Power savingPower saving
Power saving
 
Cyber crime and security
Cyber crime and securityCyber crime and security
Cyber crime and security
 
Rpt bahasa arab tahun 4 kssr
Rpt bahasa arab tahun 4 kssrRpt bahasa arab tahun 4 kssr
Rpt bahasa arab tahun 4 kssr
 
The 10 most abused words in Marketing
The 10 most abused words in MarketingThe 10 most abused words in Marketing
The 10 most abused words in Marketing
 
Norway 2016-oecd-economic-survey-rebalancing-the-economy-oslo-18-january
Norway 2016-oecd-economic-survey-rebalancing-the-economy-oslo-18-januaryNorway 2016-oecd-economic-survey-rebalancing-the-economy-oslo-18-january
Norway 2016-oecd-economic-survey-rebalancing-the-economy-oslo-18-january
 
Forensic linguistics
Forensic linguisticsForensic linguistics
Forensic linguistics
 

Similar to ARTDM 171, Week 17: Usability Testing and QA

Usability Testing
Usability TestingUsability Testing
Usability TestingJan Moons
 
Usability testing
Usability testingUsability testing
Usability testingpfasolo
 
User experience for drupal
User experience for drupalUser experience for drupal
User experience for drupalAnne Stefanyk
 
Intro to ux and how to design a thoughtful ui
Intro to ux and how to design a thoughtful uiIntro to ux and how to design a thoughtful ui
Intro to ux and how to design a thoughtful uiThanos Makaronas
 
Usability Testing To Prioritize Your Designs
Usability Testing To Prioritize Your DesignsUsability Testing To Prioritize Your Designs
Usability Testing To Prioritize Your DesignsElizabeth Snowdon
 
Usabilitydraft
UsabilitydraftUsabilitydraft
UsabilitydraftKimGriggs
 
Usability Show+Tell
Usability Show+TellUsability Show+Tell
Usability Show+Tellgcotrell
 
User Experience Design: an Overview
User Experience Design: an OverviewUser Experience Design: an Overview
User Experience Design: an OverviewJulie Grundy
 
UX Week 2007: CNN.com Relaunch Case Study
UX Week 2007: CNN.com Relaunch Case StudyUX Week 2007: CNN.com Relaunch Case Study
UX Week 2007: CNN.com Relaunch Case StudyAdaptive Path
 
Simple Ways of Planning, Designing and Testing Usability of a Software Produc...
Simple Ways of Planning, Designing and Testing Usability of a Software Produc...Simple Ways of Planning, Designing and Testing Usability of a Software Produc...
Simple Ways of Planning, Designing and Testing Usability of a Software Produc...KAROLINA ZMITROWICZ
 
Testing without defined requirements
Testing without defined requirementsTesting without defined requirements
Testing without defined requirementsrrice2000
 
usability testing - usability metrics and wea
usability testing - usability metrics and weausability testing - usability metrics and wea
usability testing - usability metrics and weaDr. V Vorvoreanu
 
Usability testing – Just Do It. Five methods for improving usability in-house
Usability testing – Just Do It. Five methods for improving usability in-houseUsability testing – Just Do It. Five methods for improving usability in-house
Usability testing – Just Do It. Five methods for improving usability in-houseVolkside
 
UX in Action: IBM Watson
UX in Action: IBM WatsonUX in Action: IBM Watson
UX in Action: IBM WatsonUserTesting
 

Similar to ARTDM 171, Week 17: Usability Testing and QA (20)

Usability Testing
Usability TestingUsability Testing
Usability Testing
 
Conducting usability test
Conducting usability testConducting usability test
Conducting usability test
 
Usability testing
Usability testingUsability testing
Usability testing
 
User experience for drupal
User experience for drupalUser experience for drupal
User experience for drupal
 
Usability testing 2013.12.20.
Usability testing 2013.12.20.Usability testing 2013.12.20.
Usability testing 2013.12.20.
 
LO4 - Lesson 25 - Testing
LO4 - Lesson 25 - TestingLO4 - Lesson 25 - Testing
LO4 - Lesson 25 - Testing
 
Intro to ux and how to design a thoughtful ui
Intro to ux and how to design a thoughtful uiIntro to ux and how to design a thoughtful ui
Intro to ux and how to design a thoughtful ui
 
Usability Testing To Prioritize Your Designs
Usability Testing To Prioritize Your DesignsUsability Testing To Prioritize Your Designs
Usability Testing To Prioritize Your Designs
 
Usabilitydraft
UsabilitydraftUsabilitydraft
Usabilitydraft
 
Usability Show+Tell
Usability Show+TellUsability Show+Tell
Usability Show+Tell
 
Intro to Lean UX with UserTesting
Intro to Lean UX with UserTestingIntro to Lean UX with UserTesting
Intro to Lean UX with UserTesting
 
體驗劇場_1050524_W14_易用性測試_楊政達
體驗劇場_1050524_W14_易用性測試_楊政達體驗劇場_1050524_W14_易用性測試_楊政達
體驗劇場_1050524_W14_易用性測試_楊政達
 
User Experience Design: an Overview
User Experience Design: an OverviewUser Experience Design: an Overview
User Experience Design: an Overview
 
Notes on usability testing
Notes on usability testingNotes on usability testing
Notes on usability testing
 
UX Week 2007: CNN.com Relaunch Case Study
UX Week 2007: CNN.com Relaunch Case StudyUX Week 2007: CNN.com Relaunch Case Study
UX Week 2007: CNN.com Relaunch Case Study
 
Simple Ways of Planning, Designing and Testing Usability of a Software Produc...
Simple Ways of Planning, Designing and Testing Usability of a Software Produc...Simple Ways of Planning, Designing and Testing Usability of a Software Produc...
Simple Ways of Planning, Designing and Testing Usability of a Software Produc...
 
Testing without defined requirements
Testing without defined requirementsTesting without defined requirements
Testing without defined requirements
 
usability testing - usability metrics and wea
usability testing - usability metrics and weausability testing - usability metrics and wea
usability testing - usability metrics and wea
 
Usability testing – Just Do It. Five methods for improving usability in-house
Usability testing – Just Do It. Five methods for improving usability in-houseUsability testing – Just Do It. Five methods for improving usability in-house
Usability testing – Just Do It. Five methods for improving usability in-house
 
UX in Action: IBM Watson
UX in Action: IBM WatsonUX in Action: IBM Watson
UX in Action: IBM Watson
 

More from Gilbert Guerrero

Designing for Skepticism and Bright Sunlight
Designing for Skepticism and Bright SunlightDesigning for Skepticism and Bright Sunlight
Designing for Skepticism and Bright SunlightGilbert Guerrero
 
Artdm 170 week15 publishing
Artdm 170 week15 publishingArtdm 170 week15 publishing
Artdm 170 week15 publishingGilbert Guerrero
 
ARTDM 170, Week 13: Text Elements + Arrays
ARTDM 170, Week 13: Text Elements + ArraysARTDM 170, Week 13: Text Elements + Arrays
ARTDM 170, Week 13: Text Elements + ArraysGilbert Guerrero
 
ARTDM 170, Week 14: Introduction to Processing
ARTDM 170, Week 14: Introduction to ProcessingARTDM 170, Week 14: Introduction to Processing
ARTDM 170, Week 14: Introduction to ProcessingGilbert Guerrero
 
ARTDM 171, Week 13: Navigation Schemes
ARTDM 171, Week 13: Navigation SchemesARTDM 171, Week 13: Navigation Schemes
ARTDM 171, Week 13: Navigation SchemesGilbert Guerrero
 
Artdm170 week12 user_interaction
Artdm170 week12 user_interactionArtdm170 week12 user_interaction
Artdm170 week12 user_interactionGilbert Guerrero
 
Artdm 171 Week12 Templates
Artdm 171 Week12 TemplatesArtdm 171 Week12 Templates
Artdm 171 Week12 TemplatesGilbert Guerrero
 
ARTDM 171, Week 10: Mood Boards + Page Comps
ARTDM 171, Week 10: Mood Boards + Page CompsARTDM 171, Week 10: Mood Boards + Page Comps
ARTDM 171, Week 10: Mood Boards + Page CompsGilbert Guerrero
 
ARTDM 170, Week 10: Encapsulation + Paper Prototypes
ARTDM 170, Week 10: Encapsulation + Paper PrototypesARTDM 170, Week 10: Encapsulation + Paper Prototypes
ARTDM 170, Week 10: Encapsulation + Paper PrototypesGilbert Guerrero
 
ARTDM 171, Week 9: User Experience
ARTDM 171, Week 9: User ExperienceARTDM 171, Week 9: User Experience
ARTDM 171, Week 9: User ExperienceGilbert Guerrero
 
ARTDM 171, Week 7: Remapping Cyberspace
ARTDM 171, Week 7: Remapping CyberspaceARTDM 171, Week 7: Remapping Cyberspace
ARTDM 171, Week 7: Remapping CyberspaceGilbert Guerrero
 
ARTDM 170, Week 7: Scripting Interactivity
ARTDM 170, Week 7: Scripting InteractivityARTDM 170, Week 7: Scripting Interactivity
ARTDM 170, Week 7: Scripting InteractivityGilbert Guerrero
 
Artdm170 week6 scripting_motion
Artdm170 week6 scripting_motionArtdm170 week6 scripting_motion
Artdm170 week6 scripting_motionGilbert Guerrero
 
Artdm170 Week6 Scripting Motion
Artdm170 Week6 Scripting MotionArtdm170 Week6 Scripting Motion
Artdm170 Week6 Scripting MotionGilbert Guerrero
 
Artdm170 Week6 Scripting Motion
Artdm170 Week6 Scripting MotionArtdm170 Week6 Scripting Motion
Artdm170 Week6 Scripting MotionGilbert Guerrero
 
Artdm170 Week6 Scripting Motion
Artdm170 Week6 Scripting MotionArtdm170 Week6 Scripting Motion
Artdm170 Week6 Scripting MotionGilbert Guerrero
 
Artdm170 Week6 Scripting Motion
Artdm170 Week6 Scripting MotionArtdm170 Week6 Scripting Motion
Artdm170 Week6 Scripting MotionGilbert Guerrero
 

More from Gilbert Guerrero (20)

Designing for Skepticism and Bright Sunlight
Designing for Skepticism and Bright SunlightDesigning for Skepticism and Bright Sunlight
Designing for Skepticism and Bright Sunlight
 
Artdm 171 week15 seo
Artdm 171 week15 seoArtdm 171 week15 seo
Artdm 171 week15 seo
 
Artdm 170 week15 publishing
Artdm 170 week15 publishingArtdm 170 week15 publishing
Artdm 170 week15 publishing
 
ARTDM 171, Week 14: Forms
ARTDM 171, Week 14: FormsARTDM 171, Week 14: Forms
ARTDM 171, Week 14: Forms
 
ARTDM 170, Week 13: Text Elements + Arrays
ARTDM 170, Week 13: Text Elements + ArraysARTDM 170, Week 13: Text Elements + Arrays
ARTDM 170, Week 13: Text Elements + Arrays
 
ARTDM 170, Week 14: Introduction to Processing
ARTDM 170, Week 14: Introduction to ProcessingARTDM 170, Week 14: Introduction to Processing
ARTDM 170, Week 14: Introduction to Processing
 
ARTDM 171, Week 13: Navigation Schemes
ARTDM 171, Week 13: Navigation SchemesARTDM 171, Week 13: Navigation Schemes
ARTDM 171, Week 13: Navigation Schemes
 
Artdm170 week12 user_interaction
Artdm170 week12 user_interactionArtdm170 week12 user_interaction
Artdm170 week12 user_interaction
 
Artdm 171 Week12 Templates
Artdm 171 Week12 TemplatesArtdm 171 Week12 Templates
Artdm 171 Week12 Templates
 
ARTDM 171, Week 10: Mood Boards + Page Comps
ARTDM 171, Week 10: Mood Boards + Page CompsARTDM 171, Week 10: Mood Boards + Page Comps
ARTDM 171, Week 10: Mood Boards + Page Comps
 
ARTDM 170, Week 10: Encapsulation + Paper Prototypes
ARTDM 170, Week 10: Encapsulation + Paper PrototypesARTDM 170, Week 10: Encapsulation + Paper Prototypes
ARTDM 170, Week 10: Encapsulation + Paper Prototypes
 
ARTDM 171, Week 9: User Experience
ARTDM 171, Week 9: User ExperienceARTDM 171, Week 9: User Experience
ARTDM 171, Week 9: User Experience
 
ARTDM 171, Week 7: Remapping Cyberspace
ARTDM 171, Week 7: Remapping CyberspaceARTDM 171, Week 7: Remapping Cyberspace
ARTDM 171, Week 7: Remapping Cyberspace
 
ARTDM 170, Week 7: Scripting Interactivity
ARTDM 170, Week 7: Scripting InteractivityARTDM 170, Week 7: Scripting Interactivity
ARTDM 170, Week 7: Scripting Interactivity
 
Artdm170 week6 scripting_motion
Artdm170 week6 scripting_motionArtdm170 week6 scripting_motion
Artdm170 week6 scripting_motion
 
Artdm170 Week6 Scripting Motion
Artdm170 Week6 Scripting MotionArtdm170 Week6 Scripting Motion
Artdm170 Week6 Scripting Motion
 
Artdm170 Week6 Scripting Motion
Artdm170 Week6 Scripting MotionArtdm170 Week6 Scripting Motion
Artdm170 Week6 Scripting Motion
 
Artdm170 Week6 Scripting Motion
Artdm170 Week6 Scripting MotionArtdm170 Week6 Scripting Motion
Artdm170 Week6 Scripting Motion
 
Artdm171 Week6 Images
Artdm171 Week6 ImagesArtdm171 Week6 Images
Artdm171 Week6 Images
 
Artdm170 Week6 Scripting Motion
Artdm170 Week6 Scripting MotionArtdm170 Week6 Scripting Motion
Artdm170 Week6 Scripting Motion
 

ARTDM 171, Week 17: Usability Testing and QA

  • 1. ARTDM 171, Week 17: Usability Testing and QA Gilbert Guerrero gguerrero@dvc.edu gilbertguerrero.com/blog/artdm-171/
  • 4. Definition • Usability is defined by five quality components: ‣ Learnability: How easy is it for users to accomplish basic tasks the first time they encounter the design? ‣ Efficiency: Once users have learned the design, how quickly can they perform tasks? ‣ Memorability: When users return after a period of not using it, how easily can they reestablish proficiency? ‣ Errors: How many errors do users make, how severe, and how easily can they recover? ‣ Satisfaction: How pleasant is it to use the design? •  From Usability 101: Introduction to Usability, Jakob Nielsen
  • 5. Usability Testing • Find users from the audience your site is intended to serve • Create a list of tasks for users to perform on your site • Observe them as they perform the tasks • Ask them speak aloud about their choices or when they don't understand something
  • 6. Keep These in Mind • Do not help your test users or tell them where to click. • Remind them that you are not testing them–the site is what's being tested.  There's no wrong way to perform the tasks. • You can test your site with as little as five people.  As soon as you start seeing a pattern, you've probably discovered an issue that you can revise and test again. First Rule of Usability? Donʼt Listen to Users by Jakob Nielsen
  • 7. Usability Testing Grab a partner
  • 9. Quality Assurance • Before delivering a final site to your audience, you'll want to make sure that it all works • Important: Test that it doesn't do anything you didn't intend • Sometimes called Bug Testing
  • 10. QA Checklist • Operating Systems (Mac, PC, Linux) • Browsers (Firefox, IE6, IE7, Safari, Chrome) • Links • Spelling • Functionality (forms, menus)
  • 11. QA Resources • Evolt.org Browser Archive - http:// browsers.evolt.org/   • W3C Markup Validation Service - http:// validator.w3.org/
  • 12. Resource Web Redesign 2.0: Workflow That Works by Kelly Goto and Emily Cotler
  • 13. Homework • Post a screenshot of your website on the blog and a sentence about it • Conduct usability testing on your final project with 5 users • Make revisions

Editor's Notes

  1. Usability is a quality attribute that assesses how easy user interfaces are to use.