SlideShare a Scribd company logo
PROTOTYPING AND
USABILITY TESTING

Elizabeth Snowdon
Business / Web Analyst Consultant specializing in User Centred Design
eliz.snowdon@gmail.com
About me
   Senior Business / Web Analyst Consultant
       Specialization in User Centred Design
   Over 12 years experience in high-technology
    companies leading software implementations, usability
    testing and web site design projects
   Conducting usability tests since 2003
   Clients/projects include:
     Sage
     PMC-Sierra
     Vancity
     Royal Bank of Canada
Key takeaways
   Benefits of usability testing
   When in the software development lifecycle to
    apply usability testing
   Prototyping to test design concepts
   Learn the fundamentals of usability testing
What is usability?
   ISO 9241-11
     “the  extent to which a product can be used by specified
      users to achieve specified goals with effectiveness,
      efficiency, and satisfaction in a specified context of use.”


   Usability Professionals Association
     Isan approach that incorporates direct user feedback
      throughout the development cycle in order to reduce
      costs and create products and tools that meet user
      needs
What is usability?
   Steve Krug, author of Don’t Make Me Think
     “..makingsure that something works well: that a person
      of average (or even below average) ability and
      experience can use the thing --- for it’s intended
      purpose without getting hopelessly frustrated”
Commonality of usability definitions
   A user is involved
   That user is doing something
   That user is doing something with a product, system,
    or other thing.

       Tullis   and Albert
User Centered Design
   Focus on users’ needs, tasks, and goals
   Invest in initial research and requirements
     Identify your target audience and observe them
     Let users define product requirements

   Iterative design process
   Observe real target users using the system
Usability testing
What
When
What is usability testing?
   is a technique used to evaluate a product by testing
    it on representative users.
   test users will try to complete typical tasks while
    observers watch, listen and takes notes.
Can usability be measured?
   Using usability metrics
   Most common metrics:
     Effectiveness – being able to complete a task
     Efficiency – amount of effort required to complete a
      task
     Satisfaction – degree to which the user is happy with
      his/her experience
5 E’s of usability
   Effective: How completely and accurately the work
    or experience is completed or goals reached
   Efficient: How quickly this work can be completed
   Engaging: How pleasant and satisfying it is to use
   Error Tolerant: How well the product prevents errors
    and can help the user recover from mistakes
   Easy to Learn: How well the product supports both
    the initial and continued learning
When to usability test




                Usability testing throughout the product lifecycle
                - Rubin and Chisnell
Agile / Usability Testing process




                            Source: The Ladders
Usability test types
Usability testing
Why test?
Testing benefits
Informing design
   Identify and rectify usability deficiencies prior to
    product release
   Intent to create products that:
     Are useful to and valued by target audience
     Are easy to learn

     Help people to be efficient and effective

     Are satisfying (delightful) to use
Eliminating design problems and
frustration
   Expectation that products are high quality and easy
    to use
   Demonstrate that goals and priorities of customer
    are important
   Release a product that customers find useful,
    effective, efficient and satisfying
Improving profitability
   Creating a historical record of usability benchmarks
    for future releases
   Minimizing the cost of service and support calls
   Increasing sales and the probability of repeat sales
   Acquiring a competitive edge
   Minimizing the risk
Usability Testing
Who
How many
Follow the principles

David Travis,      “Many usability tests are worthless.
Mar 7, 2011
                    Researchers recruit the wrong kind of
                    participants, test the wrong kind of
                    tasks, put too much weight on people's
                    opinions, and expect participants to
                    generate design solutions.”
Test participants
   Participant’s background and abilities should be
    representative of your product’s intended user
   user profile – person with the relevant behaviour,
    skills, and knowledge who will use your product.
Visualize the test participant
   We want to find out where in the process of creating
    an expense report employees meet obstacles to
    completing and submitting their reports [the test
    objective]. The user of our employee expense
    reporting system travels about four times a year,
    attends one conference per year and creates about
    ten different reports a year. He or she is comfortable
    using computers and likes the ability to submit reports
    remotely.
How many users to test?


                                                 Source:
                                                 Jakob Nielsen




       6-8 users per test or 5 users spread over multiple tests
       little ROI in testing more than 9 users
Quantitative tests – test 20 users




Experts recommend that you test at least 20 users for quantitative studies.
                                                                           Source: Jakob Nielsen
Usability testing
Where to test
Testing locations
   Lab
   Office
   bar, café
   remote testing
Usability lab
Testing in a conference room
Informal usability testing
Remote testing requirements
   Moderator / Note-taker
     Screen sharing: WebEx or web conferencing tool
     Recording: Morae, Camtasia
     Speakerphone


   Participant
     High speed internet access
     Speakerphone or headset telephone


   for more info, go to Remote Testing Presentation
    http://bit.ly/7RYwSO
Prototyping
Benefits of prototyping
   Prototyping is generative.
   Communicates using show and tell
   Reduces misinterpretation
   saves time, effort and money
   creates a feedback loop, which ultimately reduces
    risk
Dimensions of fidelity




                         Fred Beecher
Appropriate Fidelity

   “There is no such thing as high or low fidelity, only
    appropriate fidelity.” Bill Buxton
   Depends on
     where you are in the product development cycle
     your goals and your audience
Sketch / Mock-up / Final Prototype
Low Visual and Low Functional Fidelity

   can be made swiftly, changed without repercussion,
    and still help visualize a concept.
   answering large structural questions:
     Does the system have all the features required to
      support the user’s goals?
     Does the workflow make sense at a high level?

     Which UX concept works best?

     Coming to consensus on a UX concept with stakeholders
