Van frustrerende chaos naar een intuïtieve beheerpagina
Wat ooit begon als een relatief eenvoudig systeem voor het uitrollen van e-learning via vouchers en leerreizen, was inmiddels uitgegroeid tot een complex geheel vol onduidelijke keuzes, verwarrende datums en omslachtige handelingen.
De wens? Klanten in de toekomst hun eigen programma’s laten beheren.
De uitdaging? Een UI ontwerpen die dat realistisch maakt.
Het probleem
Beheerders liepen vast in een spinnenweb van opties. Modules verschuiven betekende handmatig datums aanpassen. Het verschil tussen “releasedatum” en “dagen vanaf start” was onduidelijk. De interface was allesbehalve klantvriendelijk — laat staan geschikt voor self-service.
Mijn opdracht
Ontwerp een nieuwe beheerinterface die:
✔ Technisch complexe logica ondersteunt.
✔ Eenvoudig genoeg is voor klanten om zelf mee te werken.
✔ Past binnen de bestaande visuele stijl van het platform.
Neem als functionele eisen mee:
✔ Reken vanaf start deelnemer of start organisatie.
✔ Datum en dag-aantal kunnen kiezen.
✔ Instelbaar standaard interval tussen modules.
Conceptfase
Bij het ontwerpen heb ik de volgende uitgangspunten gehanteerd:
- Herkenbaarheid behouden.
Het ontwerp moest een balans bieden tussen gebruiksvriendelijkheid en de benodigde beheerfunctionaliteiten. - Technisch draagvlak behouden.
De huidige werkwijze moest deels herkenbaar blijven om draagvlak binnen de organisatie te behouden. Een te afwijkend ontwerp zou niet worden geaccepteerd. - UI patterns voor overzicht.
De interface van de leerreis moest overzichtelijker worden gemaakt door gebruik te maken van gangbare UI-patterns en door overbodige informatie te verwijderen. - Drag & drop voor modules.
Modules kunnen via drag & drop worden verplaatst, zodat het aanpassen van de volgorde intuïtiever aanvoelt. - Consistent met bestaande stijlen.
Zowel de pagina indeling (links info en rechts aanpassen) als de herkenbare paarse accenten voor verplichte onderdelen. - Toepasbaar voor klantomgevingen.
Voor de klantomgevingen waar andere huisstijlen worden toegepast moet deze pagina ook inzetbaar zijn. - Compacte visuele weergave.
Door te focussen op de kernactiviteit van de gebruiker en alleen te behouden wat daarvoor nodig is kon het geheel compact en overzichtelijker worden gemaakt.
Eerste oplevering
Na de presentatie van bovenstaande ontwerpen aan de beheer medewerkers bleek dat:
✔ Drag & drop gewaardeerd werd
✔ Vinkjes prettiger waren dan dropdowns
✔ Het herkenbare ‘boekje’ gewenst waren bij modules
Met die feedback heb ik vervolgens onderstaande versies opgeleverd:
Tweede oplevering
Versie 1 – Toekomstgericht
Focus op automatisering met een standaard interval tussen modules. Minder vrijheid in het handmatig aanpassen van data, maar wel een overzichtelijke en intuïtieve flow. Ideaal voor nieuwe klanten die snel willen starten.
Versie 2 – Praktisch toepasbaar
De intervaloptie bleef handmatig, maar de interface was flink opgeschoond. Deze versie vereiste minimale technische aanpassingen en kon op korte termijn uitgerold worden.
Vervolg van dit project
Na het presenteren van beide ontwerpen is gekozen voor de toekomstgerichte versie 1, waarin de drag & drop-functionaliteit centraal staat. Ik ben trots dat mijn ontwerp heeft bijgedragen aan het omarmen van deze vernieuwde manier van werken.
De komende periode werk ik het definitieve design verder uit, inclusief de weergave van verschillende statussen. Vervolgens wordt de technische opzet gerealiseerd, waarna ik de details verder zal verfijnen. Zodra de eerste versie gereed is, start een pilot met een testgroep van klanten die de nieuwe interface in de praktijk gaat gebruiken. Op basis van hun feedback zal het ontwerp verder geoptimaliseerd worden, zodat het eindresultaat optimaal aansluit bij de behoeften van de gebruikers.