SlideShare a Scribd company logo
Using cognitive walkthroughs for a
task-oriented accessibility review
Sarah Pulis Twitter: sarahtp
Andrew Arch Twitter: amja
creating an inclusive digital world
intopia.digital @intopiadigital
We’re creating an
inclusive digital world
(from down under!)
We help organisations be more inclusive
and accessible.
Together, we create enjoyable, efficient
digital experiences for everyone.
Let’s go on an accessibility adventure
together.
Today’s session
• The example that sparked this presentation
• What is a cognitive walkthrough?
• How to conduct a cognitive walkthrough for
accessibility
• Let’s do a cognitive walkthrough together
• Pros and cons of cognitive walkthroughs
Using cognitive walkthroughs for a task-oriented accessibility review
Using cognitive walkthroughs for a task-oriented accessibility review
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.
Steps in a cognitive walkthrough
1. Create a list of tasks a user wants to do
2. Create a list of steps needed to
complete each task
3. Choose a persona, perform the walkthrough and
document the experience
Step 1
Create a list of tasks a user wants to do
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
Group activity
1. Choose a website or app to conduct a cognitive
walkthrough on
2. Write down a list of task your users want to do on
your chosen website or app
Step 2
Create a list of steps needed to
complete each task
Login to an eCommerce website
1. Navigate to the eCommerce website
2. Select the Log In/Sign up button
3. Enter an email address
4. Enter a password
5. Select the Login button
Group activity
1. Choose one task from your task list (you might not
want to choose one that is too long)
2. Write a list of steps needed to complete that task
Step 3
Choose a persona, perform the walkthrough
and document the experience
As you complete the task, ask a series of
questions
• Will users understand how to start the task?
• Will the user notice and understand the controls
needed to complete the task?
• Will the user be able to access the controls needed
to complete the task?
• Was there feedback to indicate they completed (or
did not complete) the task?
• Was it easy to achieve the desired outcome?
Group activity
• Choose a persona
• Perform the cognitive walkthrough
• Document the experience for that persona
• Reflect on any improvements that you could make
Share your experiences performing a cognitive
walkthrough
Could you see yourself using this in your work?
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
• 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

More Related Content

PPTX
PHYSIOLOGY OF SPEECH & ARTICULATION
PPT
The nervous system
PPTX
Using cognitive walkthroughs to better review designs for accessibility
PDF
Cognitive walkthroughs - CSUN 2018
PDF
User Experience Design: an Overview
PDF
Lecture 4: Human-Computer Interaction Course (2015) @VU University Amsterdam
PDF
Jan Moons at WUD16
PDF
Designing to save lives: Government technical documentation
PHYSIOLOGY OF SPEECH & ARTICULATION
The nervous system
Using cognitive walkthroughs to better review designs for accessibility
Cognitive walkthroughs - CSUN 2018
User Experience Design: an Overview
Lecture 4: Human-Computer Interaction Course (2015) @VU University Amsterdam
Jan Moons at WUD16
Designing to save lives: Government technical documentation

Similar to Using cognitive walkthroughs for a task-oriented accessibility review (20)

PDF
When Mobile meets UX/UI powered by Growth Hacking Asia
PPTX
Evaluation in hci
PDF
Lecture 4: Human-Computer Interaction: Prototyping (2014)
PPTX
Usability study
PDF
How to Effectively Lead Focus Groups: Presented at Product School NYC
PDF
Agile methodology - Humanity
PDF
How to Effectively Lead Focus Groups: Presented at ProductTank Toronto
PPTX
Designing Mobile UX
PDF
Usability Testing On A Digital Product
PPTX
User Experience Basics for Product Management
PPTX
5 Things You Can Do Starting Today to Improve Your Product's User Experience ...
PDF
More Than Usability
PDF
Digitally Transforming Government Services, 23rd April 2015, Melbourne
PDF
Creating Your Dashboard & Universal Measures with Userzoom – The Deep-Dive Ho...
PDF
Art Center Interactive Design 4 - #4 Usability Testing
PDF
Designing for efficiency.pdf
PPTX
Notes on usability testing
PPTX
Agile.pptx
PPTX
Owning the product by owning the user experience
PDF
Essential Techniques for Designing Delightful Web Sites
When Mobile meets UX/UI powered by Growth Hacking Asia
Evaluation in hci
Lecture 4: Human-Computer Interaction: Prototyping (2014)
Usability study
How to Effectively Lead Focus Groups: Presented at Product School NYC
Agile methodology - Humanity
How to Effectively Lead Focus Groups: Presented at ProductTank Toronto
Designing Mobile UX
Usability Testing On A Digital Product
User Experience Basics for Product Management
5 Things You Can Do Starting Today to Improve Your Product's User Experience ...
More Than Usability
Digitally Transforming Government Services, 23rd April 2015, Melbourne
Creating Your Dashboard & Universal Measures with Userzoom – The Deep-Dive Ho...
Art Center Interactive Design 4 - #4 Usability Testing
Designing for efficiency.pdf
Notes on usability testing
Agile.pptx
Owning the product by owning the user experience
Essential Techniques for Designing Delightful Web Sites
Ad

