SlideShare a Scribd company logo
1 of 30
Using cognitive walkthroughs to
better review designs for accessibility
Sarah Pulis @sarahtp
Andrew Arch @amja
creating an inclusive digital world
intopia.digital @intopiadigital
Can we develop a process to conduct a
task-oriented and user-oriented expert review?
What is a cognitive walkthrough?
An evaluator examines the usability of a product
by walking through a series of tasks and asking a
set of questions from a user’s point of view.
Cognitive walkthrough steps …
1. Chose a user of persona
2. Create a list of tasks a user want to complete
3. Create a list of steps to complete each task
4. Perform the walkthrough for each task
5. Address any possible problems identified
Step 1
Choose a user or persona
Option 1: Enhance existing personas
Give your existing personas access requirements
Option 2: Accessibility-specific personas
Build off existing personas or create new personas
Persona enhancement
example
Ability
• Native language is Auslan
Aptitude
• Prefers online chat to phone
calls
Attitude
• Gets frustrated when signing or
captions are not available with
video
Sample from:
https://xtensio.com/how-to-create-a-user-persona/
Accessibility specific persona example
Joe has hand tremors from Parkinson’s.
Touching small areas of the screen is difficult for
Joe.
He has trouble accurately performing complex
gestures.
He often accidentally activates a control when
controls are close together.
Joe finds using a mouse very difficult and therefore
usually use a keyboard with his laptop.
Adapted from Mobile Concepts (draft)
Principles
• Intuitive keyboard interactions
• Minimise physical effort
• Easy to recover from errors
• Clear and simple language
• Don’t rush me
Step 2
Create a list of tasks a user want to complete
Common tasks for an eCommerce website
• Search for a product
• Browse for a product
• Add products to your trolley
• Checkout and pay for your products
• Contact the organisation
• Find out about the accessibility options
Step 3
Create a list of steps to complete each task
Search for a product
1. Open a web browser
2. Navigate to the eCommerce website
3. Enter “Christmas” into the search field and search
4. Find “Rich chocolate puddings” product
5. View product details
6. Add product to cart
Step 4
Perform the walkthrough for each task
Perform the walkthrough by:
1. Adopt a persona
2. Choose a task
3. Walk through the steps for that task as if you were
in the shoes of your adopted persona
Do this for all tasks with different personas.
As you complete the task, ask a series of questions
• Will the user try and achieve the right outcome?
• Will the user notice the correct action?
• Will the user associate the correct action with the effect
that they are trying to achieve?
• Will the user be able to easily perform the correct action?
• If the correct action is performed, will the user see that
progress is being made toward the completion of the
task?
Will the user try and achieve the right outcome?
• Does the interface confuse, mislead, or behave
differently from a user’s expectations?
Will the user notice the correct action?
• Is the action easily noticeable?
• Does it stand out?
• Is it easy to find?
Will the user associate the correct action with the
effect that the user is trying to achieve?
• Is the language of labels or instructions clear?
• Does the interaction method (keyboard, touch,
mouse, etc.) work as the user expects?
Will the user be able to easily perform the correct
action?
• Can I quickly and easily navigate to it?
• Do I know when I’ve got to the right action?
If the correct action is performed, will the user see
that progress is being made toward the solution of
the task?
• Is there appropriate feedback?
• Is that feedback perceivable?
• Is the feedback understandable?
Step 5
Address any possible problems
You can address problems by:
• Changing the designs
• Retrofitting existing site or app
Benefits and cautions
when using cognitive walkthoughs
Benefits of cognitive walkthroughs
• task-oriented
• can be done during the early stages of design
• can identify requirements gaps
• more cost effective and fast compared with usability
testing
Things to be cautious of when using
cognitive walkthroughs
• not a replacement for usability testing
• can be time consuming
• insights can be affected by the knowledge and skill of
the person conducting the walkthrough
Let’s continue the conversation
Sarah Pulis
@sarahtp sarah@intopia.digital
Andrew Arch
@amja andrew@intopia.digital
creating an inclusive digital world
intopia.digital @intopiadigital
#id24

More Related Content

What's hot

Teach colleagues accessibility - CSUN ATC 2018
Teach colleagues accessibility - CSUN ATC 2018Teach colleagues accessibility - CSUN ATC 2018
Teach colleagues accessibility - CSUN ATC 2018Tom Widerøe
 
Coaching and Celebrating Accessibility Champions
Coaching and Celebrating Accessibility ChampionsCoaching and Celebrating Accessibility Champions
Coaching and Celebrating Accessibility ChampionsTed Drake
 
Intuit's Accessibility Champion Program - Coaching and Celebrating
Intuit's Accessibility Champion Program - Coaching and Celebrating Intuit's Accessibility Champion Program - Coaching and Celebrating
Intuit's Accessibility Champion Program - Coaching and Celebrating Ted Drake
 
UXPA2019 Enhancing the User Experience for People with Disabilities: Top 10 ...
UXPA2019  Enhancing the User Experience for People with Disabilities: Top 10 ...UXPA2019  Enhancing the User Experience for People with Disabilities: Top 10 ...
UXPA2019 Enhancing the User Experience for People with Disabilities: Top 10 ...UXPA International
 
UXPA2019 I am the LAAW! The Lean Accessibility Audit Workshop
UXPA2019  I am the LAAW!   The Lean Accessibility Audit WorkshopUXPA2019  I am the LAAW!   The Lean Accessibility Audit Workshop
UXPA2019 I am the LAAW! The Lean Accessibility Audit WorkshopUXPA International
 
