top of page

Fisker Ocean UI Design

OVERVIEW

The following is a final project for Interaction Design at the Art Center College of Design - Extension Program.

The goal was to do the following:
- Research the most common psychological and physical impairments in driving.
- Create driving modes that, by way of certain features and/or specific User Interface designs, serve as a solution to each discovered impairment.
- For each Driving Mode, create one portfolio piece to showcase its design, ideal users, and suitable vehicles.

ROLE

User research, information architecture, interaction design, visual design, prototyping

September 2023 - January 2024

TOOLS

Google Forms, Mural, Figma, ProtoPie

Addressed Automotive
Design Principles

+ Driver distraction mitigation

+ VUI integration

+ Colorblind accessibility

Image3_1120x1400_biiuao.jpeg

Why Fisker?

None of this design is directly affiliated with Fisker.

 

There are four Drive Modes that have been designed in total: Do Not Disturb, Cruise, Adventure, and Track. This presentation is for Cruise Mode.

 

Each mode is intended to address one psychological impairment. For an additional challenge, I added in one physical impairment to design for as well in each mode. This is meant to highlight my skills as an accessibility researcher and designer.

 

Not all Drive Modes make sense for all vehicles. I chose the Fisker Ocean to display it on to make the design feel more real, as this is one of the many vehicles that would make sense to have it.

Why Colorblindness?

According to the World Health Organization, an estimated 1.3 billion people - around 16% of the global population - currently experience significant disability.

Although colorblindness impacts both men and women, men are at a much higher risk...specifically 1 in 12 men, according to the National Eye Institute.

When designing an interface for a moving product, such as a car, it's crucial that the user is able to rely on the information being displayed by not having to rely solely on the color palette. There cannot be room for error or confusion.

In this case, there's a couple of ways to create a colorblind friendly palette; either have an accessibility toggle to modify the original UI for these scenarios, or create one single palette that single-handedly satisfies the needs of all 4 levels of color vision: Trichromatism, Deuteronomy, Protanopia, and Tritanopia.

I chose the more difficult option - one single color palette that satisfies the needs of all users at once.

This aligns with my philosophy of having accessibility baked-in to my designs.

Limitations

This design, including the architecture, is meant to align as fully as possible with Fisker’s branding and UX/UI guidelines.

Without having full access to these guidelines from Fisker, some assumptions with information architecture had to be made and branding/design decisions are based off of the design for www.fiskerinc.com.


Additionally, due to not having the necessary equipment (i.e. a buck), this design has not been tested for usability.

The Challenge

Design a driving focus mode that...

+ Decreases smartphone dependence

+ Enables spontaneity in the drive with enhanced functionality

+ Uses an accessible color palette

Image2_Collage_1200x720_A_rpponm.jpg

The Question

Which psychological impairments are most frequently associated with driving?

Screenshot 2024-04-04 at 5.32.48 PM.png

Reseach Process

First, I conducted and published an online User Research survey to collect both qualitative and quantitative feedback. 

Then, the raw data was aggregated and synthesized to illustrate the findings.

Discovered Impairments + Their Antitheses

01.

Stress ➡️

Joy

02.

Distraction ➡️

Peace of Mind

03.

Boredom ➡️ Engagement

04.

Overwhelm ➡️ Understanding

Image by Wil Stewart

Cruise

Image by Guzmán Barquín

Do Not Disturb

Image by Marita Kavelashvili

Adventure

Image by Pascal Richier

Track

Turning Stress into Joy

According to the survey, drivers expressed feeling stressed due to the following reasons:

1. When on a road trip or a group drive, they want to be able to keep up with other trip members without the manual task of a phone call...or multiple.

2. They want to fully enjoy the surroundings of where they are by way of discovering unique venues and experiences on their route without having to do a deep Google search on their phone. 

3. The in-vehicle experience doesn't offer much in the sense of building a community.  Whether by communal playlists, adding driving leaderboards and profiles to the brand's interface, or other ideas...drivers want more of a sense of community with other drivers.

As it stands, they have to rely on their phones to do all of these tasks in a reasonably efficient timeframe.

Let's Cruise.

Cruise encourages drivers to get off the phone and be fully present in the drive by seamlessly integrating UI and Voice Assistant for hands-free collaboration among drivers in Navigation and Music.

Image by Wil Stewart
Alex.jpg

The Joyrider

Alex is taking a solo cruise up Pacific Coast Highway to catch the sunset with some of his friends.

He needs to not have to rely on his phone to look up spontaneous, interesting destinations along the way and check up on his friends.

Alex also has Deuteranopia (red-green colorblindness).  He needs a UI that is simplistic, robust, and colorblind accessible.

Ocean Drive.png

Market Research

Cruise Mode is a unique Driving Experience Mode that works best with Crossovers, 4x4s, and small SUVs.
They can be modernized cult classics like the Ford Bronco or something completely new that offers radical tech like the Fisker Ocean.

Ford Bronco
Land Rover Defender
Jeep Wrangler 4xe
Positioning.png

Design Inspiration

Coastal blues, golden hues, and the open road.

Colors.png
Information Architecture
Wireframes.png

High Fidelity Design

bottom of page