Waaruit bestaat een goede UI?
Een goede UI is voorspelbaar, consequent en duidelijk. Je bezoeker hoeft niet na te denken over hoe iets werkt; hij denkt alleen na over wat hij wil.
Dat klinkt vanzelfsprekend en het is zelden zo.
De meeste interfaces vragen aandacht die niet nodig is.
Voorspelbaarheid
Een knop ziet eruit als een knop, een link als een link. Wat eruitziet als iets, doet ook dat.
Meer daarover lees je bij usability.
Consequentie
Dezelfde actie ziet er overal hetzelfde uit. Drie soorten knoppen voor dezelfde handeling maakt je site rommelig.
Meer daarover lees je bij waarom consistentie belangrijk is.
Terugkoppeling
Na elke handeling laat je zien wat er gebeurde: een bevestiging, een verandering, een laadmelding.
Meer daarover lees je bij frontend.
Mijn vuistregels
- Eén duidelijke actie per scherm.
- Volg bestaande patronen.
- Toon altijd wat er gebeurde.
- Maak fouten herstelbaar.
Die laatste is ondergewaardeerd: een verwijderknop met een ongedaan-maken erbij neemt de spanning weg.
Toegankelijkheid hoort erbij
Voldoende contrast, bedienbaar met het toetsenbord en raakvlakken die groot genoeg zijn.
Meer daarover lees je bij accessibility.
Wat je overslaat
Originaliteit om de originaliteit. Een interface die opvalt door zijn eigenheid, valt op om de verkeerde reden.
Meer daarover lees je bij of een interface origineel moet zijn.
Wat ik in de praktijk zie misgaan
Er wordt originaliteit gezocht op plekken waar niemand daarop zit te wachten.
Een menu dat op een ongebruikelijke manier opengaat, een knop die er niet uitziet als een knop, een winkelwagen met een eigenzinnig pictogram. Stuk voor stuk goed bedoeld, en stuk voor stuk kosten ze bezoekers, omdat iedereen die aankomt al honderden andere sites kent en die verwachting meebrengt.
Waar je wél opvalt is in je aanbod, je teksten en je beeld. Niet in de bediening.
Wat ik daarom aanhoud is saai en effectief: bekende plekken voor bekende dingen, één stijl voor alle knoppen, en altijd terugkoppeling na een handeling. Klik iemand op verzenden, dan moet er meteen iets gebeuren.
Dat laatste wordt het vaakst vergeten. Een formulier dat na het verzenden gewoon blijft staan, wordt door de helft van de mensen een tweede keer verstuurd.
Meer daarover lees je bij ui.