How to Run Research in Agile Sprints by Democratizing It Across Teams
How to Run Research in Agile Sprints by Democratizing It Across TeamsHow to Run Research in Agile Sprints by Democratizing It Across Teams
How to Run Research in Agile Sprints by Democratizing It Across TeamsUserZoom
 
Your company’s annual user conference: Boon or Bust for UX?
Your company’s annual user conference: Boon or Bust for UX?Your company’s annual user conference: Boon or Bust for UX?
Your company’s annual user conference: Boon or Bust for UX?Mary Raven
 
Usability and User Experience Training Seminar
Usability and User Experience Training SeminarUsability and User Experience Training Seminar
Usability and User Experience Training Seminarlabecvar
 
Intuition Factors in the User Experience Design Process
Intuition Factors in the User Experience Design ProcessIntuition Factors in the User Experience Design Process
Intuition Factors in the User Experience Design ProcessAlex Shirazi
 
Usability Testing 101 - an introduction
Usability Testing 101 - an introductionUsability Testing 101 - an introduction
Usability Testing 101 - an introductionElizabeth Snowdon
 
Inclusive customer interviews make it your friday task
Inclusive customer interviews  make it your friday taskInclusive customer interviews  make it your friday task
Inclusive customer interviews make it your friday taskTed Drake
 
Code with Empathy: UX for Engineers and UX Developers
Code with Empathy: UX for Engineers and UX DevelopersCode with Empathy: UX for Engineers and UX Developers
Code with Empathy: UX for Engineers and UX DevelopersAnita Cheng
 
Politics of design systems
Politics of design systemsPolitics of design systems
Politics of design systemsDani Nordin
 
IKEA UX Research Study
IKEA UX Research StudyIKEA UX Research Study
IKEA UX Research StudyKailiMartin1
 
