Wat is UX design? Betekenis, voorbeelden en tips

Key takeaways

• UX design is het ontwerpen van de ervaring die bezoekers hebben met een website of app.
• Een UX-traject bestaat uit onderzoek, structuur, wireframe, prototype en testen.
• UX bepaalt hoe een website werkt, UI hoe die eruitziet.
• Goede UX levert meer aanvragen en verkopen uit hetzelfde aantal bezoekers.

Wat is UX design? Kort antwoord

UX design is het ontwerpen van de ervaring die een gebruiker heeft met een website, app of ander product. UX staat voor user experience, in het Nederlands dus gebruikerservaring. Het doel is dat bezoekers snel vinden wat ze zoeken en zonder moeite de gewenste actie uitvoeren. Voor bedrijven betekent dat meer aanvragen en verkopen uit hetzelfde aantal bezoekers.

Hoe werkt UX design?

UX werkt door eerst te onderzoeken wat gebruikers willen en dan daar het ontwerp stap voor stap op af te stemmen. De term user experience komt van Don Norman, die hem in de jaren negentig gebruikte tijdens zijn werk bij Apple. Het vakgebied lost een veelvoorkomend probleem op: websites worden vaak gebouwd vanuit wat het bedrijf wil vertellen in plaats van vanuit wat de bezoeker zoekt.

Stappen van UX design

Een UX-traject bestaat in de praktijk uit vijf stappen:

1. Onderzoek. Je achterhaalt wie je bezoekers zijn en wat ze willen bereiken, en brengt hun customer journey in kaart.
2. Structuur. Je bepaalt welke pagina's er komen en hoe bezoekers daartussen navigeren. Dat heet informatiearchitectuur.
3. Wireframe. Een wireframe is een eenvoudige schets van een pagina, zonder kleur en met alleen de indeling.
4. Prototype. Een prototype is een klikbaar voorbeeld waarmee je de route van de bezoeker test voordat er gebouwd wordt.
5. Testen en verbeteren. Je bekijkt hoe echte bezoekers de website gebruiken en past het ontwerp aan.

Waarom is UX design belangrijk?

Goede UX is belangrijk omdat een bezoeker die niet snel vindt wat hij zoekt, snel weer weg is. Een website kan veel verkeer trekken, maar zonder een goede gebruikerservaring blijven de aanvragen uit. Neem een website met 10.000 bezoekers per maand. Bij een conversie van 2 procent levert dat 200 aanvragen op, bij 3 procent zijn dat er 300, met hetzelfde advertentiebudget. Die winst komt meestal uit duidelijkere navigatie, kortere formulieren en snellere pagina's.

Bedrijven die niets met UX doen, betalen voor bezoekers die op een lekke website landen. Dat zie je terug in hogere kosten per aanvraag. Zonder goede UX heeft conversie optimalisatie weinig zin, bezoekers haken dan al af voordat ze bij een formulier komen. Lees ook waarom jouw website geen klanten oplevert.

Wat is een voorbeeld van goede UX design?

Een voorbeeld van goede UX design is een website waarop bezoekers direct zien wat er te kiezen valt en wat de volgende stap is. De website van ParelDuyn laat dat goed zien.

Case: ParelDuyn - Een website die direct duidelijk is

Situatie
ParelDuyn is een kleinschalige vakantieaccommodatie in Oostkapelle. Na de nieuwe branding had ParelDuyn een sterke visuele identiteit en zocht het een website die daar volledig bij paste. Potentiële gasten moesten al voor aankomst het gevoel van thuiskomen aan zee krijgen en tegelijk snel kunnen zien wat er te boeken valt.

Oplossing van HYPE Agency
We bouwden de website met de branding als fundament en hielden de opbouw bewust eenvoudig. Het zoekformulier staat bovenaan, elke studio en elk appartement heeft een eigen kaart met foto, oppervlakte en knop, en reviews en praktische antwoorden staan op de plek waar een gast ze zoekt. De warme beeldtaal en een vriendelijke tone of voice lopen door tot in de boekingsflow.

Resultaat
Gasten weten direct waar ze aan toe zijn, bladeren moeiteloos door het aanbod en voelen de sfeer van Oostkapelle al vanaf het eerste scrollen. Branding en website versterken elkaar nu tot één samenhangende merkbeleving voor ParelDuyn.

Wat is het verschil tussen UX design en UI design?

UX design bepaalt hoe een website werkt en voelt, UI bepaalt hoe die eruitziet.

UX

UX richt zich op de hele ervaring van de bezoeker, van de eerste klik tot de aanvraag. Het belangrijkste meetpunt is of dat bezoekers hun doel bereiken, bijvoorbeeld het conversiepercentage. Het resultaat zie je zodra een verbeterde versie live staat en je opnieuw meet.

UI

