UI-design, van user interface design, is het ontwerpen van de gebruikersinterface: het deel van een website of app waarmee een gebruiker daadwerkelijk werkt. Denk aan knoppen, menu’s, formulieren, kleuren en lettertypen. Het doel is een scherm dat duidelijk en consistent is.
Waaruit een interface bestaat
Een gebruikersinterface bestaat uit alle zichtbare en bedienbare onderdelen van een scherm. Daaronder vallen:
- bedieningselementen zoals knoppen, keuzelijsten en invoervelden;
- navigatie, zoals menu’s en tabbladen;
- typografie, kleuren en afbeeldingen;
- de indeling en de ruimte tussen onderdelen.
UI-ontwerpers leggen dit meestal eerst vast in een ontwerpbestand, voordat een ontwikkelaar het in HTML en CSS bouwt.
De keuzes van een UI-ontwerper zijn goed zichtbaar, omdat een gebruiker er voortdurend mee in aanraking komt.
Principes van UI-design
Een interface werkt prettig als hij consequent is: dezelfde soort knop ziet er overal hetzelfde uit en doet hetzelfde. Ook helpt een duidelijke visuele hiërarchie, waarbij het belangrijkste onderdeel het meest opvalt, bijvoorbeeld door grootte of kleur.
Verder moet tekst voldoende contrast met de achtergrond hebben en moeten klikbare onderdelen herkenbaar zijn. Veel organisaties leggen dit vast in een designsysteem, een verzameling vaste onderdelen en regels.
Een interface voor een telefoon vraagt andere keuzes dan een voor een groot scherm, bijvoorbeeld grotere knoppen voor bediening met een vinger.
UI-design en UX-design
UI-design is een onderdeel van het grotere vakgebied van UX-design. Waar UX gaat over de hele ervaring en de manier waarop iemand zijn doel bereikt, richt UI zich op hoe het scherm eruitziet en bediend wordt.
Een mooi vormgegeven interface kan toch lastig zijn om te gebruiken als de structuur niet klopt. Omgekeerd helpt een goed doordachte route weinig als de schermen onduidelijk zijn.