More from Intopia (20)

PPTX
The value of measuring your accessibility maturity
PPTX
Annotating designs for accessibility
PPTX
Making Content Creation Tools Accessible
PDF
Annotating designs for accessibility
PPTX
The why, when and how of including people with disability in the design process
PPTX
Annotating designs for accessibility
PPTX
Digital accessibility and learning opportunities
PPTX
Accessible procurement: Stories from the trenches
PPTX
From Empathy to Research with People with Disability
PPTX
Designing for people with cognitive impairments
PPTX
How to create a kick ass business case for accessibility
PDF
Personalised technical accessibility training: a case study
PPTX
Making Accessible Web Animations
PPTX
Using the black art of marketing to sell accessibility
PPTX
Design Systems that supports inclusive experiences
PPTX
WCAG 2.1 update for designers
PDF
Creating accessible design systems - OZeWAI 2018
PDF
Investing in your family's future - OZeWAI 2018
PDF
WCAG 2.1 for Designers - OZeWAI 2018
PDF
Even more accessible! What WCAG 2.1 means for designers - Web Directions Summ...
The value of measuring your accessibility maturity
Annotating designs for accessibility
Making Content Creation Tools Accessible
Annotating designs for accessibility
The why, when and how of including people with disability in the design process
Annotating designs for accessibility
Digital accessibility and learning opportunities
Accessible procurement: Stories from the trenches
From Empathy to Research with People with Disability
Designing for people with cognitive impairments
How to create a kick ass business case for accessibility
Personalised technical accessibility training: a case study
Making Accessible Web Animations
Using the black art of marketing to sell accessibility
Design Systems that supports inclusive experiences
WCAG 2.1 update for designers
Creating accessible design systems - OZeWAI 2018
Investing in your family's future - OZeWAI 2018
WCAG 2.1 for Designers - OZeWAI 2018
Even more accessible! What WCAG 2.1 means for designers - Web Directions Summ...
Ad

Recently uploaded (20)

PPTX
Big Data Technologies - Introduction.pptx
PDF
How UI/UX Design Impacts User Retention in Mobile Apps.pdf
PPTX
20250228 LYD VKU AI Blended-Learning.pptx
PDF
MIND Revenue Release Quarter 2 2025 Press Release
PDF
Diabetes mellitus diagnosis method based random forest with bat algorithm
PPTX
Digital-Transformation-Roadmap-for-Companies.pptx
PDF
cuic standard and advanced reporting.pdf
PDF
Reach Out and Touch Someone: Haptics and Empathic Computing
PDF
Peak of Data & AI Encore- AI for Metadata and Smarter Workflows
PDF
Profit Center Accounting in SAP S/4HANA, S4F28 Col11
PPTX
ACSFv1EN-58255 AWS Academy Cloud Security Foundations.pptx
PDF
Dropbox Q2 2025 Financial Results & Investor Presentation
PDF
Approach and Philosophy of On baking technology
PDF
7 ChatGPT Prompts to Help You Define Your Ideal Customer Profile.pdf
PDF
Blue Purple Modern Animated Computer Science Presentation.pdf.pdf
PDF
Review of recent advances in non-invasive hemoglobin estimation
PDF
Mobile App Security Testing_ A Comprehensive Guide.pdf
PPTX
VMware vSphere Foundation How to Sell Presentation-Ver1.4-2-14-2024.pptx
PDF
NewMind AI Weekly Chronicles - August'25 Week I
PDF
Building Integrated photovoltaic BIPV_UPV.pdf
Big Data Technologies - Introduction.pptx
How UI/UX Design Impacts User Retention in Mobile Apps.pdf
20250228 LYD VKU AI Blended-Learning.pptx
MIND Revenue Release Quarter 2 2025 Press Release
Diabetes mellitus diagnosis method based random forest with bat algorithm
Digital-Transformation-Roadmap-for-Companies.pptx
cuic standard and advanced reporting.pdf
Reach Out and Touch Someone: Haptics and Empathic Computing
Peak of Data & AI Encore- AI for Metadata and Smarter Workflows
Profit Center Accounting in SAP S/4HANA, S4F28 Col11
ACSFv1EN-58255 AWS Academy Cloud Security Foundations.pptx
Dropbox Q2 2025 Financial Results & Investor Presentation
Approach and Philosophy of On baking technology
7 ChatGPT Prompts to Help You Define Your Ideal Customer Profile.pdf
Blue Purple Modern Animated Computer Science Presentation.pdf.pdf
Review of recent advances in non-invasive hemoglobin estimation
Mobile App Security Testing_ A Comprehensive Guide.pdf
VMware vSphere Foundation How to Sell Presentation-Ver1.4-2-14-2024.pptx
NewMind AI Weekly Chronicles - August'25 Week I
Building Integrated photovoltaic BIPV_UPV.pdf

