Case Study 02

Platform voor assessmentbeheer en dataverzameling

Voor een digitaal assessmentplatform ontwierp ik een beheeromgeving waarin projecten, deelnemers, vragenlijsten, voortgang en rapportage samenkomen.

Ik werkte flows uit rond projectbeheer, deelnemersbeheer en vragenlijstbeheer. In wireframes en klikbare prototypes maakte ik de platformstructuur tastbaar, met aandacht voor voortgangsinzicht, rapportage en overdracht aan een externe developmentpartij.

Rol

UX/UI Designer

Periode

2019–2021

Tools

Sketch, InVision, Figma

Wat het assessmentplatform op schaal ondersteunt

Deze cijfers laten zien hoe het platform wordt gebruikt voor deelnemersbeheer, vragenlijsten en assessmenttrajecten.

450

Deelnemers

30.000

Ingevulde vragenlijsten per jaar

€750.000

Jaarlijkse omzet via trajecten

Een self-service platform voor assessmentbeheer

Het assessmentplatform werd ontwikkeld als centrale omgeving waarin partners en klanten zelfstandig assessmenttrajecten konden beheren. Binnen het platform konden gebruikers projecten opzetten, deelnemers koppelen, vragenlijsten uitsturen, voortgang volgen en rapporten genereren, downloaden of delen.

Naast de beheeromgeving voor consultants, HR/L&D-professionals, coaches en projectrollen was er een aparte deelnemersomgeving voor mensen die vragenlijsten invullen, taken bekijken en eigen rapporten terugvinden.

Projectdoel

Een centrale beheeromgeving ontwerpen waarin projecten, deelnemers, vragenlijsten, voortgang en rapportage logisch samenkomen.

Doelgroep

Consultants, HR/L&D-professionals, coaches en projectrollen die assessmenttrajecten beheren, plus deelnemers met een aparte omgeving voor vragenlijsten, taken en rapporten.

Van eerste structuur naar prototypebasis

Het platform groeide in meerdere iteraties: van globale structuurverkenning naar klikbare prototypes en later naar een consistentere basis voor verdere uitwerking.

Iteratie 01

Structuur en navigatielagen

In de eerste iteratie bracht ik in kaart welke onderdelen het platform nodig had: projecten, deelnemers, vragenlijsten, voortgang en rapportage.

Via wireframes onderzocht ik hoe deze onderdelen logisch verdeeld konden worden over primaire, secundaire en tertiaire navigatielagen.

Iteratie 02

Flows en werkprototype

In het tweede prototype werden de belangrijkste routes uitgewerkt: deelnemers beheren, vragenlijsten versturen, voortgang monitoren en rapportages voorbereiden.

De nadruk lag op flows, wizards en stap-voor-stap interacties. Het prototype hielp om keuzes met stakeholders en de externe IT-partij concreet te bespreken.

Iteratie 03

Consistente basis

In de laatste uitwerking werden patronen, states en schermvarianten consistenter gemaakt voor overdracht en doorontwikkeling.

Zo ontstond een duidelijke basis waarop nieuwe onderdelen, gebruikersrollen en rapportageflows verder konden worden uitgewerkt.

Informatie-architectuur

Tijdens de eerste wireframes is de platformstructuur stap voor stap uitgewerkt. De sitemap en flowchart groeiden mee als werkdocumenten om routes, schermgroepen en functies scherper te krijgen.

Deze structuurdocumenten hielpen om de werking van het platform bespreekbaar te maken tussen Human Insight en de developer. Tegelijk vormden ze een intern hulpmiddel om keuzes rond navigatie, projectbeheer, deelnemers, vragenlijsten en rapportage vast te leggen en verder te ontwikkelen.

Sitemap

Sitemap van het assessmentplatform met projectbeheer, deelnemers, vragenlijsten en rapportage.
De sitemap laat zien hoe de belangrijkste onderdelen van het assessmentplatform zich tot elkaar verhouden. Denk aan projectbeheer, deelnemers, vragenlijsten, rapportage en beheerfuncties. De sitemap werd gebruikt als visueel overlegdocument om de opbouw van het platform te bespreken, keuzes te toetsen en de verdere ontwikkeling te structureren.

Flowchart

Flowchart van het assessmentplatform met gebruikersroutes en processtappen.
De flowchart werkt een specifieke gebruikersroute uit binnen het platform. In dit geval is de inlogflow gebruikt als voorbeeld. Hiermee werd zichtbaar welke stappen een gebruiker doorloopt, waar beslismomenten zitten en hoe de overgang tussen schermen logisch kan worden opgebouwd.

Uitgewerkte schermen

De uitgewerkte schermen hieronder tonen verschillende onderdelen van het platform. Samen laten ze zien hoe de beheeromgeving en de mobiele deelnemersroute zijn opgebouwd.

Projectbeheer

Projectomgeving

Schermen voor het bekijken en beheren van projecten, projectgegevens en gekoppelde deelnemers.

Tweede variant van een projectbeheerscherm met overzicht en navigatie.
Projectoverzicht

Lijstweergave van alle projecten, met de belangrijkste informatie en status per project.

Wat deze case laat zien

Deze case laat zien hoe een complex assessmentproces werd vertaald naar platformstructuur, flows en klikbare prototypes.

Mijn bijdrage lag in het ordenen van projecten, deelnemers, rollen, rechten, voortgang en datastromen. Door die onderdelen als wireframes en prototypes uit te werken, werden inhoudelijke keuzes bespreekbaar en concreet.

Omdat dit een oudere case was, vond de overdracht anders plaats dan bij latere projecten. Er was nog geen intern developmentteam. Ik werkte schermen en flows uit in Sketch en InVision, deelde die met een externe developmentpartij en verwerkte feedbackrondes in het prototype.

Het resultaat was een prototypebasis waarmee het psychometrisch assessmentplatform inhoudelijk, functioneel en technisch verder besproken kon worden.

GEBRUIKTE TOOLS SketchInVisionFigma
01

Structuur

Complexe assessmentlogica zichtbaar maken

02

Flows

Beheeromgeving en deelnemersroute uitwerken

03

Overdracht

Wireframes en prototypes bruikbaar maken voor feedback en externe development