Wat is cardan?

In dit project hebben we een digitale oplossing ontworpen voor Cardan, een organisatie die zich inzet voor het verbeteren van digitale toegankelijkheid voor iedereen, met speciale aandacht voor mensen met een auditieve of visuele beperking. Cardan is gespecialiseerd in het testen, adviseren en optimaliseren van websites, apps en digitale systemen, zodat deze voldoen aan de richtlijnen voor digitale toegankelijkheid, zoals vastgesteld in de WCAG (Web Content Accessibility Guidelines).

Om goed inzicht te krijgen in de behoeften van de doelgroep, hebben we verschillende testconcepten ontwikkeld waarmee we auditieve en visuele beperkingen konden simuleren. Deze ervaringen hielpen ons om knelpunten in digitale gebruikservaringen beter te begrijpen.

Op basis daarvan hebben we een toegankelijke en gebruiksvriendelijke website ontworpen, die aansluit bij de wensen van Cardan en de eindgebruikers. Toegankelijkheid stond in elke stap van het ontwerpproces centraal.


Headers en Footers

Ik heb gewerkt aan verschillende headers en footers om de navigatie op de website te verbeteren. Zo kan iedereen die heeft geholpen met ontwerpen en testen gemakkelijk de informatie vinden die ze nodig hebben. De headers bevatten duidelijke labels en pictogrammen, zodat gebruikers snel kunnen vinden wat ze zoeken. En de footers bevatten links naar belangrijke secties van de website, zoals contactinformatie en veelgestelde vragen. Dit hielp gebruikers om gemakkelijk door de site te navigeren, ongeacht hun beperking.

Headers

Header voorbeeld 1 Header voorbeeld 2 Header voorbeeld 3 Header voorbeeld 4 Header voorbeeld 5 Header voorbeeld 6 Header gekozen

Footers

Footer voorbeeld 1 Footer voorbeeld 2 Footer voorbeeld 3 Footer voorbeeld 4 Footer voorbeeld 5 Footer voorbeeld 6 Footer gekozen

gemaakte designs

Ik heb verschillende designs gemaakt waarin de focus lag op toegankelijkheid en gebruiksvriendelijkheid. Deze designs zijn ontworpen om ervoor te zorgen dat de website gemakkelijk te navigeren is voor mensen met verschillende beperkingen, zoals visuele en motorieke beperkingen.

Design voorbeeld 1 Design voorbeeld 2 Design voorbeeld 3 Design voorbeeld 4

Testconcepten visuele beperking

Ik heb ook testconcepten ontwikkeld om visuele beperkingen te simuleren, zoals tunnelvisie en slechtziendheid. Tunnelvisie simuleert een beperkt gezichtsveld, waardoor gebruikers alleen een klein deel van de pagina kunnen zien. Dit hielp ons te begrijpen hoe gebruikers met tunnelvisie de website ervaren. Slechtziendheid simuleert een verminderd zichtsvermogen, waardoor gebruikers moeite hebben met het lezen van tekst en het zien van afbeeldingen. Door dit te hebben onderzocht, weet ik welke aanpassingen nodig waren om de toegankelijkheid te verbeteren, zodat iedereen de pagina's goed kan bezoeken.

Tunnelvisie simulatie Tunnelvisie en slechtziend Slechtziend Vlek midden Vlek links Vlek rechts

Testconcepten auditieve beperking

Ik heb ook twee testconcepten ontwikkeld om auditieve beperkingen te simuleren, zoals een tinnitus ervaring. Daar hoor je de hele tijd een piep op de achtergrond van het filmpje. En slechthorendheid, daar hoor je verschillende dingen door elkaar, zodat je minder goed kan focussen op de vraag die er wordt gesteld. Dit hielp ons te begrijpen hoe gebruikers met slechter gehoor de website ervaren.

tinnitus ervaring slechthorendheid

Figma

Als je de volledige Figma wilt bekijken, klik hier!

Usertesten

Ik heb verschillende usertesten gedaan. Dit heb ik gedaan door de site te laten zien en er vragen over te stellen. Bij deze vragen heb ik gelet op wat ze van de pagina vonden, hoe het er uitzag of het overzichtelijk was of juist niet. Ik heb de antwoorden van de usertesten bij elkaar gezet en geanalyseerd om te zien welke elementen goed werkten en waar nog verbeterpunten lagen.

Hier zijn de samengevoegde antwoorden van de usertesten:

1. De linkse, want daar is het contrast groter, met de zwart-witkleuren.
2. Paarse knoppen, die vallen het meeste op. Daarna op deals, omdat die daarna het meeste opvallen.
3.1 Op het palmboompje, die ziet er het meest tropisch uit.
3.2 Op de knop met budget, dat is wel logisch, vindt hij.
3.3 Op het plaatje van de vakantie, daar vind je meestal de details.
3.4 Ja, het is overweldigend, er zijn te veel kleuren en tekst op elkaar.
4. De adviesprijs, dat hij 300 euro is afgeprijsd, er zijn 4 bieders, ik heb nog 37 seconden over, er zitten verplichte veilingkosten aan vast.
5. Allesbehalve duidelijk, je ziet niks meer.

