UX design tips: zes stappen naar een website die meer klanten oplevert

Je website krijgt bezoek, maar de telefoon blijft stil en het contactformulier ook. Meestal ligt dat niet aan het aantal bezoekers, maar aan wat er gebeurt in de eerste twintig seconden na de klik. Hieronder staan zes stappen die je vandaag zelf uitvoert, zonder dat er iets herbouwd hoeft te worden.

Key takeaways

• UX gaat niet over hoe je site eruitziet, maar over of een vreemde snel begrijpt wat je doet en wat de volgende stap is.
• De meeste winst zit in drie dingen: één zichtbare actie per pagina, een kort formulier en een pagina die vlot laadt.
• Schrijf je meting op vóór je iets verandert. Zonder startpunt weet je achteraf niet of je verbeterd hebt of alleen verschoven.
• Test op een echte telefoon. Je laptopscherm verbergt precies de problemen waar mobiele bezoekers op vastlopen.
• Jij kent je eigen site te goed om nog te zien wat een vreemde ziet. Laat het oordeel dus niet aan jezelf over.

Herken je dit op je eigen site

Loop deze punten na vóór je begint. Elk punt dat je herkent is een plek waar bezoekers weggaan zonder dat je het in je inbox terugziet.

• Je belangrijkste knop staat pas na een halve pagina scrollen, of valt weg tussen de rest.
• Je contactformulier vraagt meteen om bedrijfsnaam, btw-nummer en sector.
• Op je homepage staat wel hoe je bedrijf heet, maar niet voor wie je werkt.
• Je hoofdmenu heeft zo veel items dat je ze niet in één oogopslag overziet.
• Je tekst staat in kleine letters, dicht op elkaar, zonder witruimte tussen de alinea's.
• Je site voelt traag op mobiel, maar je hebt het nooit gemeten.

Het stappenplan in zes stappen

1. Zet je belangrijkste actie bovenaan en schrijf concreet op wat de bezoeker krijgt. Kies per pagina één actie, geen drie. Vervang een algemene knoptekst als Contacteer ons door wat er daarna gebeurt, bijvoorbeeld Vraag een offerte aan of Plan een kennismaking van twintig minuten. Geef die knop een kleur die verder nergens op de pagina terugkomt, zodat het oog hem vanzelf vindt. Je ziet dat het gelukt is wanneer je je homepage op je telefoon opent en de knop in beeld staat zonder te scrollen.

2. Schrap elk veld dat je niet nodig hebt voor een eerste contact. Elk extra veld is een extra reden om te stoppen met invullen. Vraag een naam, één manier om te antwoorden en een vrij tekstveld. Btw-nummer, bedrijfsnaam en sector vraag je in het gesprek zelf, want dan heb je de lead al. Je ziet dat het gelukt is wanneer je de velden telt en op drie of vier uitkomt.

3. Laat een vreemde vijf seconden naar je homepage kijken. Dat is de vijf-secondentest, een bekende manier om te toetsen of je boodschap overkomt. Toon iemand die je site nooit zag de pagina, klap het scherm na vijf seconden dicht en vraag drie dingen: wat doet dit bedrijf, voor wie, en wat kun je hier doen. Doe dat met drie verschillende mensen, en niet met een collega die je vakjargon al kent. Je ziet dat het gelukt is wanneer alle drie zonder aarzelen hetzelfde antwoord geven. Aarzelen ze, dan herschrijf je je openingszin tot er letterlijk staat wat je aanbiedt en aan wie.

4. Meet je laadsnelheid en pak eerst de zwaarste post aan. Draai je homepage en je belangrijkste dienstenpagina door Google PageSpeed Insights en noteer de score en de Core Web Vitals. Google noemt die Core Web Vitals bij de signalen waarmee het de kwaliteit van een pagina beoordeelt, dus dit werkt twee kanten op. In de praktijk zijn afbeeldingen bijna altijd de zwaarste post: zet ze om naar WebP of AVIF met Squoosh en vervang de originelen. Gooi daarna elke plugin of extern script weg dat wel laadt maar niets bijdraagt. Je ziet dat het gelukt is wanneer je dezelfde pagina opnieuw meet en de score hoger ligt dan het cijfer dat je had opgeschreven.

