Woordenlijst toegankelijkheid
WCAG-criteria, patronen en normen — met interactieve demo’s, detectiemethoden en auditgegevens.
Psychology and design heuristics (Hick’s Law, Fitts’s Law, and so on). Useful mental models — not accessibility rules or WCAG criteria.
Doherty-drempel
Productiviteit stijgt enorm wanneer de responstijd onder 400ms is. Interacties die instant aanvoelen behouden de flow-state. Gebruik skeleton screens, optimistic UI en voortgangsindicatoren wanneer latentie deze drempel overschrijdt.
Esthetisch-bruikbaarheidseffect
Gebruikers ervaren esthetisch aantrekkelijke ontwerpen als bruikbaarder — zelfs wanneer ze dat niet zijn. Mooi ontwerp bouwt tolerantie op voor kleine wrijving. Maar esthetiek kan niet compenseren voor fundamentele toegankelijkheidsfouten.
Flow-state
Totale onderdompeling in een taak waarbij uitdaging overeenkomt met vaardigheid. Ontwerp voor flow: minimaliseer onderbrekingen, bied duidelijke doelen, geef onmiddellijke feedback en verwijder onnodige wrijving. Toegankelijkheidsbarrières verbreken flow.
Goal-gradient effect
Mensen versnellen hun gedrag naarmate ze dichter bij een doel komen. Voortgangsbalken, stap-indicatoren en voltooiingspercentages benutten dit. "Stap 3 van 4" is motiverender dan "bijna klaar".
Keuzestress
Te veel opties leidt tot beslissingsverlamming en verminderde tevredenheid (paradox van keuze). Beperk zichtbare opties, gebruik standaardwaarden en sta filtering toe. Overlapt direct met cognitieve belastingsvermindering.
Mentaal model
De interne representatie van een gebruiker van hoe iets werkt. Wanneer de interface het mentale model schendt, ontstaat verwarring. Gebruik bekende patronen, duidelijke labels en voorspelbaar gedrag.
Occam's Razor
De eenvoudigste oplossing is meestal de beste. Elke toegevoegde complexiteit moet zijn gewicht bewijzen. Geldt voor UI-ontwerp, navigatiestructuur en formulierontwerp.
Paradox van de actieve gebruiker
Gebruikers lezen geen handleidingen — ze duiken er meteen in en leren al doende. Ontwerp voor ontdekking en foutbestendigheid in plaats van vereiste instructies.
Pareto-principe
80% van de effecten komt van 20% van de oorzaken. Focus op de ~6 meest impactvolle WCAG-fouten (contrast, alt-tekst, labels, lege links, lege knoppen, taal) voor het grootste rendement.
Peak-end rule
Mensen beoordelen een ervaring op basis van het hoogtepunt en het einde, niet het gemiddelde. Maak het meest memorabele moment en de laatste interactie uitstekend. Geldt voor onboarding, checkout en foutafhandeling.
Selectieve aandacht
Mensen kunnen maar één ding tegelijk verwerken. Overmatige animatie, pop-ups en concurrerende visuele elementen overweldigen de aandacht. Ontwerp voor focus, niet afleding.
Seriële positie-effect
Mensen onthouden het eerste (primacy) en laatste (recency) item in een reeks het best. Plaats essentiële navigatie en acties aan het begin en einde van lijsten, menu's en formulieren.
Von Restorff-effect
Het item dat het meest afwijkt wordt het best onthouden. Markeer CTA's, fouten en essentiële informatie visueel. Maar gebruik isolatie spaarzaam — als alles opvalt, valt niets op.
Werkgeheugen
Beperkt tot ~4 chunks tegelijk (bijgewerkt van Miller's 7±2). Dwing gebruikers niet om informatie tussen schermen te onthouden. Toon context, herhaal essentiële info en minimaliseer geheugenbelasting.
Wet van Fitts
Tijd om een doel te bereiken = f(afstand, grootte). Grotere, dichterbijere doelen zijn sneller te raken. Maak primaire acties groot en dicht bij de cursor. Geldt direct voor doelgrootte-toegankelijkheid (WCAG 2.5.8).
Wet van gelijkenis
Elementen die visueel op elkaar lijken worden als gerelateerd waargenomen. Gebruik consistente vormen, kleuren en groottes voor dezelfde type elementen. Vermeng visuele stijlen alleen voor bewuste differentiatie.
Wet van gemeenschappelijke regio
Elementen binnen een gedeelde visuele grens worden als gegroepeerd waargenomen. Kaarten, secties, veldsets en panelen gebruiken dit principe. Effectiever dan alleen nabijheid.
Wet van Hick
Beslissingstijd neemt logaritmisch toe met het aantal keuzes. Verminder zichtbare opties, groepeer gerelateerde keuzes, gebruik progressieve onthulling. Meer dan 7±2 opties vertraagt iedereen.
Wet van Jakob
Gebruikers besteden het merendeel van hun tijd op andere sites. Ze verwachten dat jouw site hetzelfde werkt als alle andere die ze kennen. Volg gevestigde conventies tenzij je een dwingende reden hebt om af te wijken.
Wet van Miller
Mensen kunnen ~7 (±2) items tegelijk in het werkgeheugen houden. Chunk informatie in groepen. Telefoonnummers, creditcardnummers en navigatiemenu's moeten allemaal gestructureerd zijn.
Wet van nabijheid
Objecten die dicht bij elkaar staan worden als gerelateerd waargenomen. Groepeer gerelateerde formuliervelden, navigatie-items en inhoudssecties met witruimte. Gebroken nabijheid creëert valse groepen.
Wet van Parkinson
Werk breidt zich uit om de beschikbare tijd te vullen. Stel duidelijke deadlines en beperkingen in voor taken. Formulieren met minder velden worden sneller ingevuld.
Wet van Postel
Wees conservatief in wat je verstuurt, liberaal in wat je accepteert. Accepteer verschillende invoerformaten (datums, telefoonnummers), maar geef consequente, schone uitvoer. Vergelijkbaar met robuust foutafhandeling.
Wet van Prägnanz
Mensen interpreteren ambigue vormen op de eenvoudigste manier. Houd interfaces simpel en voorspelbaar. Complexe lay-outs worden mentaal vereenvoudigd — zorg dat die vereenvoudiging de juiste interpretatie is.
Wet van Tesler
Elk systeem heeft een inherente hoeveelheid complexiteit die niet kan worden verminderd. De vraag is: wie draagt die complexiteit — de gebruiker of het systeem? Verschuif complexiteit naar het systeem waar mogelijk.
Wet van uniforme verbondenheid
Elementen die visueel verbonden zijn (door lijnen, kleuren of randen) worden als meer gerelateerd waargenomen dan elementen die niet verbonden zijn. Sterker dan nabijheid of gelijkenis.
Zeigarnik-effect
Mensen onthouden onvoltooide taken beter dan voltooide. Voortgangsbalken, opgeslagen formulierstatussen en "hervat waar je gebleven was"-patronen benutten dit effect.