Paper prototype example
Low Visual and High Functional Fidelity

   interactive, HTML interactive wireframes
   Evaluating the usability of proposed designs for new
    systems
   Exploring isolated interactions as a proof-of-concept
   Validating UX design direction with stakeholders
   Validating the implementation of requirements with
    stakeholders
   Supplementing printed documentation for development
    teams
   Performing remote testing
High Visual / High Functional Fidelity

   Not usually worth the time and effort
   Useful for:
     Evaluating  the usability of proposed UX designs for an
      existing system
     Performing usability tests with non-savvy user groups

     Supplementing printed documentation for offshore
      development teams
Prototyping tools
   Paper
   Visio
   PowerPoint
   Dreamweaver
   Axure
   Omnigraffle
   Ilustrator
   Balsamiq
Usability testing
How to test?
Test planning
Usability test process

               Test
           environment



                         Test conduct
                                        Analyze     Report &
Planning    Recruiting         &
                                         results   Presentation
                          debriefing



              Test
            materials
Planning your test
   Decide what to test
     What are your objectives
     What data will you collect

   Who is your target audience?
     Write   a screener
   Decide on test location
     Remote,   lab, conference room, coffee shop
   Write tasks that meet your objectives
Deciding what to test
   Understand requirements
     What do users want to accomplish?
     What does the company want to accomplish?

   Determine the goals
     What    tasks does the web site or application support?
   Decide on the area of focus
     Tasksthat have the most impact on your site
     Typical tasks

     Most critical tasks
Test plan
   Purpose, goals, and objectives
   Participant characteristics
   Method (test design)
   Task list
   Test environment, equipment and logistics
   Test moderator role
   Evaluation measures (data to be collected)
   Report contents and presentation

Source: Rubin and Chisnell
Recruiting users
   Recruit internally or outsource to agency?
   Sources of test candidates
     Your own company’s list of existing customers
     Referrals from sales and marketing

     Advertising on Craigslist

     Company’s web site or blog

     Societies and Associations
Prepare test materials
   Orientation script
   Background questionnaire
   NDA and recording consent
   Pre-test questionnaire
   Data collection tools
   Task scenarios
   Post-test questionnaire
   Debriefing topics
Task types
   First impression questions
     What  is your impression of this home page or
      application?
   Exploratory task
     Open-ended    / research-oriented
     e.g. Find a cellular phone plan for yourself

   Directed tasks
     Specific / answer-oriented
     e.g. Find contact information for customer support
Metrics
   Task success
   Task time
   Errors
   Efficiency
     Number   of steps required to perform a task
   Self-reported metrics
     Likert
           scale
     Do you prefer A or B?

     Questionnaires
Prepare the prototype
   Freeze code one week prior to test
   Run through the scenarios
   Dry run prior to test week
Conducting a Test
Test moderator conduct
   Put the participants at ease
   Give participants time to work through hindrances
   Offer appropriate encouragement
   Ask non-leading questions
   Observe user behavior
   Listen to user feedback
   Facilitator stays quiet, observes, take notes
   Test one user at a time
   Mainly qualitative
Debriefing
   Exploring and reviewing the participant’s actions
    during the test
   Goal – understand why every error, difficulty and
    omission occurred for every participant for every
    session.
   Debrief with observers too.
Analyze and present
Analyze results
Present
Contact information
If you have any questions regarding this presentation or usability
   testing, please feel free to contact me.



     linkedin.com/in/elizabethsnowdon
     @elizSnowdon
   Email: eliz.snowdon@gmail.com
   Web: elizabethsnowdon.ca
References
   Tullis, Albert (2009), Measuring the User Experience .
   Rubin, Chisnell (2008), Handbook of Usability Testing.
   Usability.gov http://www.usability.gov/
   Jakob Nielsen http://www.useit.com/
   Usability Professionals Association http://www.upassoc.org/
   Jeff Sauro – Quantitative Usability http://www.measuringusability.com/calc.php
   STC usability site http://www.stcsig.org/usability/
   Warfel, Todd Zaki (2009), Prototyping



   Nielsen, Jakob, and Landauer, Thomas K.: "A mathematical model of the finding of
    usability problems," Proceedings of ACM INTERCHI'93 Conference (Amsterdam, The
    Netherlands, 24-29 April 1993), pp. 206-213.
Q&A
   Thank you for listening.

More Related Content

What's hot

UX Experience Design: Processes and Strategy
UX Experience Design: Processes and StrategyUX Experience Design: Processes and Strategy
UX Experience Design: Processes and Strategy
CHI UX Indonesia
 
User Experiments in Human-Computer Interaction
User Experiments in Human-Computer InteractionUser Experiments in Human-Computer Interaction
User Experiments in Human-Computer Interaction
Dr. Arindam Dey
 
Research Methods in UX
Research Methods in UXResearch Methods in UX
Research Methods in UX
Brad Orego (he/they)
 
Lecture 1: Human-Computer Interaction Introduction (2014)
Lecture 1: Human-Computer Interaction Introduction (2014)Lecture 1: Human-Computer Interaction Introduction (2014)
Lecture 1: Human-Computer Interaction Introduction (2014)
Lora Aroyo
 
Create User Flow & Wireframing for an Application
Create User Flow & Wireframing for an ApplicationCreate User Flow & Wireframing for an Application
Create User Flow & Wireframing for an Application
Rudityas Wahyu Anggoro
 
Introduction to Interaction Design
Introduction to Interaction DesignIntroduction to Interaction Design
Introduction to Interaction Design
Mark Billinghurst
 
