Freelance Usability Designer

De NORM UX studio helpt studio's bij piekdrukte met snelle, data-gedreven Accessibility inzichten.

Beschikbaarheid

Momenteel beschikbaar voor 8 tot 16 uur per week. Ik kom graag naar kantoor in Den Haag voor kick-offs, maar werk voornamelijk remote.

Mijn Usability diensten

Behapbare pakketten om jouw team direct te ontlasten

De UX-Audit

Ik scoor jouw prototype of app op usability heuristieken.

Je krijgt:

Een lijst met 'quick wins'

Micro User Testing

Ik voer 5 gerichte tests uit op een specifieke flow.

Je krijgt:

Videoclips & beknopt rapport

WCAG Quick Check

Ik scan je design op digitale toegankelijkheid.

Je krijgt:

Een WCAG-gap analyse

Mijn Oog voor Usability: Guerrilla Audits

Ik laat hier zien hoe ik denk en waar ik verbeteringen zie in publieke producten.

weergave van de startpagina van het kunstmuseum

Case 1: Home page - website Kunstmuseum Den Haag

De Observatie

Buttons hebben geen toegankelijke naam.

Niet de juiste semantiek er ontbreekt een H1 waardoor de site moeilijker te begrijpen is voor blinde gebruikers.

Ook heeft het zoekglas geen ouder element in de code staan <li> moet in een <menu>, <ul> of <ol> staan.

Het kleurcontrast tussen voor en achtergrond is te laag. De kleuren hebben een contrast van 2,45: 1 De WCAG verplicht 4,5:1.

De footer heeft te weinig ruimte tussen de links om ze goed aan te kunnen klikken op mobiel.

Het zoekglas icoon staat in een list item echter ontbreek in de code een ouder element (<ol> <ul> of <menu>)

Mijn Oplossing:

Geef buttons een benaming aria-label="Zoeken"

Geeft duidelijk een semantische volgorde (H1,H2,H3 enz.)

Zet (menu) list items altijd in een parent element (<nav>, <ul>, <ol>)

Houdt de kleur contrast in de gaten om te garanderen dat je teskt zichtbaar blijft. WCAG verplicht een contrast ratio vn 4,5: 1.

Geeft links ruimte zodat ze voor mobiel ook nog te bereiken zijn met een aanraking.

Case 2: De Efteling -app

De Observatie

In de app is het contrast van het menu veel te laag met een score van 1.92: 1. De huisstijl van de website is niet het zelfde als die van de app. Dit is niet toegankelijk voor kleurenblinde gebruikers.

Mijn Oplossing:

Gebruik de zelfde kleuren die op de website voor buttons worden gebruikt in de app voor het menu, dit past meer consistentie toe en het contrast ratio gaat hierbij van 1,92:1 naar 4.9:1. De WCAG verplicht 4,5:1.