An Interface Designed for Driving

Electric Car Interface Design

Electric Car
Interface Design

Electric Car
Interface Design

UI/UX

CONCEPTUAL

Many EV dashboards overwhelm drivers with cluttered layouts and complex interactions. This concept focuses on clarity and essential information to support a calmer, less cognitively demanding driving experience.

The interface deliberately prioritizes primary driving information, keeping secondary features accessible without competing for attention.

Quick Links

Research

Screen Struture

Screen Design

Prototype

Process

The image featured at the top of the about us page #1
The image featured at the top of the about us page #1
The image featured at the top of the about us page #1

From Clutter to Clarity

Research

Research focused on situations where drivers need quick access to essential information rather than full system control. On-site observations and interviews showed that dense layouts and frequent context switching caused frustration, highlighting the need for clearer hierarchy and reduced visual competition.

Layout Strategy

Screen Structure

The layout is organized around visibility and reach, placing the most critical information closest to the driver and pushing secondary actions outward. Functions are grouped into clear zones to reduce scanning and simplify interaction while driving.

The layout is organized around visibility and reach, placing the most critical information closest to the driver and pushing secondary actions outward. Functions are grouped into clear zones to reduce scanning and simplify interaction while driving.

Dashboard
Primary driving information and
system status

Navigation layer
Secondary functions accessible without
interrupting focus

Main content area
Contextual views such as navigation
or media

Quick controls
Gesture-accessed settings for climate and media adjustments

A. Dashboard
Primary driving information and system status


B. Navigation layer
Secondary functions accessible without
interrupting focus

C. Main content area
Contextual views such as navigation or media

D. Quick controls
Gesture-accessed settings for climate and
media adjustments

A. Dashboard
Primary driving information and system status


B. Navigation layer
Secondary functions accessible without interrupting focus

C. Main content area
Contextual views such as navigation or media

D. Quick controls
Gesture-accessed settings for climate and media adjustments

The layout is organized around visibility and reach, placing the most critical information closest to the driver and pushing secondary actions outward. Functions are grouped into clear zones to reduce scanning and simplify interaction while driving.

Dashboard
Primary driving information and
system status

Navigation layer
Secondary functions accessible without
interrupting focus

Main content area
Contextual views such as navigation
or media

Quick controls
Gesture-accessed settings for climate and media adjustments

Screen Designs

Layout Strategy

Figma Prototype

An interactive prototype demonstrates key flows and system behavior in common driving scenarios, showing how the interface responds in real time.

Test the prototype here.

The layout is organized around visibility and reach, placing the most critical information closest to the driver and pushing secondary actions outward. Functions are grouped into clear zones to reduce scanning and simplify interaction while driving.

Dashboard
Primary driving information and
system status

Navigation layer
Secondary functions accessible without
interrupting focus

Main content area
Contextual views such as navigation
or media

Quick controls
Gesture-accessed settings for climate and media adjustments