Using cognitive walkthroughs for a task-oriented accessibility review

  • 1. Using cognitive walkthroughs for a task-oriented accessibility review Sarah Pulis Twitter: sarahtp Andrew Arch Twitter: amja creating an inclusive digital world intopia.digital @intopiadigital
  • 2. We’re creating an inclusive digital world (from down under!) We help organisations be more inclusive and accessible. Together, we create enjoyable, efficient digital experiences for everyone. Let’s go on an accessibility adventure together.
  • 3. Today’s session • The example that sparked this presentation • What is a cognitive walkthrough? • How to conduct a cognitive walkthrough for accessibility • Let’s do a cognitive walkthrough together • Pros and cons of cognitive walkthroughs
  • 6. Can we develop a process to conduct a task-oriented and user-oriented expert review?
  • 7. 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.
  • 8. Steps in a cognitive walkthrough 1. Create a list of tasks a user wants to do 2. Create a list of steps needed to complete each task 3. Choose a persona, perform the walkthrough and document the experience
  • 9. Step 1 Create a list of tasks a user wants to do
  • 10. 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
  • 11. Group activity 1. Choose a website or app to conduct a cognitive walkthrough on 2. Write down a list of task your users want to do on your chosen website or app
  • 12. Step 2 Create a list of steps needed to complete each task
  • 13. Login to an eCommerce website 1. Navigate to the eCommerce website 2. Select the Log In/Sign up button 3. Enter an email address 4. Enter a password 5. Select the Login button
  • 14. Group activity 1. Choose one task from your task list (you might not want to choose one that is too long) 2. Write a list of steps needed to complete that task
  • 15. Step 3 Choose a persona, perform the walkthrough and document the experience
  • 16. As you complete the task, ask a series of questions • Will users understand how to start the task? • Will the user notice and understand the controls needed to complete the task? • Will the user be able to access the controls needed to complete the task? • Was there feedback to indicate they completed (or did not complete) the task? • Was it easy to achieve the desired outcome?
  • 17. Group activity • Choose a persona • Perform the cognitive walkthrough • Document the experience for that persona • Reflect on any improvements that you could make
  • 18. Share your experiences performing a cognitive walkthrough Could you see yourself using this in your work?
  • 19. 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
  • 20. Things to be cautious of • 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
  • 21. 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

Editor's Notes

  • #2: When UX doesn't consider ALL users, shouldn't it be known as "SOME User Experience" or... SUX? 349 retweets, 342 like
  • #4: Use your mobile phone or laptop to complete the exercise Team up with a buddy if you need to
  • #7: How have you taken a task oriented approach to reviewing your designs or working site/app?
  • #8: It is a task-specific approach to usability (in contrast to heuristic evaluation which is a more holistic usability inspection). 
  • #14: Aligns with WCAG Evaluation Methodology “Methodology Requirement 3.c: Include all web pages and web page states that are part of a complete process in the selected sample.”
  • #17: Will users understand how to start the task? Are the controls conspicuous? Will users know the control is the correct one? Was there feedback to indicate you completed (or did not complete) the task? Will the user associate the correct action with the effect that the user is trying to achieve?