ORA Reimagining the Automotive Infotainment System & Instrument

Cluster to Maximize Road Safety & minimize distractions.

ORA Reimagining the Automotive Infotainment System & Instrument

Cluster to Maximize Road Safety & minimize distractions.

ORA Reimagining the Automotive Infotainment System & Instrument Cluster to Maximize Road Safety & minimize distractions.

OVERVIEW

ROLE

Product Designer

Product Designer

DELIVERABLES

Research

Strategy

Ideation

Design System

UX/UI Design

Wireframes
Prototyping
Testing
3D Motion

Research

Strategy

Ideation

Design System

UX/UI Design

Wireframes
Prototyping
Testing
3D Motion

TEAM

5 Designers

Juyeon Han

Gigi Hernandez (me)

Olive Jin

Brynna Laning
Savannah Ruedas

5 Designers

Juyeon Han

Gigi Hernandez (me)

Olive Jin

Brynna Laning
Savannah Ruedas

TIMELINE

3 Months

3 Months

YEAR

2024

2024

ROLE

Product Designer

TIMELINE

3 Months

YEAR

2024

DELIVERABLES

Research

Strategy

Ideation

Design System

UX/UI Design

Wireframes
Prototyping
Testing
3D Motion

TEAM

5 Designers

Juyeon Han

Gigi Hernandez (me)

Olive Jin

Brynna Laning
Savannah Ruedas

GOAL

Designing a concept that allows for intuitive access to
critical tasks and information.

Designing a concept that allows for intuitive access to critical tasks and information.

MetaDesign sponsored our conceptual automotive project. Our team followed a design brief to create five core infotainment page flows including home, navigation, music, phone, and apps with an additional entertainment flow and an instrument cluster.

CHALLENGE

Drivers are distracted by their device over twice the safe limit of 4.6 seconds. Contributing to 1.6 million crashes annually.

Digital devices continue to grab the drivers attention while they are navigating the road and now with the integration of digital screens as controls for climate, media, etc. it is only increasing the time we take our eyes off of the road.

OUTCOME

Our iterative process led to an entire prototyped flow for the infotainment system consisting of 48+ pages and 100+ wireframes along the way. A prototyped instrument cluster and a complex design system.

Our approach resulted in ORA as a minimalistic, intuitive, task critical conceptual direction for MetaDesign. Continuously following the rule of thirds to help the driver easily digest the information on the screen.

MARKET RESEARCH

Within 2 weeks we conducted individual research sprints to familiarize ourselves with the electric automotive industry.

It was important to understand what was currently on the market. I visited over 10 dealerships to take pictures, notes, and videos of the infotainment system & instrument cluster flows. Read journals and articles that reviewed specific automotive interfaces in detail. Watched videos about infotainment walk throughs on youtube and reached out to a Sr. UX Researcher at Ford Motor Co after watching one of her videos about the automotive industry.

Competitor Benchmarking

Lucid Air and Tesla Model Y Information Architecture.

I analyzed existing user flows from Lucid Air and Tesla, examining how far users must navigate to access key functions.

Information Architecture

USER RESEARCH

After reviewing various existing online resources—social media, blogs, reviews and ratings—a common pattern emerged.

People have mixed opinions about electric vehicle interfaces; however, a common frustration centers around the controversial shift from tactile physical buttons to fully digital touchscreens.

Literature Review

EVALUATING DRIVER NEEDS

I surveyed 30+ respondents & conducted 3 interviews.

Our team conducted individual interviews and surveys with a wide range of drivers—including those with traditional gas-powered cars, individuals who have never used an electric vehicle interface, and recent buyers of high-tech vehicles—to gain a broad understanding of driver perspectives.

Empathy Map

Data Clustering

Persona

Consolidating Findings

Consolidating Findings

After combing through the data, I identified 3 key findings across various source types. 

After combing through the data, I identified 3 key findings across various source types. 

After combing through the data, I identified 3 key findings across various source types. 

Design Challenge

How might we design an automotive interface concept that facilitates intuitive access to critical tasks and information for diverse driver needs?

How might we design an automotive interface concept that facilitates intuitive access to critical tasks and information for diverse driver needs?

How might we design an automotive interface concept that facilitates intuitive access to critical tasks and information for diverse driver needs?

Design sprint

Design sprint

We were placed into teams and given one week to complete a design sprint.

We were placed into teams and given one week to complete a design sprint.

Using insights from our research, we sketched concepts and developed low-fidelity wireframes to explore our initial direction individually.

Using insights from our research, we sketched concepts and developed low-fidelity wireframes to explore our initial direction individually.

Merging ideas

Merging ideas

We came together to discuss each team member’s strategic direction and aligned on a shared vision by merging key ideas.

