WheelBetter

Designing an end-to-end mobile app to help people with physical disabilities find wheelchair accessible things to do.
WheelBetter app shown on the an iPhone

Project type

Start up

My role

User Research
Interaction Design
Branding
UI Design
Prototyping
User Testing

Tools

Figma
Fig Jam
Whimsical
Notably

Duration

3 months

View Interactive Prototype →

Overview

The Challenge

For people who use wheelchairs, walkers, and other mobility devices to get around, inaccessible streets and businesses can be a major obstacle impacting their quality of life.

Uprooted sidewalks, lack of ramps, narrow doorways, and inaccessible bathrooms are some of the barriers that can cause inconvenience and injury when out with a wheelchair.

About WheelBetter

WheelBetter is a mobile app designed to help people who use wheelchairs find accessible things to do in the neighborhoods where they live, work and play.

Wheelbetter aims to make going out more enjoyable, convenient and safe for people who use wheelchairs, by allowing them to check the accessibility features of restaurants, shops and attractions before visiting.

Empathize

Research Goals

We want to learn what’s most important to people with mobility impairments when out using a wheelchair or other mobility device, so that we understand how to help them travel safely and conveniently in the neighborhoods where they live, work and play.

A man in a wheelchair opening  his car door
Two women in wheelchairs enjoying dinner and drinks with friends.

Methodologies

UX Research Methods

Arrow pointing right towards text
Market research
Arrow pointing right towards text
User interviews
Arrow pointing right towards text
Contextual inquiries
Arrow pointing right towards text
Persona building
Arrow pointing right towards text
Journey mapping
Arrow pointing right towards text
Usability testing

Insights from Market Research

Arrow pointing right towards text
Disabilitiy impacts all of us at some point.
Arrow pointing right towards text
Up to 1 in 4 (27 percent) adults in the United States have some type of disability. (CDC)
Arrow pointing right towards text
Making the world more accessible benefits everyone, not just people with disabilities.
Wheelchair access sign
research icon
Finding #1
People in the U.S. who have disabilities that limit their travel outside of the home.
25M
research icon
Finding #2
U.S. adults who have a mobility disability with serious difficulty walking or climbing stairs.
12%
research icon
Finding #3
Estimated number of people in the U.S. who use a wheelchair to get around.
3.3M

Interviews and contextual inquiries

I conducted remote user interviews with five people who use manual or power wheelchairs. In addition, I traveled with a person who uses a power wheelchair to several restaurants, shops and attractions to observe and document pain points and challenges through in-person contextual inquiries.

Research objectives

Arrow pointing right towards text
Understand how people use wheelchairs outside of their homes.
Arrow pointing right towards text
Learn what's most important to people when using a wheelchair on the go.
Arrow pointing right towards text
Discover any pain points or obstacles that prevent people who use wheelchairs from accessing and enjoying places to eat, shop and play.
Screenshot of user interview with a participant on zoom.

Define

Pain Point

Lack of accessible parking

research icon
Fact (what I heard):“To me parking is very important. It’s not just about accessible parking but making sure that there is more than one or two spaces that have the blue lines on the side for a ramp to come out. I’ve gone places and I haven’t been able to find parking so I turned back and go home.”
define icon
Insight (what I learned):Without accessible parking it’s not even possible for some people to visit a location.
ideate icon
Opportunity (how I can help)Provide a way for users to verify that there is wheelchair accessible parking before visiting a location
Pain Point

Incorrect accessibility info

research icon
Fact (what I heard):“I recently went to a hair salon and the reason I went to that specific hair salon was that online on their Yelp page said it was wheelchair accessible. I drove 40 minutes to this location, and when I got there I noticed there was a step that my power wheelchair couldn't go over.”
define icon
Insight (what I learned):Incorrect accessibility information costs people who use wheelchairs time and money, and is extremely frustrating.
ideate icon
Opportunity (how I can help)Provide a way for users to see a list of verified accessibility features before visting a location.
Pain Point

Broken accessibility equipment

research icon
Fact (what I heard):“Sometimes public places will have a lift to get into the business or access the pool, but the lift will be broken or the staff don't know how to operate it. Sometimes you make decisions about what hotel you're going to stay in based on the accessibility. Like, ‘oh they have a lift for the pool’ but then you get there, and they haven't used the remote control for months, so it's broken."
define icon
Insight (what I learned):It's important to know if accessibility equipment is in working condition.
ideate icon
Opportunity (how I can help)Provide up to date information about accessibility features.
Pain Point

Inaccessible sidewalks

