De vorige testronde gaf aan dat de introductie goed kan werken, mits deze goed geimplementeerd wordt. Zo bleek dat de volgende en vorige knoppen erg goed werkte, maar het moeten klikken op specifieke elementen minder goed werkte.
De introductieschermen werden daarom weer aangepast. Er worden alleen volgende en vorige knoppen gebruikt en er wordt eerst nog door leesbaarheidinstellingen getoond. Hierdoor kan de gebruiker rustig stap voor stap de website zo naar haar of zijn voorkeuren instellen.
Wanneer de gebruiker voor het eerst op de website komt of als er geen cookies zijn opgeslagen, krijgt de gebruiker dit scherm te zien. Hier heeft de gebruiker de keuze om wat leesbaarheid ofwel toegankelijkheidsinstellingen in te stellen.
Figuur 1 | Introductie leesbaarheidsinstellingen
Uit de vorige test bleek dat er 1 oudere was die de kartelrand vervelend en storend vond. Er zijn natuurlijk ouderen die al wel wat ervaring hebben op websites en zo’n afleidende rand niet prettig vinden. Daarom wil ik de gebruiker de keuze geven om dit aan of uit te zetten. Er wordt daarnaast ook een aanbeveling gegeven wanneer je deze instelling het best wel of niet kunt gebruiken.
Uit de testen bleek dat het selecteren van een kader erg duidelijk was voor de ouderen. Toch is hier voor gekozen om een grotere conversie te creëren door er ook knoppen in de kaders te zetten. Aangezien dit in het begin van de website wordt gevraagd, wil ik ervoor zorgen dat het voor de gebruiker super duidelijk is wat er gedaan moet worden.
Figuur 2 | Selectie kartelrand
Na de selectie is het geselecteerde item vergroot en gekleurd en wordt er tekstueel uitgelegd dat er op de rode knop gedrukt kan worden om verder te gaan met de betreffende instelling.
Figuur 3 | Selectie kartelrand - Geen kartelrand geselecteerd
Figuur 4 | Selectie kartelrand - Kartelrand geselecteerd
Na de selectie om klikbare elementen te verduidelijken heeft de gebruiker direct de mogelijkheid om de tekst naar wensen te vergroten. Aan de hand van een voorbeeld kan de tekst vergroot worden met de knoppen ernaast.
Figuur 5 | Tekst vergroten - standaard
De titels, koppen en tekst op het scherm worden ook automatisch aangepast naar deze instellingen.
Figuur 6 | Tekst vergroten - large
Figuur 7 | Tekst vergroten - extra large