Case study: UX design voor payrollplatform Preceda

Efficiëntere salarisbetaling en minder fouten door payrollmedewerkers

UI/UX

SaaS

Prototyping

Inleiding

Van 2018 tot en met 2020 werkte ik als voltijd UI/UX-designer bij Ascender HCM (nu Dayforce), destijds een organisatie in de Azië-Pacific-regio die B2B SaaS-oplossingen aanbiedt, zoals HR- en payrollsystemen.

Tijdens deze periode werkte ik samen met het productteam, engineering en QA om het Preceda-payrollsysteem te verbeteren.

Wensen, eisen en uitdagingen

In de rol van UI/UX designer was ik verantwoordelijk voor het verbeteren van de user interface, gebruikerservaring en bruikbaarheid van het platform

Dit waren de belangrijkste wensen en eisen:

• UI optimalisatie: Het verbeteren van de algehele look-and-feel van de frameworks, schermen, elementen en content.

• UX optimalisatie: Het toepassen van UX technieken om huidige processen grondig te begrijpen en verbeteringen toe te passen.

• Betalingsrun: Het ontwerpen van een gebruiksvriendelijke betalingsrun die het proces vereenvoudigt, versnelt en fouten helpt voorkomen.

• Health Check-scherm: Het creëren van een scherm dat een overzicht geeft van onjuiste gegevens, ontbrekende velden of ongeldige combinaties.

Mark's ervaring

Niels bracht een waardevol UX‑perspectief in ons product. Voor zijn komst oogde het product vooral technisch, alsof het door ingenieurs was gebouwd.

Het proces in beeld

Weergave van een persona genaamd Kathy met bijbehorende gegevens zoals bio, kernbehoeften en frustraties. — Op basis van de ervaring van het productanalistenteam en de medewerking van de HRO-afdeling hebben we een persona opgesteld die we konden gebruiken tijdens de ontwikkeling van een nieuw betalingsproces.

Document met interviewvragen voor gebruikersonderzoek, weergegeven in een screenshot — Tijdens de ideate-fase heb ik meerdere technieken toegepast om inzichten te verzamelen, zoals interviews, enquêtes, gesprekken en berichten, om zo een volledig beeld van de gebruikersbehoeften te krijgen.

Screenshot van een Excel-sheet met invoerdata voor het Health Check-scherm. — Naast het ontwerpen van de voorkant was ik ook betrokken bij de koppeling met de achterkant. Zo dacht ik bijvoorbeeld na over de formulering van alle mogelijke feedbackberichten en de koppeling met verschillende iconen, zoals een groen vinkje, een foutmelding of een waarschuwing.

Een handgetekende schets van het Health Check-scherm tijdens de ontwerpfase. — Vaak maakte ik snelle schetsen om mijn ontwerpen in een vroeg stadium te verifiëren. Dit is een low-fidelity ontwerp van het Health Check-scherm.

Screenshot van een mid-fidelity prototype van het payrun-statusscherm. — Naast het ontwerpen van de interface maakte ik interactieve prototypes van verschillende fidelities om het proces te illustreren. Deze werden getest met collega’s en af en toe met echte gebruikers om inzichten te verzamelen.

Eindresultaat

Screenshot van de Health Check-pagina met een overzicht van onjuiste gegevens, ontbrekende velden en ongeldige combinaties. — Dit is het uiteindelijke Health Check-scherm, een scherm dat een overzicht biedt van onjuiste gegevens, ontbrekende velden of ongeldige combinaties.

Prototype van een employee dashboard met kerninformatie en statusoverzichten. — Regelmatig maakte ik interactieve prototypes om deze samen met mijn manager aan het management te presenteren en zo specifieke onderdelen van de roadmap te promoten, zoals een employee dashboard.

Reflectie

Direct toetsen

Met name in de eerste maanden wachtte ik te lang met het vragen van feedback, waardoor ik soms te veel tijd stak in designs of details die later niet relevant of bruikbaar bleken.

Complexiteit

Het Preceda-platform was een complex geheel van gebruikers, functionaliteiten en onderling gekoppelde schermen. Als beginnend UX-designer was het voor mij uitdagend om hierin structuur en overzicht aan te brengen.

Een betrokken teamlid

De samenwerking met collega’s en gebruikers verliep soepel dankzij professionele en ontspannen communicatie. Mijn toewijding, positieve energie en oog voor detail werden door velen gewaardeerd.

Geef jouw website of app ook een frisse, creatieve upgrade!

Boek je gratis 30-minuten kennismakingsgesprek en ontdek:

Zie ook