In het web- en app-ontwerpprogramma's hoort u twee termen zeer vaak gebruikt: 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 eigenlijk hetzelfde? Dat debat is al een tijdje aan de gang, maar de meeste mensen zijn het erover eens dat ze twee verschillende aspecten van het ontwerp zijn. Laten we eens kijken naar wat die onderscheidingen zijn.
Wat zijn UI en UX, echt?
Denk aan de technologie die u elke dag gebruikt. Uw smartphone, laptop, desktop, zelfs apparaten zoals een slimme thermostaat. Er zijn twee hoofdelementen voor elk: de gebruikersomgeving (UI) en de gebruikerservaring (UX).
Adobe beschrijft de gebruikersinterface of ui, als de plaats waar mensen communiceren met machines. Dat omvat alles van je smartphone-scherm naar het toetsenbord op je laptop. Het is wat u gebruikt om die machine te bedienen om uw doel te bereiken - of dat de temperatuur in uw huis of doomscrolling verandert. UI bevat elk aspect van hoe wij als mensen interface met producten.
De gebruikerservaring of UX, is een beetje moeilijker om naar beneden te pinnen. UX behandelt meer met de immateriële producten van een product, zoals hoe u zich voelt en wat u denkt tijdens het gebruik ervan. Het idee werd gedacht door Don Norman tijdens zijn tijd bij Apple in de jaren 90, en hij is Omdat het beschreef als "alles wat uw ervaring met een product aanraakt." Alle aspecten van iemands interactie met een bedrijf, van zijn diensten tot het eindproduct, kunnen worden gecategoriseerd onder UX.
Ontwerp coaching website careerfoundry definieert het verschil Tussen UI en UX op deze manier: UI gaat over hoe de interfaces van een product eruitzien en functioneren, terwijl UX over het algehele gevoel van de ervaring gaat.
Hoe UI en UX samenwerken
Beide elementen zijn nodig voor het ontwerp van elk product. Bijvoorbeeld wanneer een webontwerper gebruikt reagerend ontwerp Dus hun site past op het scherm waaraan het wordt bekeken, het beïnvloedt zowel UI als UX. De interface werkt soepeler, wat de gebruiker een betere ervaring geeft met behulp van die website.
UI en UX hebben ook invloed op een website toegankelijkheid . Als iemand met een handicap geen website kan gebruiken, is dat een slechte gebruikerservaring veroorzaakt door een slechte gebruikersinterface. Gelukkig begrijpen meer ontwerpers dan ooit dat en het naderen van zowel UI- als UX-ontwerp met toegankelijkheid in gedachten.
Het ontwerpen van UI en UX
Bij het bouwen van een nieuwe app, website of product, moeten een UI- en UX-ontwerper bepaalde vragen stellen tijdens de ontwikkeling. Kijkend naar wat elke ontwerper wel inzicht kan geven in de verschillen tussen UI en UX.
Typische taken van een UI-ontwerper
Een UI-ontwerper maakt zich zorgen over het uiterlijk, het gevoel, responsiviteit en interactiviteit van een product. Enkele van de taken die ze op het werk kunnen doen, zijn onder meer:
- Ontwerponderzoek doen om inzicht te krijgen in de nieuwste ontwerptrends en de verwachtingen van mensen voor een goed ontwerp.
- Ontwikkeling van visueel ontwerp inclusief grafische elementen, kleuren, lettertypen, pictogrammen en meer.
- Ontwerpsystemen zoals stijlgidsen en patroonbibliotheken om ervoor te zorgen dat het ontwerp van het product consistent blijft met zijn merk.
- Kijkend naar interactiviteit als een ontwerpelement om de reactievermogen te verbeteren. Dat kan animaties en overgangen omvatten die een pagina of app vloeiender maken.
Het werk stopt daar niet. Zodra het product ver genoeg is, kan een UI-ontwerper ook prototypen en testen om te zien hoe het functioneert in de echte wereld.
Typische taken van een UX-ontwerper
Jonathan Widawski, CEO van Gebruikers Testbedrijf Maze, zegt dat "UX begint met een probleem en eindigt met een wireframe of prototype." Sommige dingen die een UX-ontwerper zou kunnen omvatten:
- Gebruikersonderzoek om te bepalen welke problemen mensen onder ogen zien bij het gebruik van vergelijkbare producten en hoe ze ze op te lossen.
- Informatiearchitectuur (IA), de praktijk van het organiseren van de elementen van een app of website op manieren die gemakkelijk en intuïtief zijn om te vinden. Goede organisatie helpt bij het creëren van een wrijvingsloze ervaring voor de persoon met behulp van een product.
- Projectplanning om ervoor te zorgen dat iedereen op het productontwerpteam op dezelfde pagina staat.
UX-ontwerpers construeren ook Wireframes - Barebones-versies van de interface van een product - om te zien hoe ze in de echte wereld zouden werken en anticiperen op de gebruikerservaring.
Waarom zijn UI en UX belangrijk?
Vanuit een competitief standpunt is het product met de beste UX vaak de mensen die kiezen wanneer verschillende vergelijkbare opties worden aangeboden. Volgens McKinsey en Company, zien ontwerpgerichte bedrijven omzetgroei twee keer zo snel als die niet.
Op een grotere schaal gaan UI en UX de producten in die ieder van ons elke dag gebruikt. Stel je voor als de daad van het besturen van een auto in een auto-afhankelijk gebied zo moeilijk was, je het niet kon doen. Of als verkeerssignalen op een efficiënte manier niet werkten, of als het tien stappen kostte om in te loggen op uw e-mail. De reden dat al die dingen werken zoals ze doen is jarenlang onderzoek en testen in gebruikerservaring en gebruikerontwerp.
Hopelijk heb je de basisprincipes van UI en UX gebruikt na het lezen van dit. Als u nog niet de fijnere punten begrijpt, maakt u zich geen zorgen, de definities van UI en UX worden voortdurend bijgewerkt en het veld blijft evolueren.