research icon
Fact (what I heard):“Getting from my home to the bus stop, and then from the bus stop to wherever I had to go. I used to encounter a lot of challenges. [...] A lot of sidewalks are not accessible. There's poles, there's trees. You know the roots popping up. [...] just a little tiny ledge would make me fall off the chair, especially if I’m going fast.
define icon
Insight (what I learned):Inaccessible sidewalks cause injury and inconvenience, and can prevent people from safely accessing a business using their wheelchair.
ideate icon
Opportunity (how I can help)Provide a way for users to view and share community tips about a location, such as the most accessible way to access a business.

Competitive analysis

My user interview participants shared that they currently use Yelp, Google Maps, and Trip Advisor to plan their trips. However, they expressed frustration with the limited information about accessibility.

Quote from user interview:

“The other day I went to another restaurant. I wasn't able to go inside at all. It was very frustrating that they had stairs. And like on Yelp, it will say it's wheelchair accessible... It’s like, do you know what that means? Because you are not accessible.”

User Persona

I created a user persona to visually represent my research findings, as a way to align stakeholders and keep our users in focus at each stage of the design process.
A user persona showing a woman in a power wheelchair, who likes to go out but often encounters barriers.

Ideate

Storyboard

Visualizing my UX ideas

Using the user research as a guide, I created a storyboard to get a clearer picture of the user journey and illustrate my ideas for solutions.
Storyboard illustrating the journey a negative experience someone had in a wheelchair

User & task flows

Based on my user research findings, I decided to prioritize creating a directory listing app that helps people find wheelchair accessible things to do.

I created user and task flows to determine how the app should work.

Lo-Fi Wireframes

After determining the overall structure and flow of the website, I created wireframes to develop a blueprint of key screens.

Onboarding and selecting preferences

Arrow pointing right towards text
The onboarding process was designed to allow the user to select what types of wheelchair accessible activities they are most interested in.

Prototype

Color

I chose blue and gold for the brand colors. Blue represents the brand values of accessibility and inclusion, freedom and confidence. Gold represents hope, joy, and creativity.

Typography

I choose Inter because it conveys a friendly, modern feeling that helps represent the core values of Wheel Better.

Inter works well on mobile screens, and is ideal for web and accessibility due to its large x-height and variable font sizes.

High fidelity prototype

I developed a set of research goals for usability testing and created a high fidelity prototype to test with users
research icon
Research Goal #1Evaluate if users are able to easily onboard and feel comfortable sharing their location data and allowing notifications.
research icon
Research Goal #2Determine if the “accessibility features” section provides information that is clear, usable and useful to users.
research icon
Research Goal #3Identify any pain points or confusion with the design

Test

Usability testing

Usability testing allowed me to collect feedback directly from users in real time in order to validate design and content decisions.

Usability metrics

Success metrics

Arrow pointing right towards text
Can users successfully onboard, search for wheelchair accessible things to do, and leave a rating and review for a business listing?

Satisfaction metrics

Arrow pointing right towards text
How helpful was the list of wheelchair accessibility features for each business listing?
Arrow pointing right towards text
How likely is it that a user would use WheelBetter if it was available?
Arrow pointing right towards text
How likely is it that a user would recommend WheelBetter to a friend, family member or colleague?

Error metrics

Arrow pointing right towards text
Do users perform actions that don’t lead them to the expected solution?

Analyzing test results

Key outcomes

Arrow pointing right towards text
Success rate
4 out of 4 users successfully completed key tasks
Arrow pointing right towards text
User Satisfaction 4 out of 4 users would use WheelBetter and recommend it to someone else.

2 out of 4 users did not feel comfortable enabling notifications.
Arrow pointing right towards text
Error rateTest was free of major errors or pain points

Iterate

Iterate

Prioritizing Feedback

define icon
Design insight #1To build trust with users, I updated the location and notifications permission pages to clearly state how WheelBetter will use their information and how it will benefit the user.

Prioritizing Feedback

define icon
Design insight #2To reduce confusion, I updated the language and UI  of the "accessibility features" to more clearly indicate manual and power wheelchair accessibility.
define icon
Design insight #3To increase user confidence, I added photos of the "accessibility features" which allow users to visually verify wheelchair accessibility.

Final prototype

View interactive prototype in Figma

View Interactive Prototype →

Next Steps

What I Learned

My research demonstrated the challenges people with physical disabilities face when using a wheelchair to get around. The usability testing indicated that WheelBetter would be a useful tool to help address these issues.

Impact of usability testing

Arrow pointing right towards text
Saved time and money by validating design before development.
Arrow pointing right towards text
Got buy-in from key stakeholders to proceed with the design.

Next steps

Arrow pointing right towards text
I'm currently moving into the development phase with the goal of launching WheelBetter in 2024

Want to discuss this project?
I'd be happy to connect with you!

View next case study →

Screenshots of SOS Media Store Mobile Website