Gebruikersfouten voorkomen in de deactivatieflow
Gebruikers maakten fouten bij het activeren en deactiveren van klanten omdat de interface te weinig context gaf over de status en de impact van hun keuze. Als UI/UX designer heb ik op basis van usability-onderzoek een nieuwe flow ontworpen met duidelijke statuslabels, tekstuele actieknoppen en een bevestigingsdialoog, zodat deactivatie en reactivatie bewuster en veiliger verlopen.
- Rol
- UI/UX-designer
- Team
- Developer lead, Accountmanager, Front-end developer
- Tools
- Figma, Word
- Tijdlijn
- 6 maanden
Het probleem
Gebruikers begrepen niet goed wat de statusknoppen betekenden en welke impact hun keuze had. Hierdoor maakten zij fouten bij het activeren of deactiveren van klanten, wat gevolgen had voor uitbetalingen aan klanten.
De oude interface gaf te weinig context over de huidige status, de impact van de actie en geen mogelijkheid om keuzes te bevestigen.
Mijn rol en contributie
Als UI/UX designer heb ik usability-onderzoek gedaan met behulp van interviews. Op basis daarvan heb ik UI-oplossingen bedacht voor de usabilityproblemen en een user flow en prototype gemaakt. Het prototype is getest en bevestigd met stakeholders en gebruikers.
Belangrijke beslissingen
- Groen en rood gebruikt voor statuslabels en knoppen voor deactivatie en reactivatie.
- Extra feedback toegevoegd om de gebruiker beter te informeren.
- Een pop-up dialog toegevoegd waarin de gebruiker de gevolgen van de actie kan bevestigen.
Resultaten
In de verbeterde versie zijn duidelijke statuslabels in de vorm van chips toegevoegd. De radioknoppen zijn vervangen door knoppen met tekst, waardoor de gebruiker sneller begrijpt wat de huidige status is en welke actie mogelijk is. Daarnaast zorgen extra feedback en een bevestigingsdialoog ervoor dat deactivatie en reactivatie bewuster en veiliger verlopen.
Eerdere versie
UI-kaart
Oude flow
Vernieuwde versie
UI-kaart
Nieuwe flow
