Supermarket Navigation Accessibility

How to assist people with cognitive disabilities access a supermarket, which most people take for granted.

Topic
Design for Accessibility
Project focus
Insights
mark
Distinction
Design Process

Double Diamond

We applied the Double Diamond framework throughout our design process to create a product that is tailored to users' needs. The convergent and divergent approach enables us to synthesise complex ideas.

iterative design

Research

Our research combined both qualitative and quantitative methods to build a well-rounded understanding of accessibility challenges in supermarket environments. We focused particularly on individuals with cognitive and learning disabilities—such as ADHD, dyslexia, and ASD—while also drawing on broader insights from those with visual, auditory, and physical impairments. Through surveys, interviews, and contextual observation, we identified key frustrations—like confusing store layouts, noted by 64% of participants. By mapping our findings using an affinity diagram, we were able to surface common pain points and highlight design opportunities for more inclusive, user-friendly supermarket experiences.

Research findings

Insights

We synthesised our user research findings into three key insights.

01
Insight

🧭 Navigation

  • Product finding – Ease of locating products
  • Store navigation – Clarity of in-app directions
  • Time saving – Efficiency of pre-planned route
02
Insight

💬 Communication

  • Staff interaction – Reduced need for staff help
  • Distraction points – Where users lost focus
  • Effective communication – Support for user-staff interactions
03
Insight

🧠 Distraction

  • Minimise distraction – Stay focused on the list
  • Refocus speed – Regain attention after disruption
  • Basket organiser – Prevent impulsive buys with structure1
Individuals with Cognitive Learning Disabilities, such as Dyslexia, ADHD, and ASD, face significant challenges in navigating supermarket environments due to a lack of universally accessible design.
Concept Selection

Design Concept

Following several fast-paced ideation rounds aimed at generating diverse and creative solutions, we used a Decision Matrix to evaluate and refine our ideas. This tool helped us assess concepts against key criteria—including navigation, communication, and distraction minimisation—directly tied to our research insights. We also considered other practical factors such as physical accessibility, buildability, and scalability. Through this process, we were able to identify and develop the concept that most effectively addressed our itentified insights.

Prototyping

Through valuable user testing processes, careful iteration was undertaken to create a more user-centred design.

Digital

A simple wireframe encompassed the specific features that addressed user pain points focused on basic elements of the design.

Physical

A physical cardboard mockup of the shopping basket served to visualise the product and whether users found it intuitive. This was then further developed with realistic objects that users could place into the basket, allowing better and more realistic engagement with the prototype

Spacial

A supermarket model allowed users to navigate a store-like environment while interacting with the digital and physical prototypes, integrating all elements into a single experience.

User testing

We established a framework aimed at testing if the design effectively addressed the opportunities identified in our research insights. Everything was specifically tested and measured against our outlined core insights.

01
Insight

🧭 Navigation

  • Product finding – Ease of locating products
  • Store navigation – Clarity of in-app directions
  • Time saving – Efficiency of pre-planned route
02
Insight

💬  Communication

  • Staff interaction – Reduced need for staff help
  • Distraction points – Where users lost focus
  • Effective communication – Support for user-staff interactions
03
Insight

🧠 Distraction

  • Minimise distraction – Stay focused on the list
  • Refocus speed – Regain attention after disruption
  • Basket organiser – Prevent impulsive buys with structure

Final Design

We developed a high-fidelity digital prototype that integrated our core design features—navigation support, communication aids, and distraction reduction—into a cohesive and accessible shopping experience. The prototype was built for mobile, with an emphasis on intuitive flows and clear visual hierarchy.

Testing Against Insights

Evaluation

Through user testing, we found our design effectively addressed the key insights uncovered in research. Users reported improved ease of navigation, reduced reliance on staff, and fewer distractions while shopping—demonstrating alignment with our design goals and validating the concept’s impact.

01
Insight

🧭 Navigation

✅ Ability to Simplify Navigation

✅ Time spent

❌ Ease of directions

02
Insight

💬 Communication

✅ Effectiveness of the communication features

✅ Minimise the need for staff interaction

03
Insight

🧠 Distraction

✅ Effectiveness in minimising distractions

❌ Identify points of distraction

✅ Refocus users after distractions

❌ Impact of the categorised basket

Learn More

This is just a glimpse into what we tackled over 13 intense weeks of design and development. If you're curious to dive deeper, feel free to check out the full visual report we submitted at the end of the project. I’d also be more than happy to chat in detail about the process, insights, or anything else that sparked your interest!

Visual Report

Take a closer look at our final report, which covers everything from user research and design rationale to testing outcomes and reflections. It’s a comprehensive snapshot of the entire project journey—packed with insights, visuals, and key takeaways.

Take a look! 👀

App Key Features

Take a closer look at our final design, featuring detailed explanations of the key features, branding, and design choices.

Take a look! 👀