Studio Project - vehicle HMI Display Design
Overview
In developing this project, I crafted a display tailored specifically for high-end automobiles, a process which involved thorough research into the unique requirements of each feature. Through this exploration, I honed in on the essential aspects while eliminating superfluous features like Android or Apple CarPlay integration, ultimately solidifying my concept.
My Role
Duration
Software
UI/UX Designer
10 weeks
Figma
Task flow
Initially, I conducted research to grasp the fundamental requirements of HMI (Human-Machine Interface). Following this, I conducted in-person interviews with several car owners to gain insights into their issues with existing displays. Subsequently, I proceeded with site mapping and wireframing, and then moved on to selecting font styles and color palettes. Finally, I engaged in wireframing and designing with prototypes.
What is HMI?
The human-machine interface facilitates communication between the driver and the vehicle, enhancing the driving experience and enabling access to various features like navigation and climate control throughout the car. In contemporary car displays, large touchscreens are common, often incorporating voice commands similar to those seen in Tesla vehicles.
Moodboard
Color Palette
<span data-metadata=""><span data-buffer="">#002A27
#FFFFFF
#08FFE5
#<span data-metadata=""><span data-buffer="">00110F
#<span data-metadata=""><span data-buffer="">006D62
#<span data-metadata=""><span data-buffer="">1F4E4A
Typography
Font style
Font weight
Font size
Kanit
A B C D E F G H I J K L M
N O P Q R S T U V W X Y Z
a b c d e f g h i j k l m
n o p q r s t u v w x y z
0123456789
Regular,
Bold
20px,
18px,
16px
Sketches & Low fidelity Wireframe
Mockup