5. Test op je eigen telefoon, niet in het smalle venster van je browser. Loop je site door zoals een klant dat doet en let op vier dingen. Zijn je knoppen groot genoeg om zonder mikken aan te tikken: Apple houdt in zijn richtlijnen voor iOS 44 bij 44 punten aan, Google voor Android 48 bij 48, dus met 48 zit je bij allebei goed. Is je tekst leesbaar zonder in te zoomen: de standaardlettergrootte van een browser is 16 pixels, en alles daaronder wordt zwaar werk. Roept een telefoonveld het cijfertoetsenbord op en een e-mailveld het toetsenbord met apenstaartje. Is je telefoonnummer een klikbare link in plaats van gewone tekst. Je ziet dat het gelukt is wanneer je je eigen formulier op je telefoon invult met één hand, zonder in te zoomen.

6. Kijk waar bezoekers echt afhaken in plaats van te gissen. Installeer Microsoft Clarity en laat het een week meelopen. Je krijgt heatmaps en sessieopnames, dus je ziet letterlijk waar mensen klikken, hoe ver ze scrollen en waar ze blijven hangen. Zet er Google Analytics 4 naast om te zien welke pagina's bezoek krijgen en welke mensen wegjagen. Je ziet dat het gelukt is wanneer je drie opnames hebt bekeken en één plek kunt aanwijzen waar meerdere bezoekers vastliepen.

Begin daarna opnieuw bij stap 1, maar dan op basis van wat je in stap 6 gezien hebt in plaats van op basis van wat je vermoedt. Dat is het verschil tussen sleutelen en verbeteren.

Aanbevolen platforms en tools

Gratis plannen veranderen zonder aankondiging. Controleer de actuele voorwaarden voordat je een tool vast in je werkwijze opneemt.

Tips en tricks

• Noteer je startmeting in een tekstbestand met de datum erbij. Zonder dat cijfer discussieer je later over gevoel in plaats van over resultaat.
• Verander één ding tegelijk en meet ertussen. Pas je vijf dingen tegelijk aan, dan weet je bij een slechtere score niet welke ervan de boosdoener is.
• Bekijk je site in een privévenster van je browser. Jouw cache maakt je site sneller dan die voor een nieuwe bezoeker ooit is.
• Zet je telefoon even op mobiele data in plaats van wifi. Dat lijkt meer op de omstandigheid waarin iemand je site onderweg opent.
• Een knop die Verzenden heet belooft niets. Zet erop wat de bezoeker krijgt, want dat is waar hij op klikt.
• Neem geen percentage aan over mobiel bezoek. Kijk in je eigen statistieken hoeveel van jouw bezoekers via een telefoon binnenkomen en laat dat je volgorde bepalen.
• Wil je begrijpen wat de meetwaarden betekenen, lees dan de uitleg op web.dev. Dat is de plek waar Google de Core Web Vitals zelf toelicht.
• Vraag feedback aan iemand buiten je vak. Een vakgenoot vult je jargon vanzelf aan en mist daardoor precies wat een klant niet begrijpt.

Doe de zelfscan

Wat je vandaag doet

Je hoeft je website niet opnieuw te laten bouwen om er meer klanten uit te halen. Kies vandaag stap 1 en stap 2, want die kosten samen minder dan een uur: zet je belangrijkste actie bovenaan en schrap de overbodige velden uit je formulier. Noteer daarbij je huidige PageSpeed-score met de datum, zodat je volgende week kunt zien wat het opgeleverd heeft.

Loop je vast op een stap of ontbreekt de tijd, dan kijkt HisarWeb graag mee. We bouwen deze principes standaard in bij websiteprojecten in België, Nederland en Luxemburg, en doen ook los daarvan een gerichte UX-check. Vraag een gratis UX-check aan als je er een tweede paar ogen bij wil.

Verder lezen: 7 conversie-optimalisatie tips voor je KMO-website | De 5-secondentest voor je homepage | Je websitesnelheid zelf meten en verbeteren