Intro

Inclusive Cookbook: Adaptive Tools for Blind and Low-Vision Cooks

Cooking can be challenging for people who are blind, have low vision, or are experiencing age-related vision loss. Yet with the right tools, support, and thoughtful technology, it can become a safe, empowering, and enjoyable activity. Today, more accessible services and innovations are helping break down these barriers—making it possible for everyone to navigate the kitchen with confidence.

This project focuses on creating an app and responsive website that recommend adaptive cooking tools, techniques, and resources. The goal is to make cooking more accessible and to help users discover greater independence, creativity, and joy in the kitchen.

The Goal

To help users easily find, understand, and prepare recipes through audio or enhanced visual support, while also identifying the ingredients and adaptive tools needed for safe cooking.

Services

UX Research, Visual Design, App Design, Responsive Website Design

Key Challenges

Resources

Limited sources of reliable, accessible information for blind and low-vision cooks.

Safety

Difficulty identifying the proper tools and equipment needed to cook safely and confidently.

Accessibility

Recipes are often not accessible or easy to navigate using assistive technologies.

Research

For the Cookbook tool for people who are blind, I conducted two usability studies:

The first one was conducted at the beginning to start ideating and creating the wireframes and low fidelity prototypes as a based for the app functionality.
The second was conducted to refine the first one using a high-fidelity prototype

Target Audience

People who are blind or visually impaired that needs to be independent. 21+ years old.

Design Architecture

Round 1 Findings

1

Users need helpful information easily.
2

They also wanted to simplify the information.
3

Create a way to login faster and easier.

Mockups

First drafts of the designs show don’t include “Find Stores Near Me” . I decided include a link to Google Maps based on the user’s location. Also, icons were added to the add the function to delete an ingredient.

The first usability study shows that users wanted a more direct way to navigate thru the voice command option. It went from “Search” to “Go to ‘Page Name’”

Round 2 Findings

1

Add way to increase text and add contrast.
2

Add map to nearby stores to buy ingredients.
3

They want to know about the company and where to buy helpful products.

Mockups

After a secondary usability study for the responsive website, we added more links such as “Blog” About Us” “My Account” and easy to functions such as “Increase Text” and “Contrast”.

What I Delivered

App

The final hi-fidelity prototype shows user flows for Recipes (Featured, Type, Ingredients), Shopping List, My Recipes, Cooking Tips, and Cooking Tools.

Prototype made in Adobe XD

View Prototype

Responsive Website

The final hi-fidelity prototype shows user flows for Recipes (Featured, Type, Ingredients), Shopping List, My Recipes, Cooking Tips, and Cooking Tools.

Prototype made in Adobe XD

View Prototype

Accessibility Considerations

Contrast

Colors have sufficient contrast between the test color and background. It was included to make buttons, maps, links and titles more distinguishable.

Options

Users can choose the method that best serves them in their unique circumstances.

Inclusion

Icons are added to actions to make it clearer for users.