Moderated vs Unmoderated Research: It’s time to say ELMO (Enough, let’s move ...
Moderated vs Unmoderated Research: It’s time to say ELMO (Enough, let’s move ...Moderated vs Unmoderated Research: It’s time to say ELMO (Enough, let’s move ...
Moderated vs Unmoderated Research: It’s time to say ELMO (Enough, let’s move ...UserZoom
 
Usability Techniques for Startups
Usability Techniques for StartupsUsability Techniques for Startups
Usability Techniques for StartupsPerfetti Media
 
Prototype
PrototypePrototype
Prototypejwawne1
 

What's hot (20)

Teach colleagues accessibility - CSUN ATC 2018
Teach colleagues accessibility - CSUN ATC 2018Teach colleagues accessibility - CSUN ATC 2018
Teach colleagues accessibility - CSUN ATC 2018
 
Coaching and Celebrating Accessibility Champions
Coaching and Celebrating Accessibility ChampionsCoaching and Celebrating Accessibility Champions
Coaching and Celebrating Accessibility Champions
 
Intuit's Accessibility Champion Program - Coaching and Celebrating
Intuit's Accessibility Champion Program - Coaching and Celebrating Intuit's Accessibility Champion Program - Coaching and Celebrating
Intuit's Accessibility Champion Program - Coaching and Celebrating
 
UXPA2019 Enhancing the User Experience for People with Disabilities: Top 10 ...
UXPA2019  Enhancing the User Experience for People with Disabilities: Top 10 ...UXPA2019  Enhancing the User Experience for People with Disabilities: Top 10 ...
UXPA2019 Enhancing the User Experience for People with Disabilities: Top 10 ...
 
UXPA2019 I am the LAAW! The Lean Accessibility Audit Workshop
UXPA2019  I am the LAAW!   The Lean Accessibility Audit WorkshopUXPA2019  I am the LAAW!   The Lean Accessibility Audit Workshop
UXPA2019 I am the LAAW! The Lean Accessibility Audit Workshop
 
How to Run Research in Agile Sprints by Democratizing It Across Teams
How to Run Research in Agile Sprints by Democratizing It Across TeamsHow to Run Research in Agile Sprints by Democratizing It Across Teams
How to Run Research in Agile Sprints by Democratizing It Across Teams
 
Effective Interaction Design Testing
Effective Interaction Design TestingEffective Interaction Design Testing
Effective Interaction Design Testing
 
Your company’s annual user conference: Boon or Bust for UX?
Your company’s annual user conference: Boon or Bust for UX?Your company’s annual user conference: Boon or Bust for UX?
Your company’s annual user conference: Boon or Bust for UX?
 
Usability and User Experience Training Seminar
Usability and User Experience Training SeminarUsability and User Experience Training Seminar
Usability and User Experience Training Seminar
 
Intuition Factors in the User Experience Design Process
Intuition Factors in the User Experience Design ProcessIntuition Factors in the User Experience Design Process
Intuition Factors in the User Experience Design Process
 
Usability Testing 101 - an introduction
Usability Testing 101 - an introductionUsability Testing 101 - an introduction
Usability Testing 101 - an introduction
 
Usability 101
Usability 101Usability 101
Usability 101
 
Inclusive customer interviews make it your friday task
Inclusive customer interviews  make it your friday taskInclusive customer interviews  make it your friday task
Inclusive customer interviews make it your friday task
 
Code with Empathy: UX for Engineers and UX Developers
Code with Empathy: UX for Engineers and UX DevelopersCode with Empathy: UX for Engineers and UX Developers
Code with Empathy: UX for Engineers and UX Developers
 
Politics of design systems
Politics of design systemsPolitics of design systems
Politics of design systems
 
IKEA UX Research Study
IKEA UX Research StudyIKEA UX Research Study
IKEA UX Research Study
 
Moderated vs Unmoderated Research: It’s time to say ELMO (Enough, let’s move ...
Moderated vs Unmoderated Research: It’s time to say ELMO (Enough, let’s move ...Moderated vs Unmoderated Research: It’s time to say ELMO (Enough, let’s move ...
Moderated vs Unmoderated Research: It’s time to say ELMO (Enough, let’s move ...
 
Intuition Factors
Intuition FactorsIntuition Factors
Intuition Factors
 
Usability Techniques for Startups
Usability Techniques for StartupsUsability Techniques for Startups
Usability Techniques for Startups
 
Prototype
PrototypePrototype
Prototype
 

Similar to Using cognitive walkthroughs to better review designs for accessibility

User Experience Design: an Overview
User Experience Design: an OverviewUser Experience Design: an Overview
User Experience Design: an OverviewJulie Grundy
 
Usability Testing On A Digital Product
Usability Testing On A Digital ProductUsability Testing On A Digital Product
Usability Testing On A Digital ProductKyle Soucy
 
When Mobile meets UX/UI powered by Growth Hacking Asia
When Mobile meets UX/UI powered by Growth Hacking AsiaWhen Mobile meets UX/UI powered by Growth Hacking Asia
When Mobile meets UX/UI powered by Growth Hacking AsiaGrowth Hacking Asia
 
Designing to save lives: Government technical documentation
Designing  to save  lives: Government technical documentation Designing  to save  lives: Government technical documentation
Designing to save lives: Government technical documentation Laurian Vega
 
How to Effectively Lead Focus Groups: Presented at ProductTank Toronto
How to Effectively Lead Focus Groups: Presented at ProductTank TorontoHow to Effectively Lead Focus Groups: Presented at ProductTank Toronto
How to Effectively Lead Focus Groups: Presented at ProductTank TorontoTremis Skeete
 
Introduction to Lean UX Methods - General Assembly
Introduction to Lean UX Methods - General AssemblyIntroduction to Lean UX Methods - General Assembly
Introduction to Lean UX Methods - General AssemblyDoralin Kelly
 
How to prep an effective kickoff workshop in 3 steps – UX Camp CPH
How to prep an effective kickoff workshop in 3 steps – UX Camp CPHHow to prep an effective kickoff workshop in 3 steps – UX Camp CPH
How to prep an effective kickoff workshop in 3 steps – UX Camp CPHMagdalena Zadara
 
Getting Started with User Research
Getting Started with User ResearchGetting Started with User Research
Getting Started with User ResearchDiane Loviglio
 
UXD - A quick overview on what you need to work with your UX team
UXD - A quick overview on what you need to work with your UX team UXD - A quick overview on what you need to work with your UX team
UXD - A quick overview on what you need to work with your UX team Guilherme Rodrigues
 
Lean UX Fundamentals and Best Practices
Lean UX Fundamentals and Best PracticesLean UX Fundamentals and Best Practices
Lean UX Fundamentals and Best PracticesDoralin Kelly
 
Building a wow product by @RuthlessUx
Building a wow product by @RuthlessUxBuilding a wow product by @RuthlessUx
Building a wow product by @RuthlessUxSHAHEENA ATTARWALA
 
Easy and affordable user testing at Confab Central 2018
Easy and affordable user testing at Confab Central 2018Easy and affordable user testing at Confab Central 2018
Easy and affordable user testing at Confab Central 2018Ida Aalen
 
5 Things You Can Do Starting Today to Improve Your Product's User Experience ...
5 Things You Can Do Starting Today to Improve Your Product's User Experience ...5 Things You Can Do Starting Today to Improve Your Product's User Experience ...
5 Things You Can Do Starting Today to Improve Your Product's User Experience ...Catharine Robertson
 
Art Center Interactive Design 4 - #4 Usability Testing
Art Center Interactive Design 4 - #4 Usability TestingArt Center Interactive Design 4 - #4 Usability Testing
Art Center Interactive Design 4 - #4 Usability TestingJoy Liu
 
Agile + Lean Product Management
Agile + Lean Product ManagementAgile + Lean Product Management
Agile + Lean Product ManagementBreanna Hughes
 
Lecture 4: Human-Computer Interaction Course (2015) @VU University Amsterdam
Lecture 4: Human-Computer Interaction Course (2015) @VU University AmsterdamLecture 4: Human-Computer Interaction Course (2015) @VU University Amsterdam
Lecture 4: Human-Computer Interaction Course (2015) @VU University AmsterdamLora Aroyo
 
How to Effectively Lead a Focus Group by nexTier Product Manager
How to Effectively Lead a Focus Group by nexTier Product ManagerHow to Effectively Lead a Focus Group by nexTier Product Manager
How to Effectively Lead a Focus Group by nexTier Product ManagerProduct School
 

Similar to Using cognitive walkthroughs to better review designs for accessibility (20)

User Experience Design: an Overview
User Experience Design: an OverviewUser Experience Design: an Overview
User Experience Design: an Overview
 
Usability Testing On A Digital Product
Usability Testing On A Digital ProductUsability Testing On A Digital Product
Usability Testing On A Digital Product
 
When Mobile meets UX/UI powered by Growth Hacking Asia
When Mobile meets UX/UI powered by Growth Hacking AsiaWhen Mobile meets UX/UI powered by Growth Hacking Asia
When Mobile meets UX/UI powered by Growth Hacking Asia
 
Designing to save lives: Government technical documentation
Designing  to save  lives: Government technical documentation Designing  to save  lives: Government technical documentation
Designing to save lives: Government technical documentation
 
Designing Mobile UX
Designing Mobile UXDesigning Mobile UX
Designing Mobile UX
 
How to Effectively Lead Focus Groups: Presented at ProductTank Toronto
How to Effectively Lead Focus Groups: Presented at ProductTank TorontoHow to Effectively Lead Focus Groups: Presented at ProductTank Toronto
How to Effectively Lead Focus Groups: Presented at ProductTank Toronto
 
Intro to Lean UX with UserTesting
Intro to Lean UX with UserTestingIntro to Lean UX with UserTesting
Intro to Lean UX with UserTesting
 
Introduction to Lean UX Methods - General Assembly
Introduction to Lean UX Methods - General AssemblyIntroduction to Lean UX Methods - General Assembly
Introduction to Lean UX Methods - General Assembly
 
How to prep an effective kickoff workshop in 3 steps – UX Camp CPH
How to prep an effective kickoff workshop in 3 steps – UX Camp CPHHow to prep an effective kickoff workshop in 3 steps – UX Camp CPH
How to prep an effective kickoff workshop in 3 steps – UX Camp CPH
 
Getting Started with User Research
Getting Started with User ResearchGetting Started with User Research
Getting Started with User Research
 
UXD - A quick overview on what you need to work with your UX team
UXD - A quick overview on what you need to work with your UX team UXD - A quick overview on what you need to work with your UX team
UXD - A quick overview on what you need to work with your UX team
 
Lean UX Fundamentals and Best Practices
Lean UX Fundamentals and Best PracticesLean UX Fundamentals and Best Practices
Lean UX Fundamentals and Best Practices
 
Jan Moons at WUD16
Jan Moons at WUD16Jan Moons at WUD16
Jan Moons at WUD16
 
Building a wow product by @RuthlessUx
Building a wow product by @RuthlessUxBuilding a wow product by @RuthlessUx
Building a wow product by @RuthlessUx
 
Easy and affordable user testing at Confab Central 2018
Easy and affordable user testing at Confab Central 2018Easy and affordable user testing at Confab Central 2018
Easy and affordable user testing at Confab Central 2018
 
5 Things You Can Do Starting Today to Improve Your Product's User Experience ...
5 Things You Can Do Starting Today to Improve Your Product's User Experience ...5 Things You Can Do Starting Today to Improve Your Product's User Experience ...
5 Things You Can Do Starting Today to Improve Your Product's User Experience ...
 
Art Center Interactive Design 4 - #4 Usability Testing
Art Center Interactive Design 4 - #4 Usability TestingArt Center Interactive Design 4 - #4 Usability Testing
Art Center Interactive Design 4 - #4 Usability Testing
 
Agile + Lean Product Management
Agile + Lean Product ManagementAgile + Lean Product Management
Agile + Lean Product Management
 
Lecture 4: Human-Computer Interaction Course (2015) @VU University Amsterdam
Lecture 4: Human-Computer Interaction Course (2015) @VU University AmsterdamLecture 4: Human-Computer Interaction Course (2015) @VU University Amsterdam
Lecture 4: Human-Computer Interaction Course (2015) @VU University Amsterdam
 
How to Effectively Lead a Focus Group by nexTier Product Manager
How to Effectively Lead a Focus Group by nexTier Product ManagerHow to Effectively Lead a Focus Group by nexTier Product Manager
How to Effectively Lead a Focus Group by nexTier Product Manager
 

More from Intopia

The value of measuring your accessibility maturity
The value of measuring your accessibility maturityThe value of measuring your accessibility maturity
The value of measuring your accessibility maturityIntopia
 
Annotating designs for accessibility
Annotating designs for accessibilityAnnotating designs for accessibility
Annotating designs for accessibilityIntopia
 
Making Content Creation Tools Accessible
Making Content Creation Tools AccessibleMaking Content Creation Tools Accessible
Making Content Creation Tools AccessibleIntopia
 
Annotating designs for accessibility
Annotating designs for accessibilityAnnotating designs for accessibility
Annotating designs for accessibilityIntopia
 
The why, when and how of including people with disability in the design process
The why, when and how of including people with disability in the design processThe why, when and how of including people with disability in the design process
The why, when and how of including people with disability in the design processIntopia
 
Annotating designs for accessibility
Annotating designs for accessibilityAnnotating designs for accessibility
Annotating designs for accessibilityIntopia
 
Digital accessibility and learning opportunities
Digital accessibility and learning opportunitiesDigital accessibility and learning opportunities
Digital accessibility and learning opportunitiesIntopia
 
Accessible procurement: Stories from the trenches
Accessible procurement: Stories from the trenchesAccessible procurement: Stories from the trenches
Accessible procurement: Stories from the trenchesIntopia
 
From Empathy to Research with People with Disability
From Empathy to Research with People with DisabilityFrom Empathy to Research with People with Disability
From Empathy to Research with People with DisabilityIntopia
 
Designing for people with cognitive impairments
Designing for people with cognitive impairmentsDesigning for people with cognitive impairments
Designing for people with cognitive impairmentsIntopia
 
How to create a kick ass business case for accessibility
How to create a kick ass business case for accessibilityHow to create a kick ass business case for accessibility
How to create a kick ass business case for accessibilityIntopia
 
Making Accessible Web Animations
Making Accessible Web AnimationsMaking Accessible Web Animations
Making Accessible Web AnimationsIntopia
 
Using the black art of marketing to sell accessibility
Using the black art of marketing to sell accessibilityUsing the black art of marketing to sell accessibility
Using the black art of marketing to sell accessibilityIntopia
 
Design Systems that supports inclusive experiences
Design Systems that supports inclusive experiencesDesign Systems that supports inclusive experiences
Design Systems that supports inclusive experiencesIntopia
 
WCAG 2.1 update for designers
WCAG 2.1 update for designersWCAG 2.1 update for designers
WCAG 2.1 update for designersIntopia
 
Investing in your family's future - OZeWAI 2018
Investing in your family's future - OZeWAI 2018Investing in your family's future - OZeWAI 2018
Investing in your family's future - OZeWAI 2018Intopia
 
WCAG 2.1 for Designers - OZeWAI 2018
WCAG 2.1 for Designers - OZeWAI 2018WCAG 2.1 for Designers - OZeWAI 2018
WCAG 2.1 for Designers - OZeWAI 2018Intopia
 
Even more accessible! What WCAG 2.1 means for designers - Web Directions Summ...
Even more accessible! What WCAG 2.1 means for designers - Web Directions Summ...Even more accessible! What WCAG 2.1 means for designers - Web Directions Summ...
Even more accessible! What WCAG 2.1 means for designers - Web Directions Summ...Intopia
 
Inclusive front-end development with WCAG 2.1
Inclusive front-end development with WCAG 2.1Inclusive front-end development with WCAG 2.1
Inclusive front-end development with WCAG 2.1Intopia
 
Accessibility and Digital Identity
Accessibility and Digital IdentityAccessibility and Digital Identity
Accessibility and Digital IdentityIntopia
 

More from Intopia (20)

The value of measuring your accessibility maturity
The value of measuring your accessibility maturityThe value of measuring your accessibility maturity
The value of measuring your accessibility maturity
 
Annotating designs for accessibility
Annotating designs for accessibilityAnnotating designs for accessibility
Annotating designs for accessibility
 
Making Content Creation Tools Accessible
Making Content Creation Tools AccessibleMaking Content Creation Tools Accessible
Making Content Creation Tools Accessible
 
Annotating designs for accessibility
Annotating designs for accessibilityAnnotating designs for accessibility
Annotating designs for accessibility
 
The why, when and how of including people with disability in the design process
The why, when and how of including people with disability in the design processThe why, when and how of including people with disability in the design process
The why, when and how of including people with disability in the design process
 
Annotating designs for accessibility
Annotating designs for accessibilityAnnotating designs for accessibility
Annotating designs for accessibility
 
Digital accessibility and learning opportunities
Digital accessibility and learning opportunitiesDigital accessibility and learning opportunities
Digital accessibility and learning opportunities
 
Accessible procurement: Stories from the trenches
Accessible procurement: Stories from the trenchesAccessible procurement: Stories from the trenches
Accessible procurement: Stories from the trenches
 
From Empathy to Research with People with Disability
From Empathy to Research with People with DisabilityFrom Empathy to Research with People with Disability
From Empathy to Research with People with Disability
 
Designing for people with cognitive impairments
Designing for people with cognitive impairmentsDesigning for people with cognitive impairments
Designing for people with cognitive impairments
 
How to create a kick ass business case for accessibility
How to create a kick ass business case for accessibilityHow to create a kick ass business case for accessibility
How to create a kick ass business case for accessibility
 
Making Accessible Web Animations
Making Accessible Web AnimationsMaking Accessible Web Animations
Making Accessible Web Animations
 
Using the black art of marketing to sell accessibility
Using the black art of marketing to sell accessibilityUsing the black art of marketing to sell accessibility
Using the black art of marketing to sell accessibility
 
Design Systems that supports inclusive experiences
Design Systems that supports inclusive experiencesDesign Systems that supports inclusive experiences
Design Systems that supports inclusive experiences
 
WCAG 2.1 update for designers
WCAG 2.1 update for designersWCAG 2.1 update for designers
WCAG 2.1 update for designers
 
Investing in your family's future - OZeWAI 2018
Investing in your family's future - OZeWAI 2018Investing in your family's future - OZeWAI 2018
Investing in your family's future - OZeWAI 2018
 
WCAG 2.1 for Designers - OZeWAI 2018
WCAG 2.1 for Designers - OZeWAI 2018WCAG 2.1 for Designers - OZeWAI 2018
WCAG 2.1 for Designers - OZeWAI 2018
 
Even more accessible! What WCAG 2.1 means for designers - Web Directions Summ...
Even more accessible! What WCAG 2.1 means for designers - Web Directions Summ...Even more accessible! What WCAG 2.1 means for designers - Web Directions Summ...
Even more accessible! What WCAG 2.1 means for designers - Web Directions Summ...
 
Inclusive front-end development with WCAG 2.1
Inclusive front-end development with WCAG 2.1Inclusive front-end development with WCAG 2.1
Inclusive front-end development with WCAG 2.1
 
Accessibility and Digital Identity
Accessibility and Digital IdentityAccessibility and Digital Identity
Accessibility and Digital Identity
 

Recently uploaded

原版定制英国赫瑞瓦特大学毕业证原件一模一样
原版定制英国赫瑞瓦特大学毕业证原件一模一样原版定制英国赫瑞瓦特大学毕业证原件一模一样
原版定制英国赫瑞瓦特大学毕业证原件一模一样AS
 
原版定制美国加州大学河滨分校毕业证原件一模一样
原版定制美国加州大学河滨分校毕业证原件一模一样原版定制美国加州大学河滨分校毕业证原件一模一样
原版定制美国加州大学河滨分校毕业证原件一模一样A
 
Subdomain enumeration is a crucial phase in cybersecurity, particularly durin...
Subdomain enumeration is a crucial phase in cybersecurity, particularly durin...Subdomain enumeration is a crucial phase in cybersecurity, particularly durin...
Subdomain enumeration is a crucial phase in cybersecurity, particularly durin...Varun Mithran
 
Thank You Luv I’ll Never Walk Alone Again T shirts
Thank You Luv I’ll Never Walk Alone Again T shirtsThank You Luv I’ll Never Walk Alone Again T shirts
Thank You Luv I’ll Never Walk Alone Again T shirtsrahman018755
 
APNIC Policy Roundup presented by Sunny Chendi at TWNOG 5.0
APNIC Policy Roundup presented by Sunny Chendi at TWNOG 5.0APNIC Policy Roundup presented by Sunny Chendi at TWNOG 5.0
APNIC Policy Roundup presented by Sunny Chendi at TWNOG 5.0APNIC
 
Beyond Inbound: Unlocking the Secrets of API Egress Traffic Management
Beyond Inbound: Unlocking the Secrets of API Egress Traffic ManagementBeyond Inbound: Unlocking the Secrets of API Egress Traffic Management
Beyond Inbound: Unlocking the Secrets of API Egress Traffic Managementseank14
 
一比一定制美国罗格斯大学毕业证学位证书
一比一定制美国罗格斯大学毕业证学位证书一比一定制美国罗格斯大学毕业证学位证书
一比一定制美国罗格斯大学毕业证学位证书A
 
一比一原版(Polytechnic毕业证书)新加坡理工学院毕业证原件一模一样
一比一原版(Polytechnic毕业证书)新加坡理工学院毕业证原件一模一样一比一原版(Polytechnic毕业证书)新加坡理工学院毕业证原件一模一样
一比一原版(Polytechnic毕业证书)新加坡理工学院毕业证原件一模一样AS
 
如何办理(UCLA毕业证)加州大学洛杉矶分校毕业证成绩单本科硕士学位证留信学历认证
如何办理(UCLA毕业证)加州大学洛杉矶分校毕业证成绩单本科硕士学位证留信学历认证如何办理(UCLA毕业证)加州大学洛杉矶分校毕业证成绩单本科硕士学位证留信学历认证
如何办理(UCLA毕业证)加州大学洛杉矶分校毕业证成绩单本科硕士学位证留信学历认证hfkmxufye
 
Abortion Clinic in Kwa thema +27791653574 Kwa thema WhatsApp Abortion Clinic ...
Abortion Clinic in Kwa thema +27791653574 Kwa thema WhatsApp Abortion Clinic ...Abortion Clinic in Kwa thema +27791653574 Kwa thema WhatsApp Abortion Clinic ...
Abortion Clinic in Kwa thema +27791653574 Kwa thema WhatsApp Abortion Clinic ...mikehavy0
 
一比一原版布兰迪斯大学毕业证如何办理
一比一原版布兰迪斯大学毕业证如何办理一比一原版布兰迪斯大学毕业证如何办理
一比一原版布兰迪斯大学毕业证如何办理A
 
iThome_CYBERSEC2024_Drive_Into_the_DarkWeb
iThome_CYBERSEC2024_Drive_Into_the_DarkWebiThome_CYBERSEC2024_Drive_Into_the_DarkWeb
iThome_CYBERSEC2024_Drive_Into_the_DarkWebJie Liau
 
一比一原版(UWE毕业证书)西英格兰大学毕业证原件一模一样
一比一原版(UWE毕业证书)西英格兰大学毕业证原件一模一样一比一原版(UWE毕业证书)西英格兰大学毕业证原件一模一样
一比一原版(UWE毕业证书)西英格兰大学毕业证原件一模一样Fi
 
一比一原版澳大利亚迪肯大学毕业证如何办理
一比一原版澳大利亚迪肯大学毕业证如何办理一比一原版澳大利亚迪肯大学毕业证如何办理
一比一原版澳大利亚迪肯大学毕业证如何办理SS
 
一比一原版(Wintec毕业证书)新西兰怀卡托理工学院毕业证原件一模一样
一比一原版(Wintec毕业证书)新西兰怀卡托理工学院毕业证原件一模一样一比一原版(Wintec毕业证书)新西兰怀卡托理工学院毕业证原件一模一样
一比一原版(Wintec毕业证书)新西兰怀卡托理工学院毕业证原件一模一样AS
 
Free scottie t shirts Free scottie t shirts
Free scottie t shirts Free scottie t shirtsFree scottie t shirts Free scottie t shirts
Free scottie t shirts Free scottie t shirtsrahman018755
 
一比一原版(毕业证书)新加坡南洋理工学院毕业证原件一模一样
一比一原版(毕业证书)新加坡南洋理工学院毕业证原件一模一样一比一原版(毕业证书)新加坡南洋理工学院毕业证原件一模一样
一比一原版(毕业证书)新加坡南洋理工学院毕业证原件一模一样AS
 
一比一原版英国创意艺术大学毕业证如何办理
一比一原版英国创意艺术大学毕业证如何办理一比一原版英国创意艺术大学毕业证如何办理
一比一原版英国创意艺术大学毕业证如何办理AS
 
100^%)( POLOKWANE))(*((+27838792658))*))௹ )Abortion Pills for Sale in Sibasa,...
100^%)( POLOKWANE))(*((+27838792658))*))௹ )Abortion Pills for Sale in Sibasa,...100^%)( POLOKWANE))(*((+27838792658))*))௹ )Abortion Pills for Sale in Sibasa,...
100^%)( POLOKWANE))(*((+27838792658))*))௹ )Abortion Pills for Sale in Sibasa,...musaddumba454
 
