Ontwerpregels van Johnson
H1 Our percepton is biased
Ontwerpregels voor bevooroordeelde perceptess
- Voorkom dubbelzinnigheid. Het ontwerp moet door elke gebruiker op dezelfde
manier geïnterpreteerd worden. Door bijvoorbeeld een knop te maken met een
bepaalde lichtnvall lijkt het op een 3D knop. Maar zonder dat licht lijkt het niet meer
op een 3D knops dus mensen gaan het anders interpreteren en hebben misschien
niet door dat het een knop is waar zij op kunnen drukken.
- Wees consistent. Plaats informate en navigate consistent op bepaalde locates. Op
elke pagina moeten ze op dezelfde plek staan. Ook moeten ze hetzelfde leterttpel
kleurl schaduwl etc. bevaten. Deze consistente is voor gebruikers goed te
herkennen en zorgt voor gemakkelijker gebruik.
- Begrijp het doel. Gebruikers gebruiken jouw ststeem omdat ze een doel hebben en
dit doel moet behaald worden. Realiseer je dat iedereen andere doelen heef en dat
bepaalt heel erg wat mensen zien en waar ze op leten. Zorg dat op elk punt van
interactel de gebruiker duidelijk informate kan vindenl prominente en duidelijke
route naar het doel van de gebruiker.
H3 We seek & use visual structure
Belangrijk voor gebruikerss
- Breek informate in onderscheidende sectes en breek grote sectes in subsectes
- Labelen van elke secte en subsectes om het te identiceren als één inhoud
- Presenteer de sectes & subsectes als hiërarchie
H4 Our color vision is limited
Ontwerpregels voor kleurgebruik
- Vermijd subtele kleurverschillenl zorg voor een hoog contrast.
- Gebruik onderscheidendek leuren. De kleuren zwartl witl grootl groenl geel en
blauw. (opponent / color pecepton channels) geven een sterk signaal aan één
van de drie channels.
- Vermijd kleurencombinates die kleurenblinden niet kunnen onderscheiden.
- Niet alleen op kleur vertrouwenl maar gebruik bijv. icoontjes of andere signalen
om dingen te onderscheiden.
- Gebruik de sterk opponente kleuren niet bij elkaar.
H5 Our peripheral vision is poor
Common methods of making messages visablel tps om een error bericht te laten ziens
1. Zet het neer waar gebruikers kijken
2. Markeer de error zodat de gebruiker duidelijk ziet dat er iets mis gaat
3. Gebruik een error stmbool zoals een X of een uitroepteken in een driehoek
4. Gebruik de kleur rood om een error aan te geven
Zwaar geschut om te zorgen dat gebruikers berichten opmerkens
1. Pop-up boxenl moeilijk te missen
H1 Our percepton is biased
Ontwerpregels voor bevooroordeelde perceptess
- Voorkom dubbelzinnigheid. Het ontwerp moet door elke gebruiker op dezelfde
manier geïnterpreteerd worden. Door bijvoorbeeld een knop te maken met een
bepaalde lichtnvall lijkt het op een 3D knop. Maar zonder dat licht lijkt het niet meer
op een 3D knops dus mensen gaan het anders interpreteren en hebben misschien
niet door dat het een knop is waar zij op kunnen drukken.
- Wees consistent. Plaats informate en navigate consistent op bepaalde locates. Op
elke pagina moeten ze op dezelfde plek staan. Ook moeten ze hetzelfde leterttpel
kleurl schaduwl etc. bevaten. Deze consistente is voor gebruikers goed te
herkennen en zorgt voor gemakkelijker gebruik.
- Begrijp het doel. Gebruikers gebruiken jouw ststeem omdat ze een doel hebben en
dit doel moet behaald worden. Realiseer je dat iedereen andere doelen heef en dat
bepaalt heel erg wat mensen zien en waar ze op leten. Zorg dat op elk punt van
interactel de gebruiker duidelijk informate kan vindenl prominente en duidelijke
route naar het doel van de gebruiker.
H3 We seek & use visual structure
Belangrijk voor gebruikerss
- Breek informate in onderscheidende sectes en breek grote sectes in subsectes
- Labelen van elke secte en subsectes om het te identiceren als één inhoud
- Presenteer de sectes & subsectes als hiërarchie
H4 Our color vision is limited
Ontwerpregels voor kleurgebruik
- Vermijd subtele kleurverschillenl zorg voor een hoog contrast.
- Gebruik onderscheidendek leuren. De kleuren zwartl witl grootl groenl geel en
blauw. (opponent / color pecepton channels) geven een sterk signaal aan één
van de drie channels.
- Vermijd kleurencombinates die kleurenblinden niet kunnen onderscheiden.
- Niet alleen op kleur vertrouwenl maar gebruik bijv. icoontjes of andere signalen
om dingen te onderscheiden.
- Gebruik de sterk opponente kleuren niet bij elkaar.
H5 Our peripheral vision is poor
Common methods of making messages visablel tps om een error bericht te laten ziens
1. Zet het neer waar gebruikers kijken
2. Markeer de error zodat de gebruiker duidelijk ziet dat er iets mis gaat
3. Gebruik een error stmbool zoals een X of een uitroepteken in een driehoek
4. Gebruik de kleur rood om een error aan te geven
Zwaar geschut om te zorgen dat gebruikers berichten opmerkens
1. Pop-up boxenl moeilijk te missen
