Wat is gebruikersinterfaceontwerp (UI)?

Wat is gebruikersinterfaceontwerp (UI)?

Elk apparaat waarbij de mens centraal staat, moet zich onderscheiden van de rest, zodat ontwikkelaars zich richten op het maken van unieke producten. De ontwerpers spelen een belangrijke rol bij het tot leven brengen van elke pagina of applicatie, zodat deze er aantrekkelijk, vriendelijk en innovatief uitziet.

Wat is UI-ontwerp?

UI of User Interface Design is het kernaspect van elk product/pagina/applicatie omdat het allemaal om styling en interactiviteit gaat. De UI-ontwerper werkt hard om een interface te creëren die zowel esthetisch als zeer functioneel is.

Een interface is een punt waar de gebruiker interactie heeft met het apparaat door te klikken of het touchscreen te gebruiken. Er zijn zoveel elementen in het UI-ontwerp dat de ontwerper kan spelen om een uniek product te creëren. Dit kan een knop, afbeelding, menubalk of voettekst zijn. Spelen met deze elementen maakt een verschil in de gebruikersinterface, en de interacties van klanten en hun feedback variëren.

UX en het verschil tussen de twee

Het andere woord dat je normaal gesproken tegenkomt in de wereld van app- en website-ontwerp is UX-design. UI en UX zijn twee verschillende concepten en ze werken allebei samen om de beste gebruikerservaring te bieden. UX is een afkorting voor gebruikerservaring en draait om het begrijpen van de reis van de gebruiker en deze zo responsief en interessant mogelijk te maken. Het zou niet iets zijn dat de gebruiker kan aanraken en zien, maar ervaren. UX zou de basis zijn waarop hun feedback zou worden gebaseerd.

Een UX-ontwerper begrijpt het klanttraject, van weten wie de doelgroepen zijn, hoe ze te interviewen, gebruikersstromen definiëren, gebruikerstests plannen en beheren, enzovoort.

De UI designers kijken naar de kleuren van het product, de typografie en afbeeldingen en hoe dit alles succesvol aan het product kan worden gekoppeld. Hoewel de UI- en UX-ontwerper duidelijke rollen hebben in hun respectievelijke werkvelden, werken ze allebei samen om een geweldig product te produceren. Hun taken vullen elkaar dus aan en overlappen elkaar soms ook.

Typen gebruikersinterface

Er zijn enkele interessante varianten van gebruikersinterfaces.

• Grafische gebruikersinterface
• Grafische gebruikersinterface met touchscreen
• Opdrachtregelinterface
• Gespreksinterface
• Menugestuurde gebruikersinterface

Grafische gebruikersinterface – Werken met dit soort interface is lastig omdat het een aantal menu’s en andere elementen bevat. Toch kan het gebruikt worden door niet-technische gebruikers en is er onmiddellijke visuele feedback.

Grafische gebruikersinterface met touchscreen – Het is duidelijk dat de gebruikers hun vingers moeten gebruiken, daarom wordt het voornamelijk gebruikt op draagbare apparaten. Er zijn meerdere aanwijsacties waar de ontwerper voorzichtig mee moet zijn, maar het is veel gemakkelijker en sneller dan het gebruik van de muis of typen.

Opdrachtregelinterface – Dit soort interface is meer geschikt voor cloudservices en op systeembeheerniveau. Dit is over het algemeen niet bedoeld voor de gemiddelde gebruiker.

Conversationele gebruikersinterface – De spraakopdracht in de interface maakt verbinding met mensen op een nieuw, persoonlijk niveau. De gebruiker kan een mensachtig gesprek voeren met een apparaat.

Menu-Drivel UI – Er zal een reeks schermen of menu’s zijn, zodat de gebruiker de selectie moet maken door op de afbeelding of het lijstformaat te tikken/klikken.

Principes van gebruikersprincipes

Hier is een overzicht van de principes die ontwerpers moeten volgen bij het verbeteren van het ontwerp van het product.

Een consistente interface maken

Een consistente gebruikersinterface is wanneer er vergelijkbare ontwerppatronen, homogene menu’s en consistente lettertypen en stijlen zijn. Te veel inconsistenties kunnen de gebruiker in verwarring brengen.

Snelkoppelingen maken voor eenvoudige navigatie

In Windows hebben gebruikers meerdere snelkoppelingen voor al hun activiteiten, en dat maakt het zo bijzonder en gebruiksvriendelijk. Evenzo is het belangrijk dat ze snelkoppelingen hebben om met de interface te navigeren.

Vragen en feedback om de gebruiker te helpen

De gebruikersinterface moet de taak van de gebruiker gemakkelijk maken. Wanneer ze bijvoorbeeld het wachtwoord typen, zou het handig zijn als ze de suggestie krijgen of het wachtwoord sterk genoeg is, of zwak, enzovoort.