一比一原版(PSU毕业证书)美国宾州州立大学毕业证如何办理
一比一原版(PSU毕业证书)美国宾州州立大学毕业证如何办理一比一原版(PSU毕业证书)美国宾州州立大学毕业证如何办理
一比一原版(PSU毕业证书)美国宾州州立大学毕业证如何办理Fir
 

Recently uploaded (20)

原版定制英国赫瑞瓦特大学毕业证原件一模一样
原版定制英国赫瑞瓦特大学毕业证原件一模一样原版定制英国赫瑞瓦特大学毕业证原件一模一样
原版定制英国赫瑞瓦特大学毕业证原件一模一样
 
原版定制美国加州大学河滨分校毕业证原件一模一样
原版定制美国加州大学河滨分校毕业证原件一模一样原版定制美国加州大学河滨分校毕业证原件一模一样
原版定制美国加州大学河滨分校毕业证原件一模一样
 
Subdomain enumeration is a crucial phase in cybersecurity, particularly durin...
Subdomain enumeration is a crucial phase in cybersecurity, particularly durin...Subdomain enumeration is a crucial phase in cybersecurity, particularly durin...
Subdomain enumeration is a crucial phase in cybersecurity, particularly durin...
 
Thank You Luv I’ll Never Walk Alone Again T shirts
Thank You Luv I’ll Never Walk Alone Again T shirtsThank You Luv I’ll Never Walk Alone Again T shirts
Thank You Luv I’ll Never Walk Alone Again T shirts
 
