5. Maak correct gebruik van GUI controls
Met GUI controls bedoel ik:
- Links
- Knoppen
- Radio buttons
- Check boxes
- Drop-down lists
- Invoervelden
- …
Daar valt heel wat over te vertellen:
- Wijk niet af van standaard gedrag
- Zorg ervoor dat tekst niet per ongeluk op een GUI control lijkt
- Gebruik de juiste control voor het juiste doel
- Gebruik radiobuttons of checkboxes i.p.v. drop-downs als je de plaats hebt
- Zo zijn alle opties op elk moment zichtbaar
- Drop-down menu’s zijn moeilijker te wijzigen door gebruikers met motorische problemen
- Radiobuttons, checkboxes en dropdown zijn geen actieknoppen of links!
Gebruikers kennen deze controls immers en zijn verward wanneer ze zich anders gedragen dan verwacht.
Neem bijvoorbeeld deze hilarische drop-down-knop die ik ooit in een applicatie ben tegengekomen (hoewel niet zo hilarsch voor degenen die de applicatie moesten gebruiken natuurlijk):
Was je verward? Waarom het niet gewoon zo maken:
Je denkt dat ik een link ben he
→ onderlijn nooit tekst die geen link is
Ceci n'est pas un button
→ zet geen kadertjes rond tekst die geen knop is
| Radio buttons | Checkboxes | |
|---|---|---|
| Minimum aantal opties | 2 | 1 |
| Verhouding tussen opties | De opties sluiten elkaar uit | Elke checkbox in de lijst is onafhankelijk van alle anderen. De twee opties van elke afzonderlijke checkbox (aan of uit) moeten steeds tegengestelden zijn |
| Aantal te selecteren opties | Exact 1 | Om het even |
| Default | Er moet steeds een default geselecteerd zijn, anders kan je gebruiker niet terug naar de default toestand zonder reset-knop: gebruik eventueel een ‘geen’-optie (meer informatie over deze ‘geen’-optie volgt onder deze tabel) | Het is inherent aan een checkbox dat er steeds een default is (aan of uit). Als er een 'geen'-optie moet zijn, kies dan voor radiobuttons |
Een voorbeedje bij die 'geen'-optie waar ik het daarnet over had:
Initiële situatie:
De gebruiker heeft de richtlijnen niet gelezen, maar wil zich er snel vanaf maken en duidt dus maar de tweede optie aan. (Hoe durft hij!)
De gebruiker realiseert dat het niet erg eerlijk is om zijn mening te geven over iets wat hij niet gelezen heeft en wil die mening terug intrekken. Hij wil dus terug naar de situatie waar niets was geselecteerd. Maar dat gaat natuurlijk niet.
Dit wordt verholpen door de 'geen'-optie.
Zo simpel is het!
Want:
Probeer in alle geval scrollen in dropdowns te vermijden. Als er heel veel items zijn, is een 'suggestion box' misschien beter. Daarbij wordt een suggestie gedaan nadat men een aantal karakters heeft ingegeven.
Denk wel twee keer na bij het maken van een suggestion box! Neem bijvoorbeeld eens een kijkje op de website van Railtime om te zien hoe het niet moet. De autofill voor 'vertrekstation' kan niet volgen als je snel typt, en bovendien vergeet hij elke dag waar je ook weer vertrekt. Elke dag dezelfde irritatie!