User Centered Design 101
User Centered Design 101User Centered Design 101
User Centered Design 101
Experience Dynamics
 
Usability engineering Usability testing
Usability engineering Usability testingUsability engineering Usability testing
Usability engineering Usability testing
REHMAT ULLAH
 
Don Norman "Design of everyday things" - UX Book Club
Don Norman "Design of everyday things" - UX Book ClubDon Norman "Design of everyday things" - UX Book Club
Don Norman "Design of everyday things" - UX Book Club
Wojciech Staszczyk
 
Chapter3-evaluation techniques HCI
Chapter3-evaluation techniques HCIChapter3-evaluation techniques HCI
Chapter3-evaluation techniques HCIShafy Fify
 
UI UX DESIGN.pptx
UI UX DESIGN.pptxUI UX DESIGN.pptx
UI UX DESIGN.pptx
RiniyaMary
 
Mobile Application Testing
Mobile Application TestingMobile Application Testing
Mobile Application Testing
Noor Orfahly
 
Interaction design patterns
Interaction design patternsInteraction design patterns
Interaction design patterns
DCU_MPIUA
 
Ui ux designing principles
Ui ux designing principlesUi ux designing principles
Ui ux designing principles
Dzung Nguyen
 
Usability: Part of User Experience (UX)
Usability: Part of User Experience (UX)Usability: Part of User Experience (UX)
Usability: Part of User Experience (UX)
Edneil Jocusol
 
Case study: Lab + Online Usability Testing
Case study: Lab + Online Usability TestingCase study: Lab + Online Usability Testing
Case study: Lab + Online Usability Testing
UserZoom
 
UX Design process, #UX, #Design Process, #Agile UX
UX Design process, #UX, #Design Process, #Agile UX UX Design process, #UX, #Design Process, #Agile UX
UX Design process, #UX, #Design Process, #Agile UX
Murali Krishna
 
HCI 3e - Ch 6: HCI in the software process
HCI 3e - Ch 6:  HCI in the software processHCI 3e - Ch 6:  HCI in the software process
HCI 3e - Ch 6: HCI in the software process
Alan Dix
 
User interface and user experience ui ux design basics
User interface  and user experience ui ux design basicsUser interface  and user experience ui ux design basics
User interface and user experience ui ux design basics
Ravi Bhadauria
 
Constraints of designing for mobile devices
Constraints of designing for mobile devicesConstraints of designing for mobile devices
Constraints of designing for mobile devices
K Senthil Kumar
 

What's hot (20)

UX Experience Design: Processes and Strategy
UX Experience Design: Processes and StrategyUX Experience Design: Processes and Strategy
UX Experience Design: Processes and Strategy
 
User Experiments in Human-Computer Interaction
User Experiments in Human-Computer InteractionUser Experiments in Human-Computer Interaction
User Experiments in Human-Computer Interaction
 
Research Methods in UX
Research Methods in UXResearch Methods in UX
Research Methods in UX
 
Lecture 1: Human-Computer Interaction Introduction (2014)
Lecture 1: Human-Computer Interaction Introduction (2014)Lecture 1: Human-Computer Interaction Introduction (2014)
Lecture 1: Human-Computer Interaction Introduction (2014)
 
Create User Flow & Wireframing for an Application
Create User Flow & Wireframing for an ApplicationCreate User Flow & Wireframing for an Application
Create User Flow & Wireframing for an Application
 
Introduction to Interaction Design
Introduction to Interaction DesignIntroduction to Interaction Design
Introduction to Interaction Design
 
User Centered Design 101
User Centered Design 101User Centered Design 101
User Centered Design 101
 
Usability engineering Usability testing
Usability engineering Usability testingUsability engineering Usability testing
Usability engineering Usability testing
 
Don Norman "Design of everyday things" - UX Book Club
Don Norman "Design of everyday things" - UX Book ClubDon Norman "Design of everyday things" - UX Book Club
Don Norman "Design of everyday things" - UX Book Club
 
Chapter3-evaluation techniques HCI
Chapter3-evaluation techniques HCIChapter3-evaluation techniques HCI
Chapter3-evaluation techniques HCI
 
UI UX DESIGN.pptx
UI UX DESIGN.pptxUI UX DESIGN.pptx
UI UX DESIGN.pptx
 
Mobile Application Testing
Mobile Application TestingMobile Application Testing
Mobile Application Testing
 
Interaction design patterns
Interaction design patternsInteraction design patterns
Interaction design patterns
 
Ui ux designing principles
Ui ux designing principlesUi ux designing principles
Ui ux designing principles
 
Usability: Part of User Experience (UX)
Usability: Part of User Experience (UX)Usability: Part of User Experience (UX)
Usability: Part of User Experience (UX)
 
Case study: Lab + Online Usability Testing
Case study: Lab + Online Usability TestingCase study: Lab + Online Usability Testing
Case study: Lab + Online Usability Testing
 
UX Design process, #UX, #Design Process, #Agile UX
UX Design process, #UX, #Design Process, #Agile UX UX Design process, #UX, #Design Process, #Agile UX
UX Design process, #UX, #Design Process, #Agile UX
 
HCI 3e - Ch 6: HCI in the software process
HCI 3e - Ch 6:  HCI in the software processHCI 3e - Ch 6:  HCI in the software process
HCI 3e - Ch 6: HCI in the software process
 
User interface and user experience ui ux design basics
User interface  and user experience ui ux design basicsUser interface  and user experience ui ux design basics
User interface and user experience ui ux design basics
 
Constraints of designing for mobile devices
Constraints of designing for mobile devicesConstraints of designing for mobile devices
Constraints of designing for mobile devices
 