APNIC Policy Roundup presented by Sunny Chendi at TWNOG 5.0
APNIC Policy Roundup presented by Sunny Chendi at TWNOG 5.0APNIC Policy Roundup presented by Sunny Chendi at TWNOG 5.0
APNIC Policy Roundup presented by Sunny Chendi at TWNOG 5.0
 
Beyond Inbound: Unlocking the Secrets of API Egress Traffic Management
Beyond Inbound: Unlocking the Secrets of API Egress Traffic ManagementBeyond Inbound: Unlocking the Secrets of API Egress Traffic Management
Beyond Inbound: Unlocking the Secrets of API Egress Traffic Management
 
一比一定制美国罗格斯大学毕业证学位证书
一比一定制美国罗格斯大学毕业证学位证书一比一定制美国罗格斯大学毕业证学位证书
一比一定制美国罗格斯大学毕业证学位证书
 
一比一原版(Polytechnic毕业证书)新加坡理工学院毕业证原件一模一样
一比一原版(Polytechnic毕业证书)新加坡理工学院毕业证原件一模一样一比一原版(Polytechnic毕业证书)新加坡理工学院毕业证原件一模一样
一比一原版(Polytechnic毕业证书)新加坡理工学院毕业证原件一模一样
 
如何办理(UCLA毕业证)加州大学洛杉矶分校毕业证成绩单本科硕士学位证留信学历认证
如何办理(UCLA毕业证)加州大学洛杉矶分校毕业证成绩单本科硕士学位证留信学历认证如何办理(UCLA毕业证)加州大学洛杉矶分校毕业证成绩单本科硕士学位证留信学历认证
如何办理(UCLA毕业证)加州大学洛杉矶分校毕业证成绩单本科硕士学位证留信学历认证
 
