Case study

Gebruiksvriendelijker en minder foutgevoelig trappen samenstellen

De Vries Trappen maakt trappen op maat vanuit hun eigen fabriek in Heerenveen. Naast het bouwen van trappen voor projecten en aannemers levert De Vries Trappen ook aan consumenten. Via de website is het mogelijk een eigen trap op maat samen te stellen en te bestellen. Voor de trappenconfigurator heb ik een uitgebreide analyse gedaan van de pijnpunten en een aangepast interactie ontwerp gemaakt.
Klant
De Vries Trappen
Werkzaamheden
Wireframing, UX design, Prototyping

Proces

Het samenstellen van een trap is een precisieklus, om een trap goed passend te krijgen in een gebouw zijn metingen tot de millimeter nauwkeurig nodig. Er is dus weinig ruimte voor fouten. Dit is een van de redenen dat er ook met een online configurator vaak nog best veel handmatige controle nodig is van de configuratie die ingestuurd is door de klant. Bovendien wordt er veel vaktaal gebruikt die vaak niet bekend is bij de klant. Het proces van samenstellen bestond bovendien uit veel stappen.

Versimpelen

Om het proces overzichtelijker te maken heb ik de stappen teruggebracht van 8 stappen naar 5 met een duidelijke voortgangsindicator die meeloopt gedurende het proces. In de configuratiestappen zijn aanpassingen gemaakt om enerzijds contextueel informatie uit te vragen, alleen wanneer deze informatie nodig is, en anderzijds de gebruiker betere uitleg te geven over welke metingen nodig zijn. Ook zijn een aantal illustraties toegevoegd om de precieze plek voor de meting te verduidelijken.

Heldere aanduidingen

Om de klant te ondersteunen bij het invoeren van de juiste maten worden naast de invoervelden illustraties getoond van de trap waarin de op te nemen maten uitgelicht worden. Bovendien loopt tijdens het configuratieproces de assistent mee aan de zijkant van het scherm met toelichtingen en tips voor de gebruiker.

Assistent

Om de gebruiker tijdens het proces van de trapconfiguratie nog beter te ondersteunen heb ik een virtuele assistent ontworpen die gedurende de stappen die je doorloopt contextuele informatie aanbied zoals uitlegvideo’s over hoe een bepaalde meting verricht kan worden. Dit om de klant te helpen om de juiste maten op te geven. Des te nauwkeuriger de metingen doorgegeven worden, des te minder fouten er ook in het fabricageproces kunnen sluipen. Bovendien kunnen via deze weg ook cross sell mogelijkheden toegelicht worden, zoals bv. slipbestendige behandeling van traptreden.

Projecten

Klanten als bouwbedrijven of aannemers die vaak meerdere trappen afnemen voor woningen kunnen via een eigen portaal trappen voorconfigureren. Vervolgens kunnen zij de kopers van de woning uitnodigen om hun eigen trappen te configureren.

Ordersamenvatting

Onderin het scherm loopt tijdens het gehele proces een ordersamenvatting mee waarin de gekozen onderdelen bijgehouden worden en de gebruiker direct kan zien wat bepaalde keuzes voor gevolgen hebben voor de totaalprijs van de te bestellen trap.

Kopersportaal

De Vries Trappen levert ook trappen voor nieuwbouwprojecten. In dit geval zijn de metingen voor de trap al door de aannemer verricht en hoeft de koper alleen nog de visuele aspecten van de trap te kiezen zoals welke ballustrades er geplaatst dienen te worden en welke kleur de trap krijgt. Hiervoor biedt De Vries Trappen een Kopersportaal aan. Kopers van een nieuwbouwwoning krijgen via de aannemer of projectontwikkelaar een link naar de omgeving en komen direct in een omgeving terecht waar ze hun eigen trap kunnen samenstellen. Deze configurator heb ik qua stappen en layout gelijk getrokken met de configurator op de website, ook hier is de ordersamenvatting toegevoegd om direct de prijs van de maatwerkopties te kunnen bekijken.

Opties doorgeven

Om de klant te ondersteunen bij het invoeren van de juiste maten worden naast de invoervelden illustraties getoond van de trap waarin de op te nemen maten uitgelicht worden.

Resultaten

Door het verbeteren van het proces, het beter assisteren van gebruikers en het uitvragen van de juiste informatie op de juiste plek heb ik een efficiëntere en minder foutgevoelige gebruikerservaring weten neer te zetten.