Similar to Prototyping and Usability Testing your designs

Usability Testing - Sivaprasath Selvaraj
Usability Testing - Sivaprasath SelvarajUsability Testing - Sivaprasath Selvaraj
Usability Testing - Sivaprasath SelvarajSivaprasath Selvaraj
 
How to do usability testing and eye tracking
How to do usability testing and eye trackingHow to do usability testing and eye tracking
How to do usability testing and eye tracking
Objective Experience
 
UserZoom & UXPA Present a Webinar: Build a Better Experience
UserZoom & UXPA Present a Webinar: Build a Better ExperienceUserZoom & UXPA Present a Webinar: Build a Better Experience
UserZoom & UXPA Present a Webinar: Build a Better Experience
UserZoom
 
Basics of-usability-testing
Basics of-usability-testingBasics of-usability-testing
Basics of-usability-testing
WBC Software Lab
 
Usability Testing for Qualitative Researchers - QRCA NYC Chapter event
Usability Testing for Qualitative Researchers - QRCA NYC Chapter eventUsability Testing for Qualitative Researchers - QRCA NYC Chapter event
Usability Testing for Qualitative Researchers - QRCA NYC Chapter event
Kay Aubrey
 
Usability Testing and QA 7-18-14
Usability Testing and QA 7-18-14Usability Testing and QA 7-18-14
Usability Testing and QA 7-18-14
Shilpa Thanawala
 
Design research for a quality product
Design research for a quality productDesign research for a quality product
Design research for a quality product
Carmen Brion
 
Webinar - Design Thinking for Platform Engineering
Webinar - Design Thinking for Platform EngineeringWebinar - Design Thinking for Platform Engineering
Webinar - Design Thinking for Platform Engineering
OpenCredo
 
User testing methodology
User testing methodologyUser testing methodology
User testing methodology
James Hatfield
 
Usability
UsabilityUsability
Usability
briancary
 
Usability methods to improve EMRs
Usability methods to improve EMRsUsability methods to improve EMRs
Usability methods to improve EMRs
Jeffery Belden
 
[Webinar] Visa's Journey to a Culture of Experimentation
[Webinar] Visa's Journey to a Culture of Experimentation[Webinar] Visa's Journey to a Culture of Experimentation
[Webinar] Visa's Journey to a Culture of Experimentation
Optimizely
 
11 - Evaluating Framework in Interaction Design_new.pptx
11 - Evaluating Framework in Interaction Design_new.pptx11 - Evaluating Framework in Interaction Design_new.pptx
11 - Evaluating Framework in Interaction Design_new.pptx
ZahirahZairul2
 
User experience & design user centered analysis
User experience & design user centered analysisUser experience & design user centered analysis
User experience & design user centered analysis
Preeti Chopra
 
體驗劇場_1050524_W14_易用性測試_楊政達
體驗劇場_1050524_W14_易用性測試_楊政達體驗劇場_1050524_W14_易用性測試_楊政達
體驗劇場_1050524_W14_易用性測試_楊政達
Visual Cognition and Modeling Lab
 
Webinar: How to Conduct Unmoderated Remote Usability Testing
Webinar: How to Conduct Unmoderated Remote Usability TestingWebinar: How to Conduct Unmoderated Remote Usability Testing
Webinar: How to Conduct Unmoderated Remote Usability TestingUserZoom
 
Usability Testing Methods
Usability Testing MethodsUsability Testing Methods
Usability Testing Methodsdillarja
 
Risk Driven Testing
Risk Driven TestingRisk Driven Testing
Risk Driven Testing
Jorge Boria
 

Similar to Prototyping and Usability Testing your designs (20)

Usability Testing - Sivaprasath Selvaraj
Usability Testing - Sivaprasath SelvarajUsability Testing - Sivaprasath Selvaraj
Usability Testing - Sivaprasath Selvaraj
 
How to do usability testing and eye tracking
How to do usability testing and eye trackingHow to do usability testing and eye tracking
How to do usability testing and eye tracking
 
UserZoom & UXPA Present a Webinar: Build a Better Experience
UserZoom & UXPA Present a Webinar: Build a Better ExperienceUserZoom & UXPA Present a Webinar: Build a Better Experience
UserZoom & UXPA Present a Webinar: Build a Better Experience
 
Basics of-usability-testing
Basics of-usability-testingBasics of-usability-testing
Basics of-usability-testing
 
Usability Testing for Qualitative Researchers - QRCA NYC Chapter event
Usability Testing for Qualitative Researchers - QRCA NYC Chapter eventUsability Testing for Qualitative Researchers - QRCA NYC Chapter event
Usability Testing for Qualitative Researchers - QRCA NYC Chapter event
 
Usability Testing and QA 7-18-14
Usability Testing and QA 7-18-14Usability Testing and QA 7-18-14
Usability Testing and QA 7-18-14
 
Design research for a quality product
Design research for a quality productDesign research for a quality product
Design research for a quality product
 
Webinar - Design Thinking for Platform Engineering
Webinar - Design Thinking for Platform EngineeringWebinar - Design Thinking for Platform Engineering
Webinar - Design Thinking for Platform Engineering
 
User testing methodology
User testing methodologyUser testing methodology
User testing methodology
 
Usability
UsabilityUsability
Usability
 
Usability methods to improve EMRs
Usability methods to improve EMRsUsability methods to improve EMRs
Usability methods to improve EMRs
 
Usability testing 2013.12.20.
Usability testing 2013.12.20.Usability testing 2013.12.20.
Usability testing 2013.12.20.
 
