De uitdaging
De Centraal Beheer app werd steeds intensiever gebruikt en was toe aan een nieuwe versie. Niet zomaar een opfrisbeurt, maar een nieuw fundament: een structuur die stevig genoeg is om jarenlang op door te bouwen, voor de miljoenen klanten die de app elk jaar openen. Eén verkeerde keuze in zo'n basis tikt door in elk scherm dat erop volgt, dus de inzet was hoog.
De vraag was dus niet alleen "hoe ziet het eruit?", maar vooral "hoe zit het in elkaar?". Hoe ontwerp je een fundament waarop ontwerpers, ontwikkelaars en business jarenlang verder kunnen, zonder dat het kraakt zodra er een nieuw product of een nieuwe functie bijkomt?
Het begint bij de mens
Een fundament bouw je niet op aannames. Vanuit de doelgroep, de persona's en het productenaanbod ben ik de nieuwe structuur gaan opzetten. Wie zijn de mensen die deze app openen, en wat komen ze doen? De zorgeloze gemakzoeker die snel geholpen wil worden verwacht iets heel anders dan de onderzoekende kwaliteitszoeker die alles zelf wil afwegen.
Twee uitersten in één app: de gemakzoeker die snel verder wil, en de kwaliteitzoeker die alles zelf wil afwegen.
Een app als lagen
De doorbraak zat in een eenvoudig idee: je kunt een app zien als een stapel lagen. Hoe navigeren gebruikers door die lagen heen? Vanuit dat principe ontstond een heldere logica voor de drie kernhandelingen die klanten steeds opnieuw doen: zaken inzien, zaken bewerken en nieuwe zaken toevoegen.
Elke laag kreeg zijn eigen gedrag en animatie. Een basislaag waar je binnenkomt, een productlaag die van opzij inschuift met een vaste terugknop, en een funnellaag die van onderen verschijnt en met een kruisje sluit. Daarbovenop nog een overlay-systeem voor verdiepende informatie. Voorspelbaar, consistent, en eindeloos uitbreidbaar.
De volledige flow door de app, gevangen in drie lagen: van dashboard naar product naar funnel, met shortcuts waar dat de gebruiker tijd scheelt.
Van laag naar interactie
Met het lagenmodel als ruggengraat kon ik inzoomen op het interactieontwerp. Welk element hoort op welke plek, en hoe gedraagt het zich als lagen over elkaar schuiven? Wat gebeurt er met de basislaag wanneer een detaillaag eroverheen valt, en hoe sluit je dat weer netjes af?
Elke laag tot in detail uitgewerkt: waar zit de sluitknop, wat gebeurt er bij off-canvas tikken, en hoe stapelt het beeld zich op.
Dit was geen rechte lijn van idee naar ontwerp. Er vonden ontzettend veel iteraties en tests plaats, elke ronde een verbetering op het vorige idee. Ontwerpen, toetsen, bijschaven, opnieuw.
Een greep uit de vele iteraties: dashboards, productpagina's, funnels en accountschermen, telkens een slag scherper.
Constant toetsen aan de werkelijkheid
Een fundament is alleen sterk als het klopt met hoe mensen het echt gebruiken. Daarom is op verschillende momenten onderzoek gedaan naar de werking van concepten, mini-uitwerkingen en losse UI-elementen. Geen onderzoek om af te vinken, maar om elke keer een concrete verbetering op het bestaande idee te vinden.
Eén onderzoeksronde: vijftien deelnemers liepen het prototype door, verdeeld over realistische taken rond wonen en geldzaken.
Uit het onderzoek met deelnemers rolden concrete aanbevelingen: duidelijker maken dat producten 'van jou' zijn, toptaken visueel ordenen, en de hiërarchie van het dashboard aanscherpen.
Een sterk fundament ontwerp je niet in één keer goed. Je ontwerpt het, toetst het bij echte gebruikers, en verbetert het, ronde na ronde.
De oplevering
Het eindresultaat is geen losse verzameling schermen, maar een complete Figma-file waarin alles vastligt: de interactiepatronen, de navigatiepaden, dark mode, en de volledige uitwerking voor zowel mobiel als iPad. Een blauwdruk waarmee ontwerpers en ontwikkelaars meteen aan de slag kunnen, zonder telkens het wiel opnieuw uit te vinden.
De opgeleverde Figma-file: elke pagina beschreven qua interactie, navigatie en states, klaar voor mobile en iPad, licht en dark mode.
Daarmee is dit project precies wat het wilde zijn: niet het eindpunt, maar het startpunt. Een doordacht fundament, getoetst aan de werkelijkheid, waarop teams jaren vooruit kunnen.