ProjectDAF

UX/UI DESIGN & PRODUCT DESIGN

DAF diagnosetool

Van een complexe diagnoseworkflow naar een intuïtieve gebruikerservaring.

chatgpt image 23 jul 2026, 13 40 33

PROJECTDUUR

6 maanden

DIENSTEN

UX/UI Design & Product Design

TECHNOLOGIE

Adobe XD

01 DE UITDAGING

Van een complexe diagnoseworkflow naar een intuïtieve gebruikerservaring.

Monteurs moesten voor iedere diagnose handmatig verbinding maken met een vrachtwagen voordat voertuiggegevens beschikbaar waren. Dit zorgde voor onnodige wachttijd en een omslachtige workflow. Het bestaande systeem bevatte veel informatie, maar bood weinig overzicht tijdens het diagnoseproces.

Focuspunten:

Handmatige verbinding met iedere truck

Trage toegang tot voertuiggegevens

Complexe workflow

Veel informatie, weinig overzicht

02 RESEARCH EN INZICHTEN

Door gesprekken met monteurs en het observeren van hun dagelijkse werkzaamheden kreeg ik inzicht in de grootste knelpunten. De belangrijkste behoefte bleek snelle toegang tot voertuigdata, zonder onnodige handelingen of informatie-overload.

Belangrijkste inzichten:

Informatie moet direct zichtbaar zijn

Minder handmatige stappen

Overzicht boven complexiteit

Sneller kunnen diagnosticeren

03 OPLOSSING

Waarschuwingen & DTC-relaties
Om verbanden tussen waarschuwingen en foutcodes inzichtelijk te maken ontwierp ik een interactieve tijdlijn. Hierdoor konden monteurs sneller zien welke gebeurtenissen met elkaar samenhingen.

680fa00f290be5890ac38131 scherm­afbeelding 2025 04 28 om 17.26.38

Diagnosepaneel
Ik ontwierp een centrale informatiepagina waarin alle relevante diagnosegegevens op één plek beschikbaar zijn. Hierdoor hoefden gebruikers minder tussen verschillende schermen te navigeren.

680fa00f7c21b3f7f1514dcc scherm­afbeelding 2025 04 28 om 17.26.50

Data visualisatie
Complexe voertuigdata werd vertaald naar overzichtelijke grafieken en tijdlijnen. Zo konden monteurs patronen sneller herkennen en eenvoudiger de oorzaak van een storing achterhalen.

680fa00fe1ffe7ba691ade0c scherm­afbeelding 2025 04 28 om 17.27.09

Data visualisatie
Met een zoomfunctie van dag-, uur- en minuutniveau konden gebruikers precies analyseren wanneer storingen ontstonden en hoe lang deze actief bleven.

680fa00f0fabf73dc402ecd6 scherm­afbeelding 2025 04 28 om 17.27.22

HET RESULTAAT

Het vernieuwde ontwerp vereenvoudigde de volledige diagnoseworkflow. Door informatie slimmer te structureren en handmatige stappen te verminderen konden monteurs sneller diagnoses uitvoeren en efficiënter werken.

Resultaten:

Tot 30 minuten tijdsbesparing per diagnose

Minder handmatige handelingen

Betere informatiehiërarchie

Gebruiksvriendelijke interface

Ontworpen in Figma

home 5
mobiel 5

Klaar voor een website die jouw merk naar het volgende niveau tilt?