UI staat voor user interface, oftewel gebruikersinterface. UI richt zich op het uiterlijk van de onderdelen, zoals kleuren, lettertypes, knoppen en iconen. Het belangrijkste meetpunt is of het ontwerp consistent is en past bij je branding. Het resultaat is direct zichtbaar in het ontwerp.

Zet UX in als bezoekers niet doen wat je wilt, en UI als de website niet past bij je merk. Beide horen bij het laten maken van een website.

Hoe HYPE Agency naar UX design kijkt

Bij HYPE Agency begint UX in Figma, voordat er een regel code wordt geschreven. We ontwerpen eerst en bouwen daarna met Claude Code of Webflow. Daarbij focussen we minstens zo sterk op conversie en gebruiksgemak als op het visuele, want dat is uiteindelijk belangrijker. Voor elke website onderzoeken we de volledige klantreis. Met Microsoft Clarity bekijken we hoe bezoekers zich echt over de pagina's bewegen, zodat we bijsturen op gedrag en niet op aannames. Ook ontwerpen we in een designsysteem. Websites die met AI worden gebouwd zonder eerst te schetsen of een designsysteem te gebruiken, krijgen standaard templates en lijken daardoor op elkaar. Zo bouwen we bij het website laten maken websites die herkenbaar zijn en presteren.

Welke fouten worden er vaak gemaakt met UX design?

De meest gemaakte fout met UX is ontwerpen vanuit wat het bedrijf wil vertellen in plaats van vanuit wat de bezoeker zoekt. Andere fouten die we in de markt vaak zien:

• Geen onderzoek vooraf. Het ontwerp rust op aannames, waardoor bezoekers bij de eerste klik al afhaken.
• Te veel keuzes op één pagina. Zes knoppen die om aandacht vragen, zorgen ervoor dat bezoekers er geen enkele aanklikken.
• Alleen op desktop testen. Veel bezoekers komen via mobiel, dus een onhandig menu kost aanvragen.
• UX gelijkstellen aan een mooi ontwerp. Een website die prachtig oogt maar onduidelijk is, levert weinig op.
• Na de lancering stoppen. Zonder meten blijf je gokken welke pagina's bezoekers kwijtraken.

Tips voor UX design

1. Begin bij je bezoeker. Vraag vijf klanten waarom ze bij je kwamen en wat ze als eerste zochten. Dat zegt meer dan een gok.
2. Geef elke pagina één doel. Bepaal wat bezoekers moeten doen, bijvoorbeeld een offerte aanvragen, en haal weg wat daarvan afleidt.
3. Kijk mee met echte bezoekers. Een gratis tool als Microsoft Clarity laat met opnames en heatmaps zien waar bezoekers vastlopen.
4. Houd formulieren kort. Vraag alleen wat je nodig hebt om contact op te nemen, want elk extra veld kost aanvragen.
5. Schets eerst, bouw daarna. Maak een wireframe voordat je gaat bouwen, zoals HYPE Agency dat doet in Figma.

Wil je weten wat UX design voor jouw website kan betekenen, neem gerust contact met ons op. We kijken graag met je mee naar waar bezoekers afhaken en wat de eerste verbetering is.

Veelgestelde vragen over UX design

Wat doet een UX designer?
Een UX designer onderzoekt hoe bezoekers een website gebruiken en ontwerpt de structuur en route die hen naar hun doel brengt. Daarvoor maakt de designer wireframes en prototypes en test die met echte gebruikers. Bij kleinere bedrijven combineert één persoon dit vaak met het visuele ontwerp.

Welke tools gebruik je voor UX?
Voor ontwerp en prototypes werken de meeste specialisten met Figma. Het gedrag van bezoekers analyseer je met tools als Microsoft Clarity of Google Analytics. HYPE Agency ontwerpt websites in Figma en kijkt daarna in Clarity hoe bezoekers de website gebruiken.

Moet je kunnen coderen voor UX?
Nee, coderen is voor UX niet nodig. Wel helpt het om te begrijpen wat technisch mogelijk is, zodat het ontwerp goed te bouwen is. De bouw zelf doet meestal een developer.

Wat kost UX design?
De kosten van UX hangen af van de omvang van de website en van hoeveel onderzoek en testwerk nodig is. Bij een nieuwe website zit UX in het ontwerptraject, bij een bestaande website begint het vaak met een analyse van waar bezoekers afhaken. Voor een indicatie in jouw situatie kun je terecht op de contactpagina.

Kan ik UX zelf doen?
De basis van UX kun je prima zelf oppakken: klanten vragen wat ze zochten, met een gratis tool kijken waar bezoekers afhaken en formulieren korter maken. Voor gebruikersonderzoek, prototypes en testen is meer kennis nodig. Bekijk dan de mogelijkheden bij website laten maken.