Overview

Utility Application

User Experience

User Interface

Visual Design

Goal

How might design influence the disabled community? Create a utility app that aids the disabled community with an everyday task.

Challenge

Focus on Muscualar Dystrophy

This is some text inside of a div block.

Empathize

Muscular Dystrophy

One of a group of genetic diseases characterized by progressive weakness and degeneration of the skeletal or voluntary muscles which control movement.

Inspiration

Define

IBM Design Thinking & Google SPRINT Design Thinking

Information about design thinking process here.

Ideate

Visible VS. Invisible Technology

A mobile device is a powerful piece of technology. It was important to analyze the features of a mobile device that could be incorporated to the utility app.

IDEATE

Paper and pen.

back to empathize

Who is the adaptive driver?

By focusing on the principles of IBM design thinking and the SPRINT process, further insight into who the adaptive driver was explored.

By visiting Mobility Works of Austin, a further understanding was gained of how people operate an adaptive vehicle.

Empathize

The Adaptive drivers point of view.

“Driving an adaptive vehicle means everything to me—it’s given me independence. However, fueling my car is the one thing I’m dependent on [when driving].”

-A Texas State University student whose vehicle was fitted by Mobility Works of Austin.

Empathize

Persona: The adaptive driver

For Tom, driving an adaptive vehicle gives him the freedom to be independent. Tom is a young professional with a family and he has Muscular Dystrophy. His disability prevents him from fueling his car independently because he's unable to lift heavy objects like a gas nozzle.

EMPATHIZE

The Whole U.S. Population

When you look at data that's bring presented about American's with a disability, it's over 49 million people. Out of this percentage, 25 percent is employed, verifying the need for Phill for people who have trouble fueling their vehicl.e

Phill

Reserve. Arrive. Fill.

PROTOTYPE

Meet Phill

Disabled drivers can use Phill when on the road or near their phone by activating through voice. Drivers focus on a task at hand, and Phill will handle the rest. Once you arrive at a gas station, Phill will notify the store attendant. This is especially helpful for drivers who have difficulty exiting their car to push an accessible button located on gas pumps.

Voice Enabled

GPS; Google Maps

IoT; "Smart Gas Pump"

Apple Pay

Prototype

How It Works

Drivers of adapive vehicles have the ability to fuel their car, anytime on the road. When a driver becomes low on gas, initiate the mobile app and drive to the designated gas station.

PROTOTYPE: FEATURE

Voice Enabled, So Drivers Focus On The Road

Prototype: FEATURE

IoT: The Smart Gas Pump

Creating a smart gas pump that talks to your mobile device allows the driver to notify an attendant that they need assistance. Currently in some states, drivers are expected to honk their horn or flash their lights to get an attendants attention.

PROTOTYPE

UI & Interaction Design

Disabled drivers can use Phill when on the road or near their phone by activating through voice. Drivers focus on a task at hand, and Phill will handle the rest. Once you arrive at a gas station, Phill will notify the store attendant. This is especially helpful for drivers who have difficulty exiting their car to push an accessible button located on gas pumps.

User Testing Video

Test

A/B Testing

Overall users felt that a humanized experience with an attendant created an overall positive influence.

Profile photo

Users prefer having an image of an attendant next to the attendants name

Live Map

Users prefer a live map in real time when driving to a gas station. 

Microinteractions

Users said breadcrumbs helped them achieve a task from start to finish.

A/B Testing SurveyA/B Testing Results

PROTOTYPE: INVISION

InVision Prototype

Invision Prototype

BRANDING

Font & Color

Using modular scale helped to unify each font by pairing Stolzl and Roboto to create a harmonious balance between sizes. Phill is established on a 16pt scale, growing in size by a x1.5 scale. Modular scale was used to quickly iterate on the different font sizes.

Modular Scale

Stolzl

Roboto

#007BFF
#4A4A4A

BRANDING

Trademark

The Phill trademark acts both as an independent logo and home icon button for mobile devices.

empathize

Why It Matters: The Problem With Gas Stations

Field research: Perspective

Empathizing At The Gas Pump

Drivers of all types have different standards and preferences. By putting myself in the adaptive drivers perspective, it was easier to understand where user pain points existed.

Inspiration

OPPORTUNITIES

Market Opportunity where Phill fits in everyday

For Tom, driving his vehicle gives him mobility to be more independent. These are all potential points in time where Phill can be of assistance to Tom where his wife or his friend are not around to help.

<