Een dialoogvenster om succes/mislukking van hun acties te verzekeren

Zodra een gebruiker een formulier invult, heeft hij mogelijk een indicatie nodig van het resultaat van zijn acties – of het een succes of een mislukking was. Het zou dus goed zijn om een dialoogvenster op een nieuwe pagina te hebben dat hen die bevestiging geeft. Of een ‘Bedankt’-pagina wanneer ze zich hebben geabonneerd op uw pagina/aanbieding enz.

Houd goed in de gaten waar fouten kunnen optreden

De gebruikersinterface moet zo zijn ontworpen dat de gebruiker er gemakkelijk doorheen kan navigeren, zonder dat er fouten optreden. Dit betekent dat ze alleen telefoonnummers moeten kunnen typen in velden die zijn aangewezen voor telefoonnummers, dus wanneer ze typen; het zou eruit moeten komen als cijfers, en niet als alfabetten. Evenzo moeten de velden waar ze geen invoer hoeven in te voeren, grijs worden weergegeven. En als de gebruiker een fout maakt, moet er een uitleg zijn over wat de fout was en hoe ze deze kunnen oplossen.

Richtlijnen voor het maken van een geweldige gebruikersinterface

Elke UI-ontwerper kijkt naar de meest gerespecteerde principes en richtlijnen die zijn opgesteld door eerdere ontwerpers om hun werk gemakkelijker te maken, en wanneer ze regelmatig worden gevolgd door opkomende ontwerpers, worden ze bijna de gouden standaard voor UI-ontwerpen.

1. De feedback en het gebruikersresultaat

Er moet voldoende feedback (tijd en reactievermogen) zijn wanneer de gebruiker op een bepaalde knop klikt. Als de gebruiker bijvoorbeeld op een knop klikt, moet het resultaat zijn wat het zou moeten zijn.

2. Gebruikersbediening

De gebruikersinterface moet de gebruiker controle geven over zijn acties. Als de bezoeker bijvoorbeeld terug wil gaan en zijn actie ongedaan wil maken of een fout wil herstellen, dan is dat maar zo. De gebruiker moet deze vrijheid hebben.

3. De gebruiker moet de bedieningselementen gemakkelijk begrijpen

Het is belangrijk dat de gebruiker de afbeeldingen en emoji’s die je plaatst begrijpt. De iconen die je op verschillende plekken plaatst fungeren als visuele elementen. Ze zouden bijvoorbeeld gewend zijn om het vergrootglaspictogram in de buurt van de zoekbalk te zien.

4. Gestandaardiseerde en consistente elementen

De ontwerper moet ervoor zorgen dat hij elke keer alleen dezelfde UI-elementen gebruikt om consistentie te behouden. Het gebruik van verschillende elementen zal de gebruiker in verwarring brengen en de taak onbruikbaar maken.

5. Gebruik maken van het ‘erkenning in plaats van herinneren’-scenario

De gebruiker stelt het zeer op prijs als hij niet te veel informatie hoeft te onthouden. Bied ze hulp zodat ze de specifieke context waarin ze werken kunnen herkennen.

6. Flexibiliteit voor de gebruiker

De interface moet zodanig zijn dat de gebruiker deze kan aanpassen aan hun behoeften, en ze kunnen snelkoppelingen en aanraakbewegingen hebben voor gemakkelijke flexibiliteit en efficiëntie in het gebruik.

7. Esthetisch design natuurlijk

Het belangrijkste doel achter de taak van de UI-ontwerper is om het de gebruiker gemakkelijk te maken, dus het product moet een esthetisch, minimalistisch ontwerp hebben, wat betekent dat de gebruiker zich aangetrokken moet voelen, maar wordt uitgeschakeld door te veel onnodige elementen.

Conclusie

De UI Designer richt zich dus op de look en feel van het product , waardoor de hele productervaring zo soepel en eenvoudig mogelijk wordt. Ze moeten UI-prototyping, interactiviteit en animatie doen, ervoor zorgen dat het ontwerp zich aanpast aan verschillende schermen en hun afmetingen, en samenwerken met de UX-ontwerper om een geheel nieuw geweldig product te creëren.

De gebruikersinterface moet vanzelfsprekend, gebruiksvriendelijk en efficiënt zijn, omdat bedrijven afhankelijk zijn van hoe hun applicaties door hun gebruikers worden ervaren.

Interessante links:

Het verschil tussen UI en UX Design

Meer informatie over Ontwerp van gebruikersinterface

Foto’s: Canvas

De auteur: Sascha Thattil werkt bij Software-Developer-India.com, een onderdeel van de YUHIRO Group. YUHIRO is een Duits-Indiase onderneming die programmeurs levert aan IT-bedrijven, agentschappen en IT-afdelingen.