Case 02 Infotainmentsysteem

Ontwerpvraag: "Hoe kunnen we het infotainment system zo ontwerpen dat fysieke knoppen overbodig worden en de bestuurder alle functies op één plek kan bereiken, zonder dat er wordt ingeleverd op gebruiksvriendelijkheid?”.

Mijn rol

Visual Researcher

Visual Design

Opdrachtgever

WARP
We Are Reasonable People

Doelgroep

Jongvolwassenen die niet meer dan 5 jaar in bezit zijn van een rijbewijs.

Design challenge

Het doel was om een gebruiksvriendelijke “clickable prototype” te maken voor een infotainmentsysteem. Er zijn een aantal design requirements waar het prototype aan moet voldoen. Het infotainmentsysteem moet ten eerste de onderdelen: “Navigatie”, “Climate Control”, “Communicatie”, “Settings” en de “Mediaplayer” bevatten.

Mijn onderdeel: Navigatie

Resultaat:

Hieronder is de complete navigatiesysteem in zowel light als dark modus. Uit onderzoek bleek wel dat de meeste uit de doelgroep voorkeur gaven naar de dark modus.

Het prototype

Prototype

Team ontwerpproces

Fases en belangrijkste deliverables:

Prepare (research) - case studies (Tesla, Polestar, Mercedes MBUX, Volkswagen) / driver profile / insight wall / interview

Create + test - (iteratie 1) - kleuronderzoek / design principle / moodboards/ styleguide / wireframes & flowcharts analoge

Create + test - (iteratie 2) - button size test / wireframes & flowcharts digitaal / AB test / low fidelity

Create + test - (iteratie 3) - wireframes digitaal / testplan + usability test / high fidelity

Create + test - (iteratie 4) - high fidelity oplevering

Doelgroep

De case studies hebben ervoor gezorgd dat wij als team een driver profile konden vormgeven. Als team constateerde wij dat vooral jongvolwassenen die niet langer dan 5 jaar in bezig van een rijbewijs zijn baat hebben bij gebruik van een infotainmentsysteem.

Mijn ontwerpproces / resultaten

Flow Apple maps:

Belangrijke elementen: kaart, volgende actie, zoom in/uit, destination marker, current position marker, perspectief en navigeren naar (zoeken).

Op basis van onderzoek naar Google Maps en Apple Maps heb ik flowcharts gemaakt die ik later ook digitaliseerde. Dit was van waarde voor het maken van alle benodigde wireframes.

Wireframes 1e versie: analoge + AB test (online) voor het kiezen van de schermen.

Benodigde schermen:

“bestemmingen”, “zoeken naar plaatsen” vaak in combinatie met een “keyboard”, “kiezen van je route”, “details van je gekozen route”, “je route volgen”, “instellingen” en “deel je aankomst”.