UX/UI design
UX en UI worden vaak in één adem genoemd, maar het zijn twee verschillende dingen. Het onderscheid is belangrijk, omdat je ze ook op een andere manier beoordeelt.
Wat is het verschil?
Twee disciplines, één ontwerp
User experience
UX gaat over de ervaring. Hoe is de website opgebouwd, in welke volgorde krijgt iemand informatie te zien en hoeveel moeite kost het om te vinden waarvoor hij kwam? UX is grotendeels onzichtbaar: je merkt het pas wanneer het niet klopt. Een bezoeker die drie keer moet terug klikken om bij het juiste product te komen, ervaart dat als “een rommelige site”, zonder precies te kunnen aanwijzen waarom.
User interface
UI gaat over het tastbare. De knoppen, formulieren, kleuren, typografie en interacties waarmee iemand daadwerkelijk werkt. De UI is waar het merk zichtbaar wordt en waar duidelijkheid ontstaat: is dit een knop of een label, is dit veld verplicht, is deze stap gelukt?
De twee zijn niet los te koppelen
De mooiste interface helpt niemand als de structuur eronder niet klopt, en een logische structuur werkt alsnog niet wanneer de bezoeker de knop niet als knop herkent. In elk traject ontwerpen we ze dan ook samen. Eerst de structuur, dan de vorm.
Van onderzoek naar ontwerp
Elke keuze in het ontwerp is terug te voeren op iets wat we weten over je bezoekers, je markt of je doelstellingen. Dat maakt een ontwerp ook bespreekbaar: we kunnen uitleggen waaróm iets zo is, in plaats van te discussiëren over wat iemand mooi vindt.
Onderzoek en data
We beginnen bij wat er al is. Wie komt er op je website, via welke zoekopdrachten, en wat doen die mensen vervolgens? We combineren analytics, zoekdata en gedragsdata met gesprekken: met jou, met je salesteam en waar mogelijk met je klanten. Vaak zit het meest waardevolle inzicht bij de mensen die dagelijks dezelfde vragen beantwoorden.
Informatiearchitectuur
Vervolgens bepalen we de structuur: welke pagina’s zijn er, hoe verhouden ze zich tot elkaar en welke route legt een bezoeker af. Dit is het moment waarop UX en vindbaarheid samenkomen. Een structuur die logisch is voor je bezoeker, is doorgaans ook de structuur die zoekmachines en AI-assistenten het beste begrijpen.
Blueprint
Op basis van de structuur werken we de belangrijkste pagina’s uit in een blueprint. Daarin leggen we de indeling en logica van de pagina’s vast: wat iemand als eerste ziet, welke informatie hij nodig heeft om verder te klikken en waar de call-to-actions staan. Zonder afleiding van beeld en styling kunnen we ons volledig richten op hiërarchie en functionaliteit. Juist omdat een blueprint nog niet “af” oogt, levert hij de scherpste feedback op.
Visueel ontwerp
Kleur, typografie, beeld en interactie worden ingezet om de structuur te versterken: contrast waar aandacht nodig is, rust waar iemand moet lezen. Het merk krijgt hier zijn digitale vertaling, binnen de kaders die het ontwerp bruikbaar houden.
We ontwerpen geen losse pagina’s, maar een systeem
Een website bestaat zelden uit een vast aantal pagina’s. Er komt een campagne bij, een nieuwe dienst, een landingspagina. Ontwerpen we alleen die pagina’s, dan valt het geheel na een jaar uit elkaar.
Het grote voordeel is dat je team kan zelf nieuwe pagina’s samenstellen zonder dat het ontwerp scheef gaat groeien. En de overdracht naar development verloopt zonder ruis, omdat de developer niet hoeft te interpreteren wat er bedoeld werd, het staat er gewoon.
Veelgestelde vragen
Alle antwoorden op jouw vragen
Conversie optimalisatie
Testen wat er na livegang gebeurt
Een ontwerp is een goed onderbouwde aanname, tot je ziet wat bezoekers ermee doen. Na livegang kijken we mee: waar stoppen mensen met scrollen, welke stap in het formulier kost de meeste uitval, welke elementen krijgen kliks die er niet horen te zijn.
Die inzichten voeden de volgende ontwerpronde. Loopt het door naar structurele optimalisatie en A/B-testen, dan pakken we dat op vanuit conversie optimalisatie.
Kennis die jouw
online groei versnelt
