5 UI tips voor een betere UI
Geen categorie

5 UI tips voor een betere UI

By 3 september 2021januari 18th, 2022No Comments
5 UI tips voor een betere UI

Hoe krijg je nou een goede UI?

Binnen deze blog ben ik op zoek gegaan naar de belangrijkste aspect van hoe jij of ik als UI designer tot een goed uiteinde komt. Binnen deze post worden dan een aantal punten benoemd die altijd van toepassing zijn tijdens het ontwerp proces.

1. Ken je gebruikers 🕵️

Bovenal moet je weten wie de gebruikers zijn, van binnen en van buiten. Dat betekent dat je alle demografische gegevens kent die uw analyse-app(s) kunnen ophalen. Maar belangrijker nog, het betekent weten wat ze nodig hebben en wat hen in de weg staat om hun doelen te bereiken. Om dat niveau van empathie te bereiken, is meer nodig dan een zorgvuldige analyse van statistieken.
Het vereist het leren kennen van de mensen die jouw website gebruiken. Het betekent persoonlijk met ze praten, kijken hoe ze jouw product (en misschien anderen) gebruiken en ze vragen stellen die dieper gaan dan: “Wat vind je van dit ontwerp?” Wat zijn hun doelen? Wat staat hen in de weg om die doelen te bereiken? Hoe kan een website hen helpen deze uitdagingen te overwinnen of te omzeilen? Stop niet bij het weten wat uw gebruikers willen.
Verlangens zijn immers slechts uitvloeisels van behoeften. Als jij in de diepgewortelde behoefte van een gebruiker kunt voorzien, komt u tegemoet aan hun wensen en tegelijkertijd aan meer fundamentele vereisten.
De inzichten die jij zult ontdekken door gegevens te analyseren en met gebruikers te praten, zullen u informeren over elke beslissing die u neemt, van hoe mensen uw interface gebruiken tot welke soorten inhoud u in die interface zult markeren.

2. Bepaal hoe de interface gebruikt wordt 💻

Voordat je een interface ontwerpt, moet er bepaalt worden hoe mensen deze zullen gebruiken. Met de toenemende prevalentie van op aanraking gebaseerde apparaten, is dit een belangrijker probleem dan je zou denken.

Een goed voorbeeld hiervan is, Tinder: de gebruikerservaring van de app wordt letterlijk bepaald door het gemak en de impulsiviteit van een simpele veegbeweging.

Mensen gebruiken websites en apps op twee manieren: direct (door interactie met de interface-elementen van het product) en indirect (door interactie met ui-elementen buiten het product).

Het vereist het leren kennen van de mensen die jouw website gebruiken. Het betekent persoonlijk met ze praten, kijken hoe ze jouw product (en misschien anderen) gebruiken en ze vragen stellen die dieper gaan dan: “Wat vind je van dit ontwerp?” Wat zijn hun doelen? Wat staat hen in de weg om die doelen te bereiken? Hoe kan een website hen helpen deze uitdagingen te overwinnen of te omzeilen? Stop niet bij het weten wat uw gebruikers willen.
Verlangens zijn immers slechts uitvloeisels van behoeften. Als jij in de diepgewortelde behoefte van een gebruiker kunt voorzien, komt u tegemoet aan hun wensen en tegelijkertijd aan meer fundamentele vereisten.
De inzichten die jij zult ontdekken door gegevens te analyseren en met gebruikers te praten, zullen u informeren over elke beslissing die u neemt, van hoe mensen uw interface gebruiken tot welke soorten inhoud u in die interface zult markeren.

3. Maak gebruik van witruimte ☄️

Omarm witruimte, het liefst met open armen. Witruimte (of negatieve ruimte) is namelijk essentieel in UX. In een notendop is witruimte de lege ruimte rondom de content van een pagina. Hierbij kun je bijvoorbeeld denken aan de ruimte tussen grotere delen van je pagina (zoals tussen de navbar en de header), maar ook aan kleinere delen (zoals de ruimte tussen regels en alinea’s).

Naast het feit dat je website een stuk makkelijker te scannen en te lezen is, kan witruimte ook zorgen voor een modern, open en fris gevoel. Tevens kun je door slim gebruik te maken van witruimte extra aandacht op je call-to-actions vestigen, wat meer kliks en conversies kan opleveren.

Een goed voorbeeld van een website die witruimte perfect gebruikt is Ueno.co. In het gedeelte above the fold (het deel dat gelijk zichtbaar is zonder te scrollen) wordt veel witruimte gebruikt, waardoor je aandacht meteen gevestigd is op de case study van Slack. Deze geniale balans tussen content en witruimte zie je over de gehele website terug.

4. Voeg interactieve elementen toe ⚽

Het is 2019, het tijdperk van statische websites ligt nu wel achter ons wat mij betreft. Micro-animaties kunnen de gebruikerservaring van je website enorm verhogen, mits je ze subtiel en naadloos toepast.

Als websitebezoeker is het namelijk erg fijn om, tot op zekere hoogte, een visuele verandering te zien als je een handeling wil of gaat verrichten. Denk bijvoorbeeld aan een hover-effect, page loader of scroll-animatie.

Mocht je na het lezen van dit artikel van plan zijn om je website wat levendiger te maken, ga dan alsjeblieft niet overboord met het toepassen van animaties. Overmatig of verkeerd gebruik van micro-animaties kan namelijk juist de gebruikerservaring negatief beïnvloeden. Denk less is more en houd het subtiel.

5. Consistentie van de flow

In termen van ontwerp is flow wanneer de gebruiker moeiteloos van het ene aspect van de website of mobiele app naar het andere gaat om het uiteindelijke doel van het bereiken van hun doelen te bereiken.

Dit is waarom het belangrijk is: een duidelijk ontwerpkader stelt consumenten in staat om naadloos te krijgen wat ze willen. Dat werkt in uw voordeel. Consistentie houdt de implementatie in stand.

Je moet stap voor stap bedenken wat de gebruiker gaat doen om de zaken consistent te houden. Laten we bijvoorbeeld de stroom van een website nemen. Op een startpunt, meestal de homepage of een blogpost, begint de gebruiker aan zijn reis.

Je moet nadenken over waar het punt van binnenkomst zou leiden. Het kan bijvoorbeeld leiden tot een andere blogpost die dieper ingaat op het onderwerp of een website die een andere dienst of product levert dat aan de behoeften van de gebruiker voldoet.

Doodlopende pagina’s zijn een ander ding om te overwegen; die pagina’s die nergens anders heen leiden. U moet dergelijke gevallen tijdens het gebruikerstraject zoveel mogelijk vermijden. Elke pagina op uw website zou ergens naartoe moeten leiden.

Ten slotte heeft elke websitestroom een ​​einddoel, waar de behoeften van gebruikers en de doelen van uw website samenkomen. Als gebruikers bijvoorbeeld op zoek zijn naar waardevolle inhoud en u levert waardevolle inhoud, dan is een abonneerknop of Patreon-link een redelijk einddoel.

 

 

 

Bronnen: 
Frankwatching
UIX planet