PAUL GUNBYCreative Director
Work / Sheet 05

Karma Revero Infotainment

Client
Karma Automotive
Role
UI/UX Designer
Team
3-person UI/UX team. Aquent contract.
Sheet
05 / 14
Year
2016
Disciplines
Automotive UI · Driver cluster · Infotainment · Wireframes · Mockups
Overview

The Karma Revero is a luxury plug-in hybrid. Our three-person UI/UX team designed every screen in its infotainment system and digital driver cluster, working to USDOT guidelines for driver distraction.

I designed screens across the system, built the in-car mockups and built some of the wireframes the team worked from.

Revero cabin mockup with the infotainment and cluster screens in place
Revero cabin mockup with the infotainment and cluster screens in place
Infotainment

Glanceable while driving

Large targets, high contrast and one task per screen. The persistent climate bar along the bottom never moves, so a driver can find it without looking.

Energy flow
Energy flow
Vehicle health
Vehicle health
Navigation, en route
Navigation, en route
Navigation, search
Navigation, search
Settings
Settings
Home and minibar
Home and minibar
Audio source select
Audio source select
Driver cluster

Two modes, one layout

Drive modes share one structure, so the speed and charge readouts stay in the same place while color and emphasis change.

Cluster with navigation
Cluster with navigation
Cluster, alternate mode
Cluster, alternate mode
States

Every state, designed

A screen is only finished when every state is. Vehicle health alone needed a version for each warning, at two severity levels, for every system the car monitors. The message center followed the same rules.

Vehicle health. Nine of the 40-plus warning states.
Vehicle health. Nine of the 40-plus warning states.
Message center states
Message center states
Charger

The same system, off the dash

The visual system carried to the charger's status display, from startup to fully charged.

Startup
Startup
Connected
Connected
Charging
Charging
Fully charged
Fully charged
Charge fault
Charge fault
Status screen artwork
Status screen artwork
Mockups and wireframes

Seeing it in the car

In-car mockups let the client judge screens at real size and position.

Cabin mockup, sport audio
Cabin mockup, sport audio
Cabin mockup, screen layout study
Cabin mockup, screen layout study
Cluster and infotainment placement diagram
Cluster and infotainment placement diagram
Original cabin, before
Original cabin, before
Screen flow in progress
Screen flow in progress
Climate states
Climate states
Screen set review
Screen set review
Mockup build
Mockup build