Het development project
Tijdens dit project kregen we de opdracht om de website van Cardan uit te breiden en de zogenaamde “stations”
digitaal te realiseren. Dit hield in dat we interactieve onderdelen hebben toegevoegd waarmee gebruikers –
waaronder mensen met een visuele of auditieve beperking – op een toegankelijke manier door de informatie kunnen
navigeren. Tom en ik hebben ervoor gekozen om alleen een deel van de visuele beperkingen te digitaliseren.
Dit komt doordat deze beter waren uitgewerkt in de prototypes en auditieve dingen zijn best moeilijk om te
digitaliseren zonder er zelf een filmpje van te moeten maken.
Hier zijn een paar plaatjes van hoe het eruit moest komen te zien:
Git en Figma
Hier is de git link voor het project:
Git
En als je de volledige Figma wilt bekijken,
klik hier!
Usertesten
Ik heb 3 usertesten gedaan. Hierbij heb ik vooral gekeken of de gebruikers goed door de pagina heen konden navigeren, of de
knoppen goed stonden en of de tekst allemaal duidelijk was wat er stond.
Bij de eerste test was er uitgekomen dat er nog een paar knoppen niet goed te vinden waren en dat niet al de
knoppen dezelfde kleur waren, dus heb ik de knopkleuren allemaal hetzelfde gemaakt. En de knop die niet goed
te zien was, heb ik op een duidelijkere plek neergezet.
Bij de 2e usertest kwam eruit dat er een paar zinnen waren die niet goed gespeld waren en dat er op
verschillende plekken woorden waren vergeten. Ook dat de tekst links uitgelijnd moest worden en dat er
niet een juist pagina tussendoor moest komen, maar dat je lekker door kon klikken.
Ik heb na deze usertest de tekst links uitgelijnd, dit was eerst gecentreerd. Ook heb ik de uitleg erbij
geschreven wat de betekenis is van de beperking, want anders weet niemand wat voor soort beperking
het is en wat ze kunnen verwachten. Dit heb ik op elke pagina zo gedaan.
Daarna heb ik nog een laatste usertest gedaan om te kijken of het allemaal goed was. Hier had ik eigenlijk
geen feedback gekregen op de site, het liep allemaal lekker door en het was allemaal duidelijk wat je allemaal moest doen.
Dus hierna heb ik geen veranderingen meer gemaakt aan de website.
Uiteindelijk hebben we na de presentatie nog de feedback van de docenten gekregen dat het handig is dat je
niet lineair door de pagina moet bewegen, maar dat je ook door kan klikken naar een andere opdracht, zodat je
bijvoorbeeld niet elke keer alle opdrachten moet doen voordat je bij de laatste opdracht bent. En dat het
minder speels moest zijn, dat het meer op de realiteit leek. Het laatste was dat we ook een afrondingspagina
konden maken als je de simulatie hebt afgerond.
Dus als ik nog verder met dit project zou gaan, zou ik als eerste veranderen dat er een knop is waarmee je
een level kan skippen, want dat is toch wel het belangrijkste punt wat we hebben meegekregen.
Bij de eerste test was er uitgekomen dat er nog een paar knoppen niet goed te vinden waren en dat niet al de knoppen dezelfde kleur waren, dus heb ik de knopkleuren allemaal hetzelfde gemaakt. En de knop die niet goed te zien was, heb ik op een duidelijkere plek neergezet.
Bij de 2e usertest kwam eruit dat er een paar zinnen waren die niet goed gespeld waren en dat er op verschillende plekken woorden waren vergeten. Ook dat de tekst links uitgelijnd moest worden en dat er niet een juist pagina tussendoor moest komen, maar dat je lekker door kon klikken. Ik heb na deze usertest de tekst links uitgelijnd, dit was eerst gecentreerd. Ook heb ik de uitleg erbij geschreven wat de betekenis is van de beperking, want anders weet niemand wat voor soort beperking het is en wat ze kunnen verwachten. Dit heb ik op elke pagina zo gedaan.
Daarna heb ik nog een laatste usertest gedaan om te kijken of het allemaal goed was. Hier had ik eigenlijk geen feedback gekregen op de site, het liep allemaal lekker door en het was allemaal duidelijk wat je allemaal moest doen. Dus hierna heb ik geen veranderingen meer gemaakt aan de website.
Uiteindelijk hebben we na de presentatie nog de feedback van de docenten gekregen dat het handig is dat je niet lineair door de pagina moet bewegen, maar dat je ook door kan klikken naar een andere opdracht, zodat je bijvoorbeeld niet elke keer alle opdrachten moet doen voordat je bij de laatste opdracht bent. En dat het minder speels moest zijn, dat het meer op de realiteit leek. Het laatste was dat we ook een afrondingspagina konden maken als je de simulatie hebt afgerond. Dus als ik nog verder met dit project zou gaan, zou ik als eerste veranderen dat er een knop is waarmee je een level kan skippen, want dat is toch wel het belangrijkste punt wat we hebben meegekregen.