In de beroepen web- en app-ontwerp zul je twee termen heel vaak horen: UI en UX. Soms worden ze door elkaar gebruikt, soms niet, en ze lijken vaak te verwijzen naar zeer vergelijkbare aspecten van het ontwerp van een product.
Dus wat zijn ze precies? Is er zelfs een verschil tussen UI en UX, of zijn ze in principe hetzelfde? Dat debat is al een tijdje aan de gang in de ontwerpruimte, maar de meeste mensen zijn het erover eens dat dit twee verschillende aspecten van design zijn. Laten we eens kijken wat die verschillen zijn.
Wat zijn UI en UX eigenlijk?
Denk aan de technologie die u elke dag gebruikt. Je smartphone, laptop, desktop, zelfs apparaten zoals een slimme thermostaat. Er zijn twee hoofdelementen: de gebruikersinterface (UI) en de gebruikerservaring (UX).
Adobe beschrijft de gebruikersinterface, of UI, als de plaats waar mensen interactie hebben met machines. Dat omvat alles, van het scherm van je smartphone tot het toetsenbord op je laptop. Het is wat je gebruikt om die machine te bedienen om je doel te bereiken — of dat nu het veranderen van de temperatuur in je huis is of doomscrolling. UI omvat elk aspect van hoe wij als mensen omgaan met producten.
De gebruikerservaring, of UX, is iets moeilijker vast te pinnen. UX houdt zich meer bezig met de immateriële zaken van een product, zoals hoe je je voelt en wat je denkt tijdens het gebruik ervan. Het idee is bedacht door Don Norman tijdens zijn tijd bij Apple in de jaren '90, en sindsdien heeft hij het beschreven als “alles wat je ervaring met een product raakt”. Alle aspecten van iemands interactie met een bedrijf, van zijn diensten tot het eindproduct, kunnen worden gecategoriseerd onder UX.
Advertentie
Design coaching website CareerFoundry definieert het verschil tussen UI en UX dit manier: UI gaat over hoe de interfaces van een product eruitzien en functioneren, terwijl UX gaat over het algemene gevoel van de ervaring.
Hoe UI en UX samenwerken
Beide elementen zijn nodig voor het ontwerp van elk product. Wanneer een webdesigner bijvoorbeeld een responsief ontwerp gebruikt, zodat zijn site past op het scherm waarop deze wordt bekeken, heeft dit invloed op zowel de gebruikersinterface als de gebruikerservaring. De interface werkt soepeler, wat de gebruiker een betere ervaring geeft bij het gebruik van die website.
UI en UX hebben ook invloed op de toegankelijkheid van een website. Als iemand met een handicap een website niet kan gebruiken, is dat een slechte gebruikerservaring veroorzaakt door een slechte gebruikersinterface. Gelukkig begrijpen meer ontwerpers dan ooit dat en benaderen ze zowel UI- als UX-ontwerp met toegankelijkheid in gedachten.
UI en UX ontwerpen
Bij het bouwen van een nieuwe app, website of product zal een UI en UX designer tijdens de ontwikkeling bepaalde vragen moeten stellen. Kijken naar wat elke ontwerper doet, kan inzicht geven in de verschillen tussen UI en UX.
Typische taken van een UI-ontwerper
Een UI-ontwerper houdt zich bezig met het uiterlijk, gevoel, reactievermogen en interactiviteit van een product. Enkele van de taken die ze tijdens het werk kunnen doen, zijn:
- Ontwerponderzoek doen om inzicht te krijgen in de nieuwste ontwerptrends en de verwachtingen van mensen voorgoed te peilen ontwerp.
- Ontwikkelen van visueel ontwerp inclusief grafische elementen, kleuren, lettertypen, pictogrammen en meer.
- Het ontwerpen van systemen zoals stijlgidsen en patroonbibliotheken om ervoor te zorgen dat het ontwerp van het product consistent blijft met het merk.
- Interactiviteit beschouwen als een ontwerpelement om de responsiviteit te verbeteren. Dat kunnen animaties en overgangen zijn die een pagina of app soepeler laten verlopen.
Daar stopt het werk niet. Als het product eenmaal ver genoeg is, kan een UI-ontwerper het ook prototypen en testen om te zien hoe het in de echte wereld werkt.
Typische taken van een UX-ontwerper
Jonathan Widawski, CEO van gebruikerstestbedrijf Maze, zegt dat “UX begint met een probleem en eindigt met een wireframe of prototype.” Enkele dingen die een UX-ontwerper kan doen zijn:
- Gebruikersonderzoek om te bepalen met welke problemen mensen worden geconfronteerd bij het gebruik van vergelijkbare producten en hoe deze op te lossen.
- Projectplanning om ervoor te zorgen dat iedereen in het productontwerpteam op één lijn zit.
- › Hoe u uw Apple Music-afspeellijsten kunt overbrengen naar Spotify
- › Een video uploaden naar YouTube vanaf iPhone of Android
- › Extern bureaublad inschakelen en gebruiken op Windows 11
- › De beste lettertypen voor Google Docs-documenten
- › Wat is streamsnipen?
< li aria-level="1">Informatiearchitectuur (IA), de praktijk van het organiseren van de elementen van een app of website op manieren die gemakkelijk en intuïtief te vinden zijn. Een goede organisatie helpt bij het creëren van een soepele ervaring voor de persoon die een product gebruikt.
< /ul> Advertentie
UX-ontwerpers zullen ook wireframes maken — barebones-versies van de interface van een product — om te zien hoe ze in de echte wereld zouden werken en anticiperen op de gebruikerservaring.
Voorbeeld van een wireframe-ontwerp Chaosamran_Studio/Shutterstock.comWaarom zijn UI en UX belangrijk?
Vanuit een concurrentiestandpunt is het product met de beste UX is vaak degene die mensen kiezen wanneer ze verschillende vergelijkbare opties krijgen aangeboden. Volgens McKinsey and Company zien op design gerichte bedrijven de omzetgroei twee keer zo snel als degenen die dat niet zijn.
Op grotere schaal gaan UI en UX in op de producten die ieder van ons elke dag gebruikt. Stel je voor dat het besturen van een auto in een auto-afhankelijk gebied zo moeilijk zou zijn dat je het niet zou kunnen. Of als verkeerslichten niet op een efficiënte manier werken, of als het tien stappen kostte om in te loggen op je e-mail. De reden dat al deze dingen werken zoals ze doen, is jarenlang onderzoek en testen van gebruikerservaring en gebruikersontwerp.
Hopelijk heb je na het lezen de basis van UI en UX onder de knie dit. Als u de fijne kneepjes nog niet begrijpt, hoeft u zich geen zorgen te maken. De definities van UI en UX worden voortdurend bijgewerkt en het vakgebied blijft evolueren.
GERELATEERD: Wat is 'Responsive Design' en hoe gebruik je het?
LEES VOLGENDE