Wat is UI?
UI staat voor user interface, oftewel gebruikersinterface. Het is alles waarmee je bezoeker omgaat: je knoppen, je menu’s, je formulieren, je kleuren en je teksten.
Alles wat hij ziet en aanraakt, hoort erbij.
Wat eronder zit niet.
Waar het uit bestaat
De zichtbare onderdelen en hun gedrag: hoe een knop eruitziet, wat er gebeurt als je erop drukt en hoe een formulier reageert op een fout.
Meer daarover lees je bij frontend.
Wat er niet onder valt
De techniek erachter, en het gevoel dat iemand overhoudt aan het gebruik. Dat laatste heet UX.
Meer daarover lees je bij het verschil tussen UI en UX.
Waarom het ertoe doet
Een onduidelijke interface kost je aanvragen. Mensen vragen niet om hulp, ze klikken weg.
Meer daarover lees je bij usability.
Mijn vuistregels
- Doe hetzelfde overal hetzelfde.
- Eén duidelijke actie per scherm.
- Geef altijd terugkoppeling na een handeling.
- Volg bestaande patronen.
Die laatste is de goedkoopste manier om je interface begrijpelijk te maken.
Wat een goede interface kenmerkt
Voorspelbaarheid. Je bezoeker weet wat er gaat gebeuren voordat hij klikt.
Meer daarover lees je bij waaruit een goede UI bestaat.
Waar het vandaan komt
Uit een ontwerpsysteem: een vaste set knoppen, kleuren en afstanden die je overal hergebruikt.
Meer daarover lees je bij design system.