Full hmi
solution

Full hmi
solution

Full hmi
solution

2023

2023

2023

automotive

automotive

automotive

UI/UX

UI/UX

UI/UX

Introduction

Customer project 2023

Three screen HMI solution for an Austrian Tier 1 company.



HMI to match the company brand and run on custom android platform.

HMI purpose were to showcase customers platform trough simulations.

Introduction

Customer project 2023

Three screen HMI solution for an Austrian Tier 1 company.



HMI to match the company brand and run on custom android platform.

HMI purpose were to showcase customers platform trough simulations.

concepting

concepting

concepting

First visual concept ideas for a wide screen setup plus separate passenger screen.

First visual concept ideas for a wide screen setup plus separate passenger screen.

First visual concept ideas for a wide screen setup containing cluster and IVI and separate passenger screen.

After the decision of the visual direction were chosen, started the iteration phase.
On this phase the target screen layout were confirmed to be 3 separate screens.

After the decision of the visual direction were chosen, started the iteration phase.
On this phase the target screen layout were confirmed to be 3 separate screens.

After the decision of the visual direction were chosen, started the iteration phase.
On this phase the target screen layout were confirmed to be 3 separate screens.

After the decision of the visual direction were chosen, started the iteration phase.
On this phase the target screen layout were confirmed to be 3 separate screens.

wireframes

wireframes

wireframes

Mapping out screen layouts and interaction inputs.
Steering wheel button mapping.

Mapping out screen layouts and interaction inputs.
Steering wheel button mapping.

Mapping out screen layouts and interaction inputs.
Steering wheel button mapping.

Mapping the features to IVI.
Finding the right solution to different screens.

Mapping the features to IVI.
Finding the right solution to different screens.

Mapping the features to IVI.
Finding the right solution to different screens.

Defining Cluster areas and features.

Defining UI flows.

Visuals

Visuals

Visuals

IVI Visuals

Cluster Visuals

Cluster Visuals

Cluster Visuals

Passenger Screen Visuals

prototyping

prototyping

prototyping

Drive mode selection
(Figma prototype)

Card Opening

Theme Selection
(Figma prototype)

Phone App Flow ( Figma prototype)

Testing out figma prototype in a VR enviroment.

All rights reserved © Teemu Paavola 2024

+358 400 532 229

teemu_paavola@hotmail.com

All rights reserved © Teemu Paavola 2024