Abortion Clinic in Kwa thema +27791653574 Kwa thema WhatsApp Abortion Clinic ...
Abortion Clinic in Kwa thema +27791653574 Kwa thema WhatsApp Abortion Clinic ...Abortion Clinic in Kwa thema +27791653574 Kwa thema WhatsApp Abortion Clinic ...
Abortion Clinic in Kwa thema +27791653574 Kwa thema WhatsApp Abortion Clinic ...
 
一比一原版布兰迪斯大学毕业证如何办理
一比一原版布兰迪斯大学毕业证如何办理一比一原版布兰迪斯大学毕业证如何办理
一比一原版布兰迪斯大学毕业证如何办理
 
iThome_CYBERSEC2024_Drive_Into_the_DarkWeb
iThome_CYBERSEC2024_Drive_Into_the_DarkWebiThome_CYBERSEC2024_Drive_Into_the_DarkWeb
iThome_CYBERSEC2024_Drive_Into_the_DarkWeb
 
一比一原版(UWE毕业证书)西英格兰大学毕业证原件一模一样
一比一原版(UWE毕业证书)西英格兰大学毕业证原件一模一样一比一原版(UWE毕业证书)西英格兰大学毕业证原件一模一样
一比一原版(UWE毕业证书)西英格兰大学毕业证原件一模一样
 