We came together to discuss each team member’s strategic direction and aligned on a shared vision by merging key ideas.

We liked the direction for the seat/climate control from Brynna option A, the modular effect from Olive option B, the bottom nav bar style from Juyeon option C, and button/visual style from my design option D.

We liked the direction for the seat/climate control from Brynna option A, the modular effect from Olive option B, the bottom nav bar style from Juyeon option C, and button/visual style from my design option D.

Juyeon Han

Olive Jin

Bryna Laning

Gigi Hernandez (me)

Bryna Laning

Olive Jin

Juyeon Han

Gigi Hernandez (me)

Olive Jin

Bryna Laning

Evolving CONCEPTS

Well over 100+ macro and micro design iterations.

We liked the direction for the seat/climate control from Brynna option A, the modular effect from Olive option B, the bottom nav bar style from Juyeon option C, and button/visual style from my design option D.

wireframes

USABILITY TESTING

Our team worked with a physical iPad and a car bot to simulate real-world driving conditions.

Regular user testing in this setup helped us refine the interface and improve usability throughout the project.

Driving Simulation

USABILITY TESTING

Our team worked with a physical iPad and a car bot to simulate real-world driving conditions.

Regular user testing in this setup helped us refine the interface and improve usability throughout the project.

Driving Simulation

NARROWING DOWN SOLUTIONS

Main infotainment center consol.

Main infotainment center console.

Using the principle ‘Rule of Thirds’ we designed a vertical falling homepage layout for easily digestible information on the road. 1. Status bar, 2. Widget cluster of three, 3. Bottom navigation.

Using the principle ‘Rule of Thirds’ we designed a vertical falling homepage layout for easily digestible information on the road. 1. Status bar, 2. Widget cluster of three, 3. Bottom navigation.

Infotainment Strategy

DESIGN SOLUTION

Developing a design system: Fundamentals, Components, Templates

Design System

FINAL VIDEO

References - Scenic car on road (Porsche), Interior of (Volvo)

Main Pilot Screen & Climate

Main Driver View

Quick Climate View

Full Climate View

Navigation

Navigation

Selected Pre-saved School Route

Start Navigation

Follow the Map

End Navigation

Follow the Map

End Navigation

Full climate view

Music & Apps

Music

Playlist

Apps

Phone

Recents

Keypad

Dialing

Calling

Calling

End navigation

Full climate view

Safety Score Design Sprint

Inspired by the safety score feature in other electric vehicles, we explored how we could reimagine our approach

Shifting from penalties to rewards by introducing mindful gamification to our strategy, our goal was to encourage safer driving habits through positive reinforcement.

Shifting from penalties to rewards by introducing mindful gamification to our strategy, our goal was to encourage safer driving habits through positive reinforcement.

This feature is only accessible when the car is completely parked

Design Challenge

How might we mindfully apply gamification to motivate safer driving through rewards instead of penalties?

How might we mindfully apply gamification to motivate safer driving through rewards instead of penalties?

How might we mindfully apply gamification to motivate safer driving through rewards instead of penalties?

DESIGN SOLUTION

Safety Score

ORA Voice Assistance

Safety Score Weighted Average

Score Overview and Milestones

Scoring Factors

Achievments

New Achievement

Earned New Theme

Applied Theme

Applied Theme

Scoring Factors

Achievments

New Achievement

Earned New Theme

Applied Theme

Applied Theme

Instrument Cluster

Wayfinding

Digital Instrument Cluster

Turning Signal Warning: Car on Right Side

Turning Signal Warning: Clear

Reflections

Takeaway 1

Starting a project with no knowledge of the electric automotive industry was challenging, but I found that it was okay not to be an expert in the field—putting in the work to research and understand the industry, market, users, and problems helped tremendously to design solutions based on data.

Starting a project with no knowledge of the electric automotive industry was challenging, but I found that it was okay not to be an expert in the field—putting in the work to research and understand the industry, market, users, and problems helped tremendously to design solutions based on data.

Reflections

Takeaway 2

One of the biggest lessons I learned was the importance of collaboration and staying open to change. Our initial design went through multiple rounds of feedback and iteration, and I learned not to get too attached to the first idea.

One of the biggest lessons I learned was the importance of collaboration and staying open to change. Our initial design went through multiple rounds of feedback and iteration, and I learned not to get too attached to the first idea.

© Gigikhz. All rights Reserved.

|

Thank you for visiting fellow Web Traveler 🧙‍♂️✨

© Gigikhz. All rights Reserved.

Thank you for visiting fellow Web Traveler 🧙‍♂️✨

© Gigikhz. All rights Reserved.

|

Thank you for visiting fellow Web Traveler 🧙‍♂️✨