[Webinar] Visa's Journey to a Culture of Experimentation
[Webinar] Visa's Journey to a Culture of Experimentation[Webinar] Visa's Journey to a Culture of Experimentation
[Webinar] Visa's Journey to a Culture of Experimentation
 
11 - Evaluating Framework in Interaction Design_new.pptx
11 - Evaluating Framework in Interaction Design_new.pptx11 - Evaluating Framework in Interaction Design_new.pptx
11 - Evaluating Framework in Interaction Design_new.pptx
 
Usability_Evaluation
Usability_EvaluationUsability_Evaluation
Usability_Evaluation
 
User experience & design user centered analysis
User experience & design user centered analysisUser experience & design user centered analysis
User experience & design user centered analysis
 
體驗劇場_1050524_W14_易用性測試_楊政達
體驗劇場_1050524_W14_易用性測試_楊政達體驗劇場_1050524_W14_易用性測試_楊政達
體驗劇場_1050524_W14_易用性測試_楊政達
 
Webinar: How to Conduct Unmoderated Remote Usability Testing
Webinar: How to Conduct Unmoderated Remote Usability TestingWebinar: How to Conduct Unmoderated Remote Usability Testing
Webinar: How to Conduct Unmoderated Remote Usability Testing
 
Usability Testing Methods
Usability Testing MethodsUsability Testing Methods
Usability Testing Methods
 
Risk Driven Testing
Risk Driven TestingRisk Driven Testing
Risk Driven Testing
 

Recently uploaded

Kubernetes & AI - Beauty and the Beast !?! @KCD Istanbul 2024
Kubernetes & AI - Beauty and the Beast !?! @KCD Istanbul 2024Kubernetes & AI - Beauty and the Beast !?! @KCD Istanbul 2024
Kubernetes & AI - Beauty and the Beast !?! @KCD Istanbul 2024
Tobias Schneck
 
Designing Great Products: The Power of Design and Leadership by Chief Designe...
Designing Great Products: The Power of Design and Leadership by Chief Designe...Designing Great Products: The Power of Design and Leadership by Chief Designe...
Designing Great Products: The Power of Design and Leadership by Chief Designe...
Product School
 
Accelerate your Kubernetes clusters with Varnish Caching
Accelerate your Kubernetes clusters with Varnish CachingAccelerate your Kubernetes clusters with Varnish Caching
Accelerate your Kubernetes clusters with Varnish Caching
Thijs Feryn
 
Neuro-symbolic is not enough, we need neuro-*semantic*
Neuro-symbolic is not enough, we need neuro-*semantic*Neuro-symbolic is not enough, we need neuro-*semantic*
Neuro-symbolic is not enough, we need neuro-*semantic*
Frank van Harmelen
 
The Art of the Pitch: WordPress Relationships and Sales
The Art of the Pitch: WordPress Relationships and SalesThe Art of the Pitch: WordPress Relationships and Sales
The Art of the Pitch: WordPress Relationships and Sales
Laura Byrne
 
AI for Every Business: Unlocking Your Product's Universal Potential by VP of ...
AI for Every Business: Unlocking Your Product's Universal Potential by VP of ...AI for Every Business: Unlocking Your Product's Universal Potential by VP of ...
AI for Every Business: Unlocking Your Product's Universal Potential by VP of ...
Product School
 
Builder.ai Founder Sachin Dev Duggal's Strategic Approach to Create an Innova...
Builder.ai Founder Sachin Dev Duggal's Strategic Approach to Create an Innova...Builder.ai Founder Sachin Dev Duggal's Strategic Approach to Create an Innova...
Builder.ai Founder Sachin Dev Duggal's Strategic Approach to Create an Innova...
Ramesh Iyer
 
Knowledge engineering: from people to machines and back
Knowledge engineering: from people to machines and backKnowledge engineering: from people to machines and back
Knowledge engineering: from people to machines and back
Elena Simperl
 
Smart TV Buyer Insights Survey 2024 by 91mobiles.pdf
Smart TV Buyer Insights Survey 2024 by 91mobiles.pdfSmart TV Buyer Insights Survey 2024 by 91mobiles.pdf
Smart TV Buyer Insights Survey 2024 by 91mobiles.pdf
91mobiles
 
PHP Frameworks: I want to break free (IPC Berlin 2024)
PHP Frameworks: I want to break free (IPC Berlin 2024)PHP Frameworks: I want to break free (IPC Berlin 2024)
PHP Frameworks: I want to break free (IPC Berlin 2024)
Ralf Eggert
 
FIDO Alliance Osaka Seminar: The WebAuthn API and Discoverable Credentials.pdf
FIDO Alliance Osaka Seminar: The WebAuthn API and Discoverable Credentials.pdfFIDO Alliance Osaka Seminar: The WebAuthn API and Discoverable Credentials.pdf
FIDO Alliance Osaka Seminar: The WebAuthn API and Discoverable Credentials.pdf
FIDO Alliance
 
FIDO Alliance Osaka Seminar: Overview.pdf
FIDO Alliance Osaka Seminar: Overview.pdfFIDO Alliance Osaka Seminar: Overview.pdf
FIDO Alliance Osaka Seminar: Overview.pdf
FIDO Alliance
 
FIDO Alliance Osaka Seminar: Passkeys and the Road Ahead.pdf
FIDO Alliance Osaka Seminar: Passkeys and the Road Ahead.pdfFIDO Alliance Osaka Seminar: Passkeys and the Road Ahead.pdf
FIDO Alliance Osaka Seminar: Passkeys and the Road Ahead.pdf
FIDO Alliance
 
