Hey, we're
ViewViewViewView
1/1

Structuur en UX

Een site die logisch werkt voor elke bezoeker

Collega lacht tijdens een overleg

Een website die logisch voelt.

Bezoekers beslissen in een paar seconden of ze op de juiste plek zijn. Vinden ze niet snel wat ze zoeken, dan zijn ze weg. Een doordachte structuur en gebruikerservaring zorgen dat elke bezoeker de weg vindt: van eerste indruk naar het antwoord op zijn vraag, en van daar naar contact, aanvraag of aankoop. Dat begint lang voordat er iets wordt ontworpen.

We starten met de vraag wie je website bezoekt en wat die mensen willen bereiken. Met desk research, analyse van je huidige website en interactieve sessies met de mensen die bij de website betrokken zijn, brengen we doelen, doelgroepen en content in kaart. Daaruit ontstaan user flows per doelgroep en een sitemap met de structuur van je nieuwe website. Vervolgens werken we de belangrijkste pagina's uit in wireframes: schematische schetsen die laten zien welke informatie waar staat en hoe de bezoeker door de site beweegt. Zo bespreken we eerst de logica, en pas daarna het uiterlijk.

Portret van Peter Vermaas, Mandelo
Plan een kennismaking
01

Discovery

We analyseren je huidige website, je doelgroepen en je markt. In interactieve sessies stemmen we doelen, prioriteiten en scope af. Zo leggen we een gedeelde basis voor de nieuwe website.

Teamoverleg aan tafel, van bovenaf gezien
02

User flows

Per doelgroep beschrijven we welke route iemand doorloopt om zijn doel te bereiken. Van de eerste pagina tot het contactformulier, de aanvraag of de aankoop. Zo ontstaat een gedeeld beeld van hoe de website moet werken.

Overleg aan een ronde tafel bij Mandelo
03

Sitemap

We vertalen de flows naar een sitemap met de paginastructuur en navigatie. Daarbij bepalen we welke paginatypes nodig zijn, zoals een dienstpagina, case of vacature, en hoe ze met elkaar samenhangen.

Teamoverleg met presentatiescherm
04

Wireframes

We werken de belangrijkste pagina's uit in wireframes, met een adviesflowchart voor de functionaliteiten. In twee feedbackrondes scherpen we ze aan, tot alle informatie en functies een logische plek hebben.

Twee collega's werken samen aan een laptop

Wat een goede structuur oplevert

01

Gebruiksvriendelijk

Bezoekers vinden snel wat ze zoeken en begrijpen direct waar ze zijn.

02

Meer conversie

Een logische route leidt meer bezoekers naar contact, aanvraag of aankoop.

03

Minder risico

Keuzes worden gemaakt voordat er wordt ontworpen en gebouwd. Dat voorkomt dure aanpassingen later.

  • Omdat een mooie website die niet logisch werkt, weinig oplevert. Door eerst de structuur en de flows te bepalen, maken we de belangrijke keuzes op het moment dat ze nog eenvoudig te veranderen zijn. Eerst kiezen, dan ontwerpen.

    In de UI design fase werken we de wireframes daarna uit tot een volledig ontwerp, op een basis die al is getoetst.

  • Een wireframe is een schematische schets van een pagina, zonder kleuren, beelden of definitieve teksten. Het laat zien welke informatie er op een pagina staat, in welke volgorde en welke functies erbij horen.

    Zo kunnen we de inhoud en de logica bespreken zonder afgeleid te worden door het uiterlijk. Wireframes zijn ook de basis voor de componenten in je designsysteem.

  • De mensen die bij de website betrokken zijn en weten wat bezoekers vragen. Dat kan de ondernemer zijn, het marketingteam, maar ook collega's van verkoop, klantenservice of HR. Zij horen elke dag welke vragen klanten en sollicitanten hebben.

    Vanuit Mandelo schuiven een UX designer en een projectmanager aan.

  • Ja, als die beschikbaar is. Bezoekersdata laat zien welke pagina's goed worden bezocht, waar mensen afhaken en waarop ze zoeken. Ook zoekwoordonderzoek helpt om te begrijpen welke vragen er leven.

    Zijn er nog geen goede metingen? Dan richten we die in bij de nieuwe website, zodat je in de toekomst wel kunt sturen op data.

  • Een goede structuur is de basis voor SEO en GEO. We zorgen dat de paginastructuur aansluit bij wat je doelgroep zoekt, dat belangrijke pagina's goed bereikbaar zijn en dat pagina's logisch naar elkaar linken.

    Bij een vernieuwing van een bestaande website brengen we in kaart welke pagina's nu goed scoren, zodat die rankings bij de contentmigratie behouden blijven.

  • UX staat voor user experience: hoe de website werkt en aanvoelt. Structuur, navigatie, flows en de logica van pagina's. UI staat voor user interface: hoe de website eruitziet. Kleur, typografie, beeld en de vormgeving van elk element.

    We beginnen bij UX en werken daarna de UI uit. Samen vormen ze de basis voor een website die werkt en overtuigt.