Coverafbeelding · 16:7 · Resultaten & Inzichten dashboard
In het oude platform waren leerlingresultaten verspreid over de volledige boekstructuur en tientallen klikken verwijderd. Results & Insights brengt ze op één centrale, overzichtelijke plek, gebouwd op een complexe datastructuur die eerst volledig ontrafeld moest worden voor ons ontwerp kon standhouden.
01 — Context
Results & Insights is een nieuw onderdeel binnen het digitale leerplatform van Infinitas Learning, ontwikkeld voor Plantyn en Noordhoff. De ambitie: alle resultaten van leerlingen op één toegankelijke, leesbare plek brengen voor de leerkracht.
In het oude platform waren resultaten verspreid over de volledige boekstructuur. Ze waren moeilijk te vinden, vereisten veel klikken en waren nauwelijks leesbaar in tabelvorm. Het project startte in februari 2025 en loopt vandaag nog.
02 — Probleem
Leerkrachten die een beeld wilden krijgen van hoe hun leerlingen ervoor stonden, moesten diep in de boekstructuur duiken. Er was geen gecentraliseerd overzicht, de tabellen waren slecht leesbaar en een snel klasoverzicht was simpelweg niet mogelijk.
Maar de uitdaging reikte verder dan navigatie. Achter de schermen werkten we met een uitzonderlijk complexe datastructuur: resultaten van geplande taken, ongeplande activiteiten, meerdere niveaus in de contentstructuur en leerdoelen kwamen allemaal vermengd binnen. Tel daarbij op dat 63% van onze gebruikers slechts 600px schermhoogte heeft, en de ontwerpruimte voor data werd nog verder beperkt.
Hoe geven we leerkrachten snel en eenvoudig inzicht in de resultaten van hun leerlingen, zonder hen te overweldigen met data?
03 — Mijn rol
Van februari tot juni 2025 werkte ik samen met een tweede UX Designer, een product manager en twee developers. Vanaf juni ging ik verder als enige UX Designer op het project.
Ook de productkant veranderde meerdere keren: van februari tot mei was er een eerste product manager, van mei tot september was er geen product manager, en vanaf september startte een nieuwe product manager. Daarnaast waren er ook bij development verschillende verschuivingen. Het project heeft in korte tijd veel teamwissels gekend.
Mijn verantwoordelijkheid omvatte de volledige UX-aanpak: conceptontwikkeling, informatiearchitectuur, interactieontwerp, prototyping en het opzetten en begeleiden van gebruikerstesten.
04 — Aanpak
Vele verschillende prototypes en iteraties later: van high fidelity wireframes tot interactieve Figma Make-prototypes met dummy data.
Het eindconcept werd als Figma Make-prototype getest met 12 leerkrachten. De feedback was overwegend positief; naast copy-aanpassingen kregen we ook gerichte feedback op de tabellen, die op dat moment nog niet herontworpen waren. In mei staan bijkomende user tests gepland om verder te itereren en te optimaliseren.
05 — Oplossing
De kern van de oplossing is een custom filter search bar met aangepaste interactiepatronen. De filtering werkt met twee filter groeperingen: de eerste bepaalt wat er in de tweede beschikbaar is. Om leerkrachten soepel door die complexiteit te begeleiden, openen velden automatisch en zorgen kleine animaties voor een gevoel van snelheid en eenvoud, zonder de onderliggende complexiteit zichtbaar te maken.
Omdat 63% van de gebruikers slechts 600px schermhoogte heeft, kozen we voor een filter bar met een dense state en een sidepanel voor de tweede filter group. Dat sidepanel kan ook verborgen worden om maximale schermruimte vrij te maken voor de data zelf.
Video - Interactief prototype getest in fase 4, met custom filter search bar met dense state en verbergbaar sidepanel.
Voor de datatabellen lag de focus op leesbaarheid en compactheid. We introduceerden drie density states met dense als standaard, een aangepast monolettertype voor scores en een minimaal gebruik van iconen en kleur om visuele chaos te beperken.
06 — Resultaat
Het project is intern gereleased en wordt in april 2026 uitgerold naar de scholen die deelnemen aan de betatests. De bredere uitrol naar alle leerkrachten secundair onderwijs staat gepland voor september 2026.
| Outcome | Impact |
|---|---|
| Gebruikerstesten | Leerkrachten vinden resultaten sneller en ervaren de tabellen als overzichtelijker |
| Interviewfeedback | Overwegend positief doorheen alle testrondes; eindconcept bevestigd door 12 leerkrachten |
| Beta-uitrol | April 2026 live voor deelnemende scholen |
| Volgende fase | Nieuwe user tests in mei, daarna actionable insights en leerdoelkoppelingen in de volgende release |
In elke testronde klikten gebruikers meteen door naar de inzichten, een sterk signaal dat de volgende fase, actionable insights en leerdoelkoppelingen, de juiste richting is.
07 — Reflectie
User needs shape what we build, Information architecture determines whether it works.
Wat goed ging: Voor de filter bar ben ik een custom filterinteractie beginnen ontwikkelen. Concepten die strikt de standaard design system-regels volgden met eenvoudige dropdowns voelden trager, saaier en namen meer plaats in. Het aangepaste filtercomponent maakte de flow vlotter en liet ons tegelijk klassen en leerlingen combineren in één filter. Tegelijk zorgde de IA-doorbraak ervoor dat onze patronen eindelijk stabiel bleven in plaats van telkens te breken bij implementatie.
Wat ik anders zou doen: In de eerste fases ontwierpen we te snel vanuit gebruikersnoden zonder de onderliggende data te begrijpen. Die combinatie van UX én informatiearchitectuur had vroeger in het proces aanwezig moeten zijn.
Wat ik leerde: Goede UX bouwt ook op een goed begrip van de data. Informatiearchitectuur is niet alleen een deliverable, het is de reden waarom je ontwerp al dan niet werkt in productie.