Bits & Pixels using AI for Good.........
Bits & Pixels using AI for Good.........Bits & Pixels using AI for Good.........
Bits & Pixels using AI for Good.........
Alison B. Lowndes
 
UiPath Test Automation using UiPath Test Suite series, part 3
UiPath Test Automation using UiPath Test Suite series, part 3UiPath Test Automation using UiPath Test Suite series, part 3
UiPath Test Automation using UiPath Test Suite series, part 3
DianaGray10
 
Software Delivery At the Speed of AI: Inflectra Invests In AI-Powered Quality
Software Delivery At the Speed of AI: Inflectra Invests In AI-Powered QualitySoftware Delivery At the Speed of AI: Inflectra Invests In AI-Powered Quality
Software Delivery At the Speed of AI: Inflectra Invests In AI-Powered Quality
Inflectra
 
To Graph or Not to Graph Knowledge Graph Architectures and LLMs
To Graph or Not to Graph Knowledge Graph Architectures and LLMsTo Graph or Not to Graph Knowledge Graph Architectures and LLMs
To Graph or Not to Graph Knowledge Graph Architectures and LLMs
Paul Groth
 
The Future of Platform Engineering
The Future of Platform EngineeringThe Future of Platform Engineering
The Future of Platform Engineering
Jemma Hussein Allen
 
FIDO Alliance Osaka Seminar: Passkeys at Amazon.pdf
FIDO Alliance Osaka Seminar: Passkeys at Amazon.pdfFIDO Alliance Osaka Seminar: Passkeys at Amazon.pdf
FIDO Alliance Osaka Seminar: Passkeys at Amazon.pdf
FIDO Alliance
 
Leading Change strategies and insights for effective change management pdf 1.pdf
Leading Change strategies and insights for effective change management pdf 1.pdfLeading Change strategies and insights for effective change management pdf 1.pdf
Leading Change strategies and insights for effective change management pdf 1.pdf
OnBoard
 

Recently uploaded (20)

Kubernetes & AI - Beauty and the Beast !?! @KCD Istanbul 2024
Kubernetes & AI - Beauty and the Beast !?! @KCD Istanbul 2024Kubernetes & AI - Beauty and the Beast !?! @KCD Istanbul 2024
Kubernetes & AI - Beauty and the Beast !?! @KCD Istanbul 2024
 
Designing Great Products: The Power of Design and Leadership by Chief Designe...
Designing Great Products: The Power of Design and Leadership by Chief Designe...Designing Great Products: The Power of Design and Leadership by Chief Designe...
Designing Great Products: The Power of Design and Leadership by Chief Designe...
 
Accelerate your Kubernetes clusters with Varnish Caching
Accelerate your Kubernetes clusters with Varnish CachingAccelerate your Kubernetes clusters with Varnish Caching
Accelerate your Kubernetes clusters with Varnish Caching
 
Neuro-symbolic is not enough, we need neuro-*semantic*
Neuro-symbolic is not enough, we need neuro-*semantic*Neuro-symbolic is not enough, we need neuro-*semantic*
Neuro-symbolic is not enough, we need neuro-*semantic*
 
The Art of the Pitch: WordPress Relationships and Sales
The Art of the Pitch: WordPress Relationships and SalesThe Art of the Pitch: WordPress Relationships and Sales
The Art of the Pitch: WordPress Relationships and Sales
 
AI for Every Business: Unlocking Your Product's Universal Potential by VP of ...
AI for Every Business: Unlocking Your Product's Universal Potential by VP of ...AI for Every Business: Unlocking Your Product's Universal Potential by VP of ...
AI for Every Business: Unlocking Your Product's Universal Potential by VP of ...
 
Builder.ai Founder Sachin Dev Duggal's Strategic Approach to Create an Innova...
Builder.ai Founder Sachin Dev Duggal's Strategic Approach to Create an Innova...Builder.ai Founder Sachin Dev Duggal's Strategic Approach to Create an Innova...
Builder.ai Founder Sachin Dev Duggal's Strategic Approach to Create an Innova...
 
Knowledge engineering: from people to machines and back
Knowledge engineering: from people to machines and backKnowledge engineering: from people to machines and back
Knowledge engineering: from people to machines and back
 
Smart TV Buyer Insights Survey 2024 by 91mobiles.pdf
Smart TV Buyer Insights Survey 2024 by 91mobiles.pdfSmart TV Buyer Insights Survey 2024 by 91mobiles.pdf
Smart TV Buyer Insights Survey 2024 by 91mobiles.pdf
 
PHP Frameworks: I want to break free (IPC Berlin 2024)
PHP Frameworks: I want to break free (IPC Berlin 2024)PHP Frameworks: I want to break free (IPC Berlin 2024)
PHP Frameworks: I want to break free (IPC Berlin 2024)
 
FIDO Alliance Osaka Seminar: The WebAuthn API and Discoverable Credentials.pdf
FIDO Alliance Osaka Seminar: The WebAuthn API and Discoverable Credentials.pdfFIDO Alliance Osaka Seminar: The WebAuthn API and Discoverable Credentials.pdf
FIDO Alliance Osaka Seminar: The WebAuthn API and Discoverable Credentials.pdf
 
FIDO Alliance Osaka Seminar: Overview.pdf
FIDO Alliance Osaka Seminar: Overview.pdfFIDO Alliance Osaka Seminar: Overview.pdf
FIDO Alliance Osaka Seminar: Overview.pdf
 
FIDO Alliance Osaka Seminar: Passkeys and the Road Ahead.pdf
FIDO Alliance Osaka Seminar: Passkeys and the Road Ahead.pdfFIDO Alliance Osaka Seminar: Passkeys and the Road Ahead.pdf
FIDO Alliance Osaka Seminar: Passkeys and the Road Ahead.pdf
 
