SVNL + xFakt
Alle verkeersregelaars in Nederland moeten een online cursus volgen om een certificaat te behalen dat zij nodig hebben om op bijvoorbeeld events het verkeer te mogen managen. Digital Agency xFakt beheert dé online leeromgeving waarop deze cursus staat. Zij waren toe aan een betere gebruikersbeleving en daarom zijn wij samen aan de slag gegaan om de leeromgeving opnieuw te ontwerpen.
Opdrachtgever
xFakt
Jaar
2022
Expertise
Creative Concepting | UX Design
Hoe kunnen we een moderne & toegankelijke leeromgeving creëren?
Alle verkeersregelaars in Nederland volgen dezelfde cursus op de e-learning omgeving van Stichting Verkeersregelaars Nederland (SVNL). Omdat deze leeromgeving echter al een paar jaar oud was, sloot de beleving niet meer aan bij de behoeften en verwachtingen van de doelgroep.
Daarom zijn wij aan de slag gegaan om een geheel nieuwe beleving te ontwerpen die beter past bij de gebruikers en een moderne touch heeft. En dat terwijl wij tegelijkertijd veel aandacht hebben besteed aan digi-toegankelijkheid (WCAG).
Denken vanuit
de gebruiker
Tijdens UX sessies zijn wij samen met het team van xFakt en SVNL aan de slag gegaan om helemaal in te duiken op de gebruikers. De doelgroep voor de leeromgeving is enorm divers waardoor het een uitdaging was om een helder beeld te krijgen van onze gebruikers. Wij hebben daarom vooral gekeken naar overeenkomende behoeften, frustraties en doelen en daar ons ontwerp op gebaseerd.
De klantreis
begrijpen
Met de gebruiker voor ogen hebben wij vervolgen een user journey uitgewerkt om een beeld te krijgen van de gehele klantreis. Wij wilden met name weten hoe gebruikers op de e-learning terecht komen en wat na de cursus gebeurt. Toen wij dit eenmaal helder hadden, zijn wij de leeromgeving ingedoken en hebben wij user flows uitgewerkt om te bepalen wat wij aan de structuur van de e-learning willen aanpassen.
Een toegankelijk en modern design
Tijd om de pixels in te duiken! xFakt had al een aanzet voor een nieuw design staan dus hebben wij deze als uitgangspunt gebruikt. Hierin hebben wij aanpassingen gedaan zodat het ontwerp voldoet aan bepaalde voorwaarden voor digitoegankelijkheid. Met deze WCAG proof branding hebben wij uiteindelijk de gehele user flow ontworpen. We zijn mobile first aan de slag gegaan omdat het grootste gedeelte van de gebruikers de e-learning via hun mobiel gebruikt.
Wist je dat er een wet is die stelt dat jij je goederen en diensten zo toegankelijk mogelijk moet aanbieden?
Darkmode en flexibele branding
Omdat de e-learning omgeving soms door grote organisaties aan de doelgroep wordt aangeboden had xFakt een leuk idee: Wij wilden onderzoeken hoe wij de branding van een andere organisatie terug kunnen laten komen in de leeromgeving zonder concessies op de digitoegankelijkheid. Daarom hebben wij een logica bedacht waarmee enkele kleuren WCAG-proof aangepast kunnen worden waardoor de e-learning gelijk een heel andere look&feel krijgt. Ook hebben we een dark-mode gecreëerd waarmee gebruikers de tool in donkere kleuren kunnen gebruiken. Super tof om te zien!
Het design over- dragen naar DEV
Gedurende het hele proces was het team van xFakt en SVNL nauw betrokken. Wij zijn echt vanuit een co-creatie met ze aan de slag gegaan! Om het project dan ook gezamenlijk af te ronden, hebben wij een hand-off sessie op het kantoor van de agency gedaan. Daarin hebben wij het design overgedragen aan het DEV team en uiteindelijk gezamenlijk gereflecteerd en geborreld.
Wil jij ook aan de slag met jouw UX design traject op maat?
- RGratis & vrijblijvend
- RKennis maken en kansen ontdekken
- RAanpak op maat
- RGratis & vrijblijvend
- RKennis maken en kansen ontdekken
- RAanpak op maat
Het eindresultaat dat jullie hebben opgeleverd is zeer volledig! Naast een aantal in detail uitgewerkte schermen hebben jullie ons achtergelaten met een stevige basis voor toekomstige designs.
We hebben voor deze e-learning een sterke startpagina ontworpen om de gebruiker te enthousiasmeren over de cursus.
Met deze pagina wilden we ook meteen duidelijke verwachtingen communiceren.
Ook hebben we een dark-mode gecreëerd waarmee gebruikers de tool in donkere kleuren kunnen gebruiken.