一比一原版澳大利亚迪肯大学毕业证如何办理
一比一原版澳大利亚迪肯大学毕业证如何办理一比一原版澳大利亚迪肯大学毕业证如何办理
一比一原版澳大利亚迪肯大学毕业证如何办理
 
一比一原版(Wintec毕业证书)新西兰怀卡托理工学院毕业证原件一模一样
一比一原版(Wintec毕业证书)新西兰怀卡托理工学院毕业证原件一模一样一比一原版(Wintec毕业证书)新西兰怀卡托理工学院毕业证原件一模一样
一比一原版(Wintec毕业证书)新西兰怀卡托理工学院毕业证原件一模一样
 
Free scottie t shirts Free scottie t shirts
Free scottie t shirts Free scottie t shirtsFree scottie t shirts Free scottie t shirts
Free scottie t shirts Free scottie t shirts
 
一比一原版(毕业证书)新加坡南洋理工学院毕业证原件一模一样
一比一原版(毕业证书)新加坡南洋理工学院毕业证原件一模一样一比一原版(毕业证书)新加坡南洋理工学院毕业证原件一模一样
一比一原版(毕业证书)新加坡南洋理工学院毕业证原件一模一样
 
一比一原版英国创意艺术大学毕业证如何办理
一比一原版英国创意艺术大学毕业证如何办理一比一原版英国创意艺术大学毕业证如何办理
一比一原版英国创意艺术大学毕业证如何办理
 
