Tijdens de Academy Week heeft onze collega Neeltje een MasterClass gehouden over Dashboardontwerp. Zij deelt graag een aantal tips met iedereen die er helaas niet bij kon zijn.
Bij het inrichten van dashboards, thema’s en documenten denken we vaak aan huisstijl, uitstraling en herkenbaarheid. Logisch natuurlijk. Maar wist je dat een mooie kleurencombinatie niet altijd een toegankelijke kleurencombinatie is? Een dashboard of document dat voor jou perfect leesbaar is, kan voor iemand anders juist lastig te interpreteren zijn. Dit kan komen door persoonlijke kenmerken, maar ook door de manier waarop medewerkers verschillende schermen, laptops, tablets en mobiele apparaten gebruiken.
Helderheid, contrast, scherminstellingen en omgevingslicht zorgen ervoor dat kleuren op elk apparaat anders kunnen overkomen. Daarom is het verstandig om bij het ontwerpen van je omgeving niet alleen naar esthetiek te kijken, maar ook naar contrast en kleurblindheid. Voordat je een nieuw thema, dashboard of documenthuisstijl uitrolt, laat je kleuren eerst door een contrast- en kleurenblindheidstest gaan. Vaak kost dit slechts een paar minuten, maar het voorkomt dat belangrijke informatie voor een deel van je gebruikers minder zichtbaar wordt.
Waarom is dit belangrijk?
Ongeveer 1 op de 12 mannen en 1 op de 200 vrouwen heeft een vorm van kleurenblindheid. Daarnaast werken veel medewerkers op verschillende schermen, tablets of mobiele apparaten, waardoor kleurverschillen anders kunnen worden weergegeven.
Als belangrijke informatie uitsluitend door kleur wordt onderscheiden, bestaat het risico dat gebruikers deze informatie missen. Denk bijvoorbeeld aan:
- Rode en groene statussen die nauwelijks van elkaar verschillen
- Lichtgrijze tekst op een witte achtergrond
- Grafieken met kleuren die moeilijk van elkaar te onderscheiden zijn
- Waarschuwingen die alleen door een kleur worden aangegeven
Een goed toegankelijk ontwerp zorgt ervoor dat iedereen informatie snel en duidelijk kan begrijpen.
Drie tips voor goed kleurgebruik
1. Let op kleurcontrast
Voldoende contrast maakt tekst, iconen en knoppen beter leesbaar. Dit is niet alleen belangrijk voor mensen met een visuele beperking, maar ook voor iedereen die werkt op een minder helder scherm of in fel zonlicht.
Controleer je kleurencombinaties eenvoudig met EightShapes Contrast Grid. Met deze tool zie je snel welke combinaties voldoen aan de toegankelijkheidsrichtlijnen én krijg je direct een indruk van hoe kleuren visueel samenwerken. Ideaal bij het ontwerpen van dashboards en schermen.
Met WhoCanUse kun je daarnaast zien hoe een kleurencombinatie wordt ervaren door verschillende gebruikersgroepen, waaronder mensen met een visuele beperking of kleurenblindheid. De tool laat niet alleen een score zien, maar simuleert ook hoe de interface eruitziet.
2. Controleer kleurenblindheid
Een kleur die voor jou duidelijk zichtbaar is, kan voor iemand met kleurenblindheid vrijwel identiek lijken aan een andere kleur. Vooral combinaties van rood en groen, maar ook blauw en paars of geel en groen kunnen problemen opleveren. Met Coloring for Colorblindness kun je controleren hoe jouw ontwerp eruitziet bij verschillende vormen van kleurenblindheid. Zo ontdek je snel of belangrijke informatie nog steeds herkenbaar blijft.
Bedenk bovendien dat kleurenblindheid niet de enige uitdaging is. Ook leeftijd, verminderde gezichtsscherpte en vermoeidheid kunnen invloed hebben op hoe kleuren worden waargenomen.
3. Gebruik nooit alleen kleur als betekenisdrager
Een toegankelijke interface gebruikt kleur als ondersteuning, niet als enige informatiebron. Combineer kleuren daarom altijd met:
- Iconen
- Symbolen
- Labels
- Tekst
Een groen vinkje mét de tekst Goedgekeurd is bijvoorbeeld veel duidelijker dan alleen een groen vlak. Ook foutmeldingen worden beter begrepen wanneer naast een rode kleur een waarschuwingsicoon en een korte toelichting worden getoond.
Een betere gebruikerservaring voor iedereen
Toegankelijk kleurgebruik is niet alleen belangrijk voor mensen met een beperking. Ook gebruikers die een scherm in fel daglicht bekijken, een projector gebruiken of een vermoeide werkdag achter de rug hebben, profiteren van duidelijke contrasten en consistente kleurtoepassing.
Een goede UI gebruikt kleur bewust: om informatie te versterken, niet om deze te vervangen. Zo ontstaat een interface die voor iedereen prettig en betrouwbaar werkt.
Meer tips & tricks
Tijdens ons Congres op 17 november in Amersfoort zijn er volop mogelijkheden om meer te leren over Trevally, ontwerpen van dashboards en de creatieve oplossingen van andere ervaren Trevally-gebruikers. Wil je er ook bij zijn? Meld je direct aan via de onderstaande knop!
