Case Study — 04

HMI Automotive UXUI Concept — EV Driving Mode

In-vehicle infotainment dashboard showing the driving mode screen, viewed from the driver's seat

Type of project

Personal | ft. UXCEL Academy Project

Timeline

1.5 Months (May 2026 — June 2026)

My Team

Me ft. Nguyen Duc Dung

Core Deliverables

Design an energy and driving mode dashboard for electric vehicles, IVI-only

01Introduction

Overview

EV Energy & Driving Mode Dashboard is a UXUI Concept design for In-Vehicle Infotainment systems on electric vehicles. This design is inspired by the car BYD SEALION 6.

BYD Sealion 6 exterior, the reference vehicle for this concept

02User research

EV HMI Driving Mode Personas

Understanding distinct user expectations across Efficiency, Comfort, and Performance cohorts to design intuitive, customizable electric vehicle infotainment systems.

Portrait of Minh

Minh - The Range Optimizer

Researcher & Sustainability Advocate

AGE 34 ECO MODE

Vehicle

VF5

Behavioral Bio

Minh treats range maximization like a puzzle to solve. She analyzes her daily energy consumption stats to shave off watt-hours, relying heavily on regenerative braking feedback and real-time battery health diagnostics.

Goals

  • Maximize real-world vehicle range
  • Monitor long-term battery degradation
  • Automate smart off-peak charging schedules

Frustrations

  • Unpredictable Range Estimate (GOM)
  • Lack of granular historic consumption data
  • Unclear power-draw feedback from climate control
  • Eco mode reduces the air conditioner's power, causing discomfort in hot weather without any clear notification.

Key HMI Metrics Required

SOC % & kWh Regen Braking Efficiency Consumption Trend (Wh/km)
Portrait of Marcus

Marcus - Practical & Simple

Product Manager & Family Man

AGE 41 NORMAL MODE

Vehicle

Tesla Model Y

Behavioral Bio

Marcus wants his EV to blend seamlessly into his family routine. He values a balanced, predictable driving feel, instant access to map/audio controls, and clear, non-intrusive safety notifications that keep his family safe.

Goals

  • Dependable, fuss-free daily commuting range
  • Quick access to climate, navigation & audio
  • Clear, high-priority safety & ADAS alerts

Frustrations

  • Information overload with complex menus
  • Too many taps required for common adjustments
  • Laggy or non-responsive touchscreen buttons

Key HMI Metrics Required

Distance to Empty HVAC Status & Audio Info Active Safety Alerts
Portrait of Mina

Mina - Outdoor Adventurer

Engineer & Track Driver

AGE 28 SPORT MODE

Vehicle

Porsche Macan Electric

Behavioral Bio

Mina expects her EV to be a precision instrument. She seeks dynamic telemetry, immediate throttle feedback, and high-fidelity power output visualizations. To her, a dashboard is a performance tuning command center.

Goals

  • Monitor real-time torque & thermal load
  • Record and analyze track lap performance
  • Customize power distribution and suspension stiffness

Frustrations

  • Laggy, low-refresh instrumentation
  • Overly-filtered, sterile driving feel on dashboard
  • Inability to disable aggressive stability aids

Key HMI Metrics Required

Instant kW Output & G-Force Motor & Battery Thermals Lap Timer & Tire Pressure

03Information architecture

Instrument Cluster & Center Display

Cluster Goal: Immediate driving information with minimal distraction.

Center Display Goal: Configuration, customization, and detailed explanations.

Information architecture diagram mapping the instrument cluster and center display structure

04Task flow

Full flow

Start
Choose method
Physical Button
Tap setting icon
Driving mode
Select Eco/Sport/Normal
Home

Re-selecting flow (Ex: Eco - Sport)

Eco
Choose method
Physical Button
Tap setting icon
Driving mode
Select Eco/Sport/Normal
Home

04Wireframe

Center display screen

Center display wireframe — home screen with quick controls Center display wireframe — settings screen with steering mode and regenerative braking options

Cluster instrument screen

Instrument cluster wireframe showing speed, battery, and range

04UI and presentation designed by Nguyen Duc Dung

Alert & charge direction

Final UI showing a low battery alert with nearby charging station suggestion

Mode setting

Final UI for Sport mode settings
Sport
Final UI for Normal mode settings
Normal
Final UI for Eco mode settings
Eco

Up NextHMI Automotive Project

J.AI

Read next case study

Get in touch

Available for select projects from 2025.

I take on a small number of design engagements each year — embedded work with product teams, design system builds, and early-stage product definition. If the work sounds interesting, let's talk.

Open for Location

  • Bangkok | UAE | Kuala Lumpur | Da Nang