100^%)( POLOKWANE))(*((+27838792658))*))௹ )Abortion Pills for Sale in Sibasa,...
100^%)( POLOKWANE))(*((+27838792658))*))௹ )Abortion Pills for Sale in Sibasa,...100^%)( POLOKWANE))(*((+27838792658))*))௹ )Abortion Pills for Sale in Sibasa,...
100^%)( POLOKWANE))(*((+27838792658))*))௹ )Abortion Pills for Sale in Sibasa,...
 
一比一原版(PSU毕业证书)美国宾州州立大学毕业证如何办理
一比一原版(PSU毕业证书)美国宾州州立大学毕业证如何办理一比一原版(PSU毕业证书)美国宾州州立大学毕业证如何办理
一比一原版(PSU毕业证书)美国宾州州立大学毕业证如何办理
 

Using cognitive walkthroughs to better review designs for accessibility

  • 1. Using cognitive walkthroughs to better review designs for accessibility Sarah Pulis @sarahtp Andrew Arch @amja creating an inclusive digital world intopia.digital @intopiadigital
  • 2.
  • 3.
  • 4.
  • 5. Can we develop a process to conduct a task-oriented and user-oriented expert review?
  • 6. What is a cognitive walkthrough? An evaluator examines the usability of a product by walking through a series of tasks and asking a set of questions from a user’s point of view.
  • 7. Cognitive walkthrough steps … 1. Chose a user of persona 2. Create a list of tasks a user want to complete 3. Create a list of steps to complete each task 4. Perform the walkthrough for each task 5. Address any possible problems identified
  • 8. Step 1 Choose a user or persona
  • 9. Option 1: Enhance existing personas Give your existing personas access requirements Option 2: Accessibility-specific personas Build off existing personas or create new personas
  • 10. Persona enhancement example Ability • Native language is Auslan Aptitude • Prefers online chat to phone calls Attitude • Gets frustrated when signing or captions are not available with video Sample from: https://xtensio.com/how-to-create-a-user-persona/
  • 11. Accessibility specific persona example Joe has hand tremors from Parkinson’s. Touching small areas of the screen is difficult for Joe. He has trouble accurately performing complex gestures. He often accidentally activates a control when controls are close together. Joe finds using a mouse very difficult and therefore usually use a keyboard with his laptop. Adapted from Mobile Concepts (draft)
  • 12. Principles • Intuitive keyboard interactions • Minimise physical effort • Easy to recover from errors • Clear and simple language • Don’t rush me
  • 13. Step 2 Create a list of tasks a user want to complete
  • 14. Common tasks for an eCommerce website • Search for a product • Browse for a product • Add products to your trolley • Checkout and pay for your products • Contact the organisation • Find out about the accessibility options
  • 15. Step 3 Create a list of steps to complete each task
  • 16. Search for a product 1. Open a web browser 2. Navigate to the eCommerce website 3. Enter “Christmas” into the search field and search 4. Find “Rich chocolate puddings” product 5. View product details 6. Add product to cart
  • 17. Step 4 Perform the walkthrough for each task
  • 18. Perform the walkthrough by: 1. Adopt a persona 2. Choose a task 3. Walk through the steps for that task as if you were in the shoes of your adopted persona Do this for all tasks with different personas.
  • 19. As you complete the task, ask a series of questions • Will the user try and achieve the right outcome? • Will the user notice the correct action? • Will the user associate the correct action with the effect that they are trying to achieve? • Will the user be able to easily perform the correct action? • If the correct action is performed, will the user see that progress is being made toward the completion of the task?
  • 20. Will the user try and achieve the right outcome? • Does the interface confuse, mislead, or behave differently from a user’s expectations?
  • 21. Will the user notice the correct action? • Is the action easily noticeable? • Does it stand out? • Is it easy to find?
  • 22. Will the user associate the correct action with the effect that the user is trying to achieve? • Is the language of labels or instructions clear? • Does the interaction method (keyboard, touch, mouse, etc.) work as the user expects?
  • 23. Will the user be able to easily perform the correct action? • Can I quickly and easily navigate to it? • Do I know when I’ve got to the right action?
  • 24. If the correct action is performed, will the user see that progress is being made toward the solution of the task? • Is there appropriate feedback? • Is that feedback perceivable? • Is the feedback understandable?
  • 25. Step 5 Address any possible problems
  • 26. You can address problems by: • Changing the designs • Retrofitting existing site or app
  • 27. Benefits and cautions when using cognitive walkthoughs
  • 28. Benefits of cognitive walkthroughs • task-oriented • can be done during the early stages of design • can identify requirements gaps • more cost effective and fast compared with usability testing
  • 29. Things to be cautious of when using cognitive walkthroughs • not a replacement for usability testing • can be time consuming • insights can be affected by the knowledge and skill of the person conducting the walkthrough
  • 30. Let’s continue the conversation Sarah Pulis @sarahtp sarah@intopia.digital Andrew Arch @amja andrew@intopia.digital creating an inclusive digital world intopia.digital @intopiadigital #id24

Editor's Notes

  1. Can be done alone or you can walk a colleague though the process