Bits & Pixels using AI for Good.........
Bits & Pixels using AI for Good.........Bits & Pixels using AI for Good.........
Bits & Pixels using AI for Good.........
 
UiPath Test Automation using UiPath Test Suite series, part 3
UiPath Test Automation using UiPath Test Suite series, part 3UiPath Test Automation using UiPath Test Suite series, part 3
UiPath Test Automation using UiPath Test Suite series, part 3
 
Software Delivery At the Speed of AI: Inflectra Invests In AI-Powered Quality
Software Delivery At the Speed of AI: Inflectra Invests In AI-Powered QualitySoftware Delivery At the Speed of AI: Inflectra Invests In AI-Powered Quality
Software Delivery At the Speed of AI: Inflectra Invests In AI-Powered Quality
 
To Graph or Not to Graph Knowledge Graph Architectures and LLMs
To Graph or Not to Graph Knowledge Graph Architectures and LLMsTo Graph or Not to Graph Knowledge Graph Architectures and LLMs
To Graph or Not to Graph Knowledge Graph Architectures and LLMs
 
The Future of Platform Engineering
The Future of Platform EngineeringThe Future of Platform Engineering
The Future of Platform Engineering
 
FIDO Alliance Osaka Seminar: Passkeys at Amazon.pdf
FIDO Alliance Osaka Seminar: Passkeys at Amazon.pdfFIDO Alliance Osaka Seminar: Passkeys at Amazon.pdf
FIDO Alliance Osaka Seminar: Passkeys at Amazon.pdf
 
Leading Change strategies and insights for effective change management pdf 1.pdf
Leading Change strategies and insights for effective change management pdf 1.pdfLeading Change strategies and insights for effective change management pdf 1.pdf
Leading Change strategies and insights for effective change management pdf 1.pdf
 

