Hieu Quach Design

Concept for Car Infotainment Interface

Concept for Car Infotainment Interface


This is a semester-long project for my Human Factors class (part of my online master degree of HCI) - Solo Project



  • Infotainment screens have become an important part of modern vehicles over the last 10 years
  • The system enhanced the driving experience
  • Fits into the rapid growth of the Internet of Things where devices are connected


  • Each auto company designs their own interface system. Some are better than others but overall the user satisfaction is about average
  • When drivers switch vehicle, they have to re-learn the interface. This causes frustration and driving distraction -> safety concern


  • This project explores a universal interface for the infotainment system that different auto companies can adopt
  • The design follows human factor principles
  • The design is expected to look modern and appealing (background in Graphic Design)
  • The design will be designed and prototyped on an iPad Mini for testing
  • Three main functionalities are selected for this design: Audio (bluetooth, radio, library), Talk (call, text by voice) and Climate.

Design Process

  • Early sketches done on whiteboard to explore the big picture and how different interaction flows work
  • Low fidelity sketches on paper to examine the screen structure and layout
  • High fidelity sketches in design software Sketch to produce the final interface
  • For testing, a developer friend helps wiring up the screens by some simple scripts so user can interact with the buttons

Design Principles

Human Factor Design Principles:

  1. User mental model
  2. Mapping
  3. Affordance
  4. User Feedback

Graphic Design Elements:

  1. Good use typography (size, hierarchy)
  2. Effective use of colors
  3. Appropriate use of iconography


  • GOMS model is used to provide an estimate on how long a task would take
  • Three main tasks are measured:
  1. Play a designated song from the local library
  2. Send an assigned voice message to an assigned contact
  3. Adjust the inside temperature to an assigned degree

User Testing

4 Participants:

  1. Not familiar with car infotainment, not tech savvy
  2. Familiar with car infotainment, not tech savvy
  3. Not familiar with car infotainment, tech savvy
  4. Familiar with car infotainment, tech savvy

3 Parts:

  1. Measure performance time as each user performs three assigned tasks
  2. Measure performance time as each user performs one assigned task along with “virtually driving” (follow the turn shown on a video and virtually move hands left/right on the steering wheel)
  3. Users gives rating and provides feedback


  • User with more experience with technology in general tends to learn the interface faster
  • The design can be used with ease with or without driving (needs further testing)
  • Overall positive experience with the interface design.

Below are all screens from the interface. The final interactive experience is presented on an iPad Mini that gets mounted to the right of the car's dashboard.