Antwoorden open vragen:

1. Ik vind het goed, zodat mensen hierbij stil gaan staan hoe belangrijk het is
2. Ja, dat het belangrijk is dat een site duidelijk en toegankelijk is voor iedereen.
3. Alleen bij kokervisie.
4. Nee, is niet duidelijk en te druk.
5. Nee, de opties moeten bovenaan staan, en deals staat te ver naar onder bij de homepage.
6. Ja, is goed toegankelijk, spreekt doelgroep aan.
7. Ja, hoe laat en wanneer de vluchten zijn.
8. Te druk, want te veel kleuren en te veel tekst op elkaar.
9. De aangepaste is een stuk drukker en dus ook moeilijker de goede knoppen te vinden.
10. Ja, de lettertypes wel, het is goed te lezen, maar de kleuren zijn te druk voor mij en er staan te veel dingen op elkaar.
11. 2, 4, 6, 12 voelen kut aan, dus de aangepaste pagina’s zijn niet zo fijn om te gebruiken als de normale pagina’s.
12. Ik heb gevonden wat ik zocht, maar het was wel een beetje zoeken.
13. Ja, dat zou wel kunnen.
14. Bij de details cognitief staan er 2 tijden en dat is verwarrend.
15. Niet overzichtelijk, te veel kleuren en te veel tekst, de positionering van de tekst.

Feedback

Carolina:

Carolina gaf aan dat het waardevol zou zijn om ook een customer journey toe te voegen aan het project. De huisjessimulatie zou volgens haar sterker worden als deze meer als een dagelijkse en herkenbare situatie gepresenteerd wordt, zodat de gebruiker zich er beter in kan verplaatsen. Ze vond het woordtyp-concept sterk, vooral doordat het tijdsgebonden element de ervaring realistisch maakte. Over het algemeen vond ze dat we goede en diverse concepten hadden uitgewerkt. Ze gaf aan dat ze het vooral leuk vindt als zulke ervaringen worden verwerkt in een gamevorm. Daarnaast vond ze het positief dat we duidelijk uitlegden wat de gebruiker moest voelen, zoals frustratie. Ze vond het een goed idee dat de gebruiker eerst gefrustreerd wordt, om daarna empathie op te roepen.

Anke:

Anke vond dat we de presentatie goed en professioneel hadden voorbereid. Ze vond dat Eline het concept duidelijk vertelde, al gaf ze aan dat het concept sterker had kunnen worden met meer visuele ondersteuning. We kwamen als groep professioneel over doordat we vragen hadden voorbereid en goed samenwerkten. Ze vond het leuk dat we meerdere concepten hadden uitgewerkt en dat het duidelijk was wat we wilden overbrengen. Bij het auditieve onderdeel vond ze dat we een sterke test hadden bedacht. Het was goed dat er een toetsmoment in zat, omdat dit voor ons meetbaar maakt wat het effect is, en voor de gebruiker duidelijk maakt dat het écht niet lukt zonder hulpmiddelen.

Reflectie op het project Cardan

In dit project heb ik veel geleerd over het ontwerpen van digitale oplossingen die rekening houden met verschillende beperkingen, zoals auditieve en visuele beperkingen. Het was interessant om eerst diepgaand onderzoek te doen naar auditieve beperkingen en de symptomen ervan. Hierdoor kon ik beter begrijpen wat mensen met deze beperkingen ervaren en hoe je dat kunt simuleren in een digitale omgeving. Het bedenken van testconcepten vond ik uitdagend, vooral omdat we later hebben besloten de auditieve simulaties niet te gebruiken in de eindopdracht. Dat was een belangrijk leerpunt: soms passen ideeën niet helemaal in het eindresultaat en moet je flexibel zijn.

De visuele testconcepten, zoals de tunnelvisie simulatie, waren praktisch en concreet, en het was tof om te zien hoe zo’n simpele simulatie toch veel inzicht kan geven in een beperking. Samenwerken met de groep en overleg met de stakeholder hielpen ons om keuzes te maken die echt aansluiten bij de wensen van het bedrijf.

Wat ik nog wil verbeteren is het koppelen van mijn onderzoek nog duidelijker aan het ontwerp, zodat het proces nog sterker wordt. Ook wil ik nog beter leren samenwerken en communiceren binnen een projectteam.

Al met al ben ik tevreden met wat we hebben bereikt en heb ik veel geleerd over het ontwerpen voor toegankelijkheid en het belang van gebruiksvriendelijkheid.
Bij dit project heb je te maken met LO 1, 3, 4 en 5.
Als je het volledige project van Cardan wilt zien, klik dan hier!