Prototyping and Usability Testing your designs

  • 1. PROTOTYPING AND USABILITY TESTING Elizabeth Snowdon Business / Web Analyst Consultant specializing in User Centred Design eliz.snowdon@gmail.com
  • 2. About me  Senior Business / Web Analyst Consultant  Specialization in User Centred Design  Over 12 years experience in high-technology companies leading software implementations, usability testing and web site design projects  Conducting usability tests since 2003  Clients/projects include:  Sage  PMC-Sierra  Vancity  Royal Bank of Canada
  • 3. Key takeaways  Benefits of usability testing  When in the software development lifecycle to apply usability testing  Prototyping to test design concepts  Learn the fundamentals of usability testing
  • 4. What is usability?  ISO 9241-11  “the extent to which a product can be used by specified users to achieve specified goals with effectiveness, efficiency, and satisfaction in a specified context of use.”  Usability Professionals Association  Isan approach that incorporates direct user feedback throughout the development cycle in order to reduce costs and create products and tools that meet user needs
  • 5. What is usability?  Steve Krug, author of Don’t Make Me Think  “..makingsure that something works well: that a person of average (or even below average) ability and experience can use the thing --- for it’s intended purpose without getting hopelessly frustrated”
  • 6. Commonality of usability definitions  A user is involved  That user is doing something  That user is doing something with a product, system, or other thing.  Tullis and Albert
  • 7. User Centered Design  Focus on users’ needs, tasks, and goals  Invest in initial research and requirements  Identify your target audience and observe them  Let users define product requirements  Iterative design process  Observe real target users using the system
  • 9. What is usability testing?  is a technique used to evaluate a product by testing it on representative users.  test users will try to complete typical tasks while observers watch, listen and takes notes.
  • 10. Can usability be measured?  Using usability metrics  Most common metrics:  Effectiveness – being able to complete a task  Efficiency – amount of effort required to complete a task  Satisfaction – degree to which the user is happy with his/her experience
  • 11. 5 E’s of usability  Effective: How completely and accurately the work or experience is completed or goals reached  Efficient: How quickly this work can be completed  Engaging: How pleasant and satisfying it is to use  Error Tolerant: How well the product prevents errors and can help the user recover from mistakes  Easy to Learn: How well the product supports both the initial and continued learning
  • 12. When to usability test Usability testing throughout the product lifecycle - Rubin and Chisnell
  • 13. Agile / Usability Testing process Source: The Ladders
  • 16. Informing design  Identify and rectify usability deficiencies prior to product release  Intent to create products that:  Are useful to and valued by target audience  Are easy to learn  Help people to be efficient and effective  Are satisfying (delightful) to use
  • 17. Eliminating design problems and frustration  Expectation that products are high quality and easy to use  Demonstrate that goals and priorities of customer are important  Release a product that customers find useful, effective, efficient and satisfying
  • 18. Improving profitability  Creating a historical record of usability benchmarks for future releases  Minimizing the cost of service and support calls  Increasing sales and the probability of repeat sales  Acquiring a competitive edge  Minimizing the risk
  • 20. Follow the principles David Travis,  “Many usability tests are worthless. Mar 7, 2011 Researchers recruit the wrong kind of participants, test the wrong kind of tasks, put too much weight on people's opinions, and expect participants to generate design solutions.”
  • 21. Test participants  Participant’s background and abilities should be representative of your product’s intended user  user profile – person with the relevant behaviour, skills, and knowledge who will use your product.
  • 22. Visualize the test participant  We want to find out where in the process of creating an expense report employees meet obstacles to completing and submitting their reports [the test objective]. The user of our employee expense reporting system travels about four times a year, attends one conference per year and creates about ten different reports a year. He or she is comfortable using computers and likes the ability to submit reports remotely.
  • 23. How many users to test? Source: Jakob Nielsen  6-8 users per test or 5 users spread over multiple tests  little ROI in testing more than 9 users
  • 24. Quantitative tests – test 20 users Experts recommend that you test at least 20 users for quantitative studies. Source: Jakob Nielsen
  • 26. Testing locations  Lab  Office  bar, café  remote testing
  • 28. Testing in a conference room
  • 30. Remote testing requirements  Moderator / Note-taker  Screen sharing: WebEx or web conferencing tool  Recording: Morae, Camtasia  Speakerphone  Participant  High speed internet access  Speakerphone or headset telephone  for more info, go to Remote Testing Presentation http://bit.ly/7RYwSO
  • 32. Benefits of prototyping  Prototyping is generative.  Communicates using show and tell  Reduces misinterpretation  saves time, effort and money  creates a feedback loop, which ultimately reduces risk
  • 33. Dimensions of fidelity Fred Beecher
  • 34. Appropriate Fidelity  “There is no such thing as high or low fidelity, only appropriate fidelity.” Bill Buxton  Depends on  where you are in the product development cycle  your goals and your audience
  • 35. Sketch / Mock-up / Final Prototype
  • 36. Low Visual and Low Functional Fidelity  can be made swiftly, changed without repercussion, and still help visualize a concept.  answering large structural questions:  Does the system have all the features required to support the user’s goals?  Does the workflow make sense at a high level?  Which UX concept works best?  Coming to consensus on a UX concept with stakeholders
  • 38. Low Visual and High Functional Fidelity  interactive, HTML interactive wireframes  Evaluating the usability of proposed designs for new systems  Exploring isolated interactions as a proof-of-concept  Validating UX design direction with stakeholders  Validating the implementation of requirements with stakeholders  Supplementing printed documentation for development teams  Performing remote testing
  • 39. High Visual / High Functional Fidelity  Not usually worth the time and effort  Useful for:  Evaluating the usability of proposed UX designs for an existing system  Performing usability tests with non-savvy user groups  Supplementing printed documentation for offshore development teams
  • 40. Prototyping tools  Paper  Visio  PowerPoint  Dreamweaver  Axure  Omnigraffle  Ilustrator  Balsamiq
  • 41. Usability testing How to test? Test planning
  • 42. Usability test process Test environment Test conduct Analyze Report & Planning Recruiting & results Presentation debriefing Test materials
  • 43. Planning your test  Decide what to test  What are your objectives  What data will you collect  Who is your target audience?  Write a screener  Decide on test location  Remote, lab, conference room, coffee shop  Write tasks that meet your objectives
  • 44. Deciding what to test  Understand requirements  What do users want to accomplish?  What does the company want to accomplish?  Determine the goals  What tasks does the web site or application support?  Decide on the area of focus  Tasksthat have the most impact on your site  Typical tasks  Most critical tasks
  • 45. Test plan  Purpose, goals, and objectives  Participant characteristics  Method (test design)  Task list  Test environment, equipment and logistics  Test moderator role  Evaluation measures (data to be collected)  Report contents and presentation Source: Rubin and Chisnell
  • 46. Recruiting users  Recruit internally or outsource to agency?  Sources of test candidates  Your own company’s list of existing customers  Referrals from sales and marketing  Advertising on Craigslist  Company’s web site or blog  Societies and Associations
  • 47. Prepare test materials  Orientation script  Background questionnaire  NDA and recording consent  Pre-test questionnaire  Data collection tools  Task scenarios  Post-test questionnaire  Debriefing topics
  • 48. Task types  First impression questions  What is your impression of this home page or application?  Exploratory task  Open-ended / research-oriented  e.g. Find a cellular phone plan for yourself  Directed tasks  Specific / answer-oriented  e.g. Find contact information for customer support
  • 49. Metrics  Task success  Task time  Errors  Efficiency  Number of steps required to perform a task  Self-reported metrics  Likert scale  Do you prefer A or B?  Questionnaires
  • 50. Prepare the prototype  Freeze code one week prior to test  Run through the scenarios  Dry run prior to test week
  • 52. Test moderator conduct  Put the participants at ease  Give participants time to work through hindrances  Offer appropriate encouragement  Ask non-leading questions
  • 53. Observe user behavior  Listen to user feedback  Facilitator stays quiet, observes, take notes  Test one user at a time  Mainly qualitative
  • 54. Debriefing  Exploring and reviewing the participant’s actions during the test  Goal – understand why every error, difficulty and omission occurred for every participant for every session.  Debrief with observers too.
  • 55. Analyze and present Analyze results Present
  • 56. Contact information If you have any questions regarding this presentation or usability testing, please feel free to contact me.  linkedin.com/in/elizabethsnowdon  @elizSnowdon  Email: eliz.snowdon@gmail.com  Web: elizabethsnowdon.ca
  • 57. References  Tullis, Albert (2009), Measuring the User Experience .  Rubin, Chisnell (2008), Handbook of Usability Testing.  Usability.gov http://www.usability.gov/  Jakob Nielsen http://www.useit.com/  Usability Professionals Association http://www.upassoc.org/  Jeff Sauro – Quantitative Usability http://www.measuringusability.com/calc.php  STC usability site http://www.stcsig.org/usability/  Warfel, Todd Zaki (2009), Prototyping  Nielsen, Jakob, and Landauer, Thomas K.: "A mathematical model of the finding of usability problems," Proceedings of ACM INTERCHI'93 Conference (Amsterdam, The Netherlands, 24-29 April 1993), pp. 206-213.
  • 58. Q&A  Thank you for listening.