Jaarlijks wordt eur.nl miljoenen keren bezocht. Het lijkt vanzelfsprekend dat onze website goed werkt, maar om dit te realiseren wordt er achter de schermen hard gewerkt door het team van Nicole Groen en Dennis Cohn. Onlangs zijn er veel verbeteringen doorgevoerd om de website nog gebruiksvriendelijker te maken, vertelt Dennis. 鈥淒e website is voor de bezoeker nu veel rustiger. Ook de sfeer die we als EUR willen uitstralen komt beter tot zijn recht. Kijk alleen al naar de header.鈥
Een website is er natuurlijk voor de bezoekers. Daarom is er dit jaar uitgebreid onderzoek gedaan naar wat de bezoekers vinden van . 鈥淗et design was meer dan vijf jaar oud. Het werd dus ook wel tijd voor een opfrissing. We zijn gestart met onderzoek naar de header, het vlak bovenaan alle webpagina鈥檚. Er zat een gekleurde vorm overheen, de 鈥榮woosh鈥. Hierdoor kwam het beeld niet goed naar voren en was het voor de redacteuren lastig om een goede foto te vinden.鈥, vertelt Dennis Cohn, Drupal Front-end Developer. Drupal is het CMS-programma waar eur.nl op draait. 鈥淜ijk nu naar de header. Deze oogt veel rustiger en frisser. Je ziet nu daadwerkelijk de foto. De beleving van de pagina is beter geworden en dat is op alle pagina鈥檚 doorgevoerd. Uit het onderzoek blijkt ook dat bezoekers een duidelijke voorkeur hebben voor dit design.鈥
Vernieuwde webpagina鈥檚 voor alle studies
Het team van Nicole en Dennis heeft op basis van de onderzoeksresultaten veel verbeteringen in de website doorgevoerd. Deze zijn voor de bezoeker terug te zien in de aanpassingen aan het design. 鈥淲e zijn overgestapt naar ronde hoeken en meer witruimte. Dat komt op alle pagina鈥檚 terug en maakt het meer een geheel. Doordat er minder verschillen zijn, is het veel rustiger鈥, vertelt Nicole, die zich als Product Owner Drupal bezighoudt met alle technische verbeteringen aan de website.
Standaardiseren is het woord dat elke keer terugkomt. Dennis: 鈥淩edacteuren hadden heel veel vrijheid om pagina鈥檚 van opleidingen op te maken. Daardoor was er veel verschil tussen webpagina鈥檚 van verschillende studies. Vanuit ons onderzoek kregen we deze feedback ook terug. Het was onduidelijk voor studiekiezers. Ik heb een paar keer geprobeerd mezelf in te schrijven voor verschillende studies. Dat lukte gewoon niet, omdat de aanmeldknop zo verstopt zat. Daar konden de redacteuren eigenlijk niet veel aan doen, er waren gewoon te veel opties.鈥
Duidelijke route voor bezoeker
Nu zien de webpagina鈥檚 van verschillende studies er veel meer hetzelfde uit. Met verbeteringen is de route die de bezoeker aflegt op de website duidelijker gemaakt. Nicole: 鈥淲e hebben onderaan de pagina鈥檚 twee knoppen geplaatst: vorige en volgende. We zien al dat deze heel veel worden gebruikt. Je kan nu makkelijk door het hele verhaal van een studie lopen.鈥 Volgens Dennis is ook de visuele beleving nu beter: 鈥淏ij de 鈥榝acts en figures鈥 over een studie hebben we icoontjes toegevoegd. Het ziet er speelser en duidelijker uit. Het spreekt meer aan. Het mooie van deze aanpassingen aan de studiepagina鈥檚 is dat we dit ook kunnen meenemen in de rest van de website.鈥
De focus verschuift ook steeds meer naar mobiel. Van ons bezoek is 58% desktop en 42% mobiel. Dennis: 鈥淶eker voor studieprogramma鈥檚. De jonge generaties doen veel op hun mobiel en studiekiezers al helemaal. Op mobiel hebben we het menu van de studieprogramma鈥檚 naar boven gehaald in een vaste menubalk. Dat zat eerst verstopt onderaan de inhoud.鈥
Accessibility: voor iedereen toegankelijk zijn
Je wilt als organisatie dat je webpagina鈥檚 voor iedereen toegankelijk zijn. Dat heet ook wel Digitale toegankelijkheid WCAG2.0 of in het Engels 鈥榓ccessibility鈥. Dennis heeft een eenvoudig voorbeeld: 鈥淪ommige mensen kunnen geen muis gebruiken, daarom moet je met de tab-knop door de pagina kunnen navigeren. De volgorde moet dan kloppen zodat je niet kriskras over een pagina wordt geleid. Een ander belangrijk aspect is dat de contrasten overal hoog genoeg zijn en dat de alternatieve teksten van knoppen en plaatjes goed zijn ingevuld. Voor slechtzienden moeten deze voorgelezen worden, dus belangrijk dat dit technisch goed staat.鈥
Binnenkort moet dit ook voor de wet goed geregeld zijn. 鈥淛e moet als organisatie zorgen dat de content toegankelijk is voor mensen met een beperking. Dat kan op allerlei vlakken zijn, van visueel tot dyslexie of ADHD鈥, vertelt Nicole, die al sinds 2000 werkzaam is bij EUR. 鈥淕elukkig zijn we al een heel eind.鈥 Er is een scan gemaakt van een deel van eur.nl. Er is gekeken naar de content en de achterliggende techniek. Dennis: 鈥淣a de scan hebben we de website technisch in orde gemaakt. We voldoen alvast aan de richtlijnen.鈥
Het team van Nicole en Dennis is nog lang niet klaar. Er zijn altijd verbeteringen mogelijk. Nicole: 鈥淲e werken nu aan een nieuwe inrichting van de zoekfunctie op de website, zodat je sneller bij de juiste content terecht komt en hierbij de bezoeker meer bij de hand meeneemt.鈥 Dat doet het team gelukkig weer een dag in de week op de campus. Dennis: 鈥淗eel fijn dat dat weer kan. Het is een kleine traditie om dan een broodje te halen bij de HAS. Ze weten ook precies ieders bestelling. Een goede brandstof om te bouwen aan een nog betere website.鈥
- Meer informatie
In de categorie 鈥楨ducatie & Opleiding鈥 is de EUR-website ook genomineerd voor Website van het Jaar 2021. Tot de week van 15 november kan er gestemd worden. Zorg dat we de prijs binnenslepen en stem op ons:
