Automotive Infotainment Media

UI & UX design

Roles

Product Designer
User Researcher

Impetus

To design an experience for drivers and passengers to easily navigate their music, podcast, and audiobook libraries with minimum distractions from the road.

Solution

A user interface allowing users to seamlessly switch between the media types through an intuitive, dynamic interface.

Welcome to the Third Space

The Third Space is described as the setting where we spend our time between home and work — our car interiors. As the automotive industry races toward full autonomy, the experiences commuters can have in these spaces grows exponentially. 

Hutch is a music, podcast, and audiobook media solution that allows users to seamlessly switch between the media types through an intuitive, dynamic interface.

Minimalist Design

Clean font styles and minimal design language ensure media content is consistently visible throughout the application.

Quick Access

Four permanent home buttons docked to the left (driver's side) of the screen provide easy access for switching media types or returning to the default OS.

Each of the application's media types have a unique colorway allowing users to quickly recognize which content is selected.

Depth & Space

Depth is implemented throughout the design bringing clarity on selected content.

Touchpoints are spaced adequately to avoid unintentional selections — especially useful in automotive application where adjustments in a driver's field of vision should be kept to a minimum.

Design Process

From ideation to prototype, as design elements evolved no detail was overlooked. First, user functions were chosen followed by multiple iterations of concept sketches.

Next, digital wireframes were created based on the chosen concept sketches using Figma. Through careful consideration of design elements such as color, font, imagery, spacing, and scale, working prototypes are born.

User Persona & User Flow

Kimberly

Chicago, IL

Yoga Instructor

Single

27

Desires

Enjoying content without being tied to a subscription service

Easy-to-use applications, seamlessly integrated with my existing devices

Frustrations

Being tracked around the web for marketing and other uses

Steep learning curves

User Flow

This user flow follows Kim as she opens Hutch, choses music to listen to and views what’s on the queue before exiting the application to return to her car’s native OS.

User Journey

User Research

Which bests describes your current vehicle's infotainment system?

Only 1 in 4 respondents eat mostly whole foods — most respondents have room in their diet to explore healthier options.

This helped make a case for the concept of the app.

How many media types (streaming music, podcasts, audiobooks, radio, etc.) do you alternate between while driving?

60% of respondents cook less than once a day.

Building the recipes tab into the app makes it easier for users to view recipes with food they already have in their pantry.

Which of these in-car systems have you used in the past 3 months?

About 85% of respondents would find a companion website useful.

This led to the development of a responsive web-app with expanded functionality for desktop browsers.

Prototype