29 tips voor een gebruiksvriendelijke website

Een gebruiksvriendelijke website is niet alleen prettig voor je bezoekers. Een gestructureerde en toegankelijke website wordt ook door zoekmachines zoals Google gewaardeerd en dat is dan weer goed voor je vindbaarheid. Daarom geven we je graag een flink aantal tips om de gebruiksvriendelijkheid, of usability, van je website te verbeteren.

LAATSTE UPDATE: 7 april 2020

Je hebt maar één kans om een goede eerste indruk te maken. Dat geldt zeker voor online. Je websitebezoekers beslissen binnen enkele seconden of jouw website de moeite waard is om verder te lezen of scrollen.

Heb je geen gebruiksvriendelijke website? Dan zit het er dik in dat je websitebezoekers bouncen en je ze nooit meer terug ziet. Op welke pagina bezoekers binnenkomen kan variëren. Het is dus niet voldoende om bijvoorbeeld alleen aandacht te besteden aan je homepage of je landingspagina’s.

Ontdek hieronder onze tips voor een gebruiksvriendelijke homepage, navigatie en gebruiksvriendelijke content.

 

Tips voor een gebruiksvriendelijke homepage

Laten we beginnen bij het eerste wat je websitebezoekers te zien krijgen als ze jouw website intypen in de adresbalk: je homepage. Grote kans dat veel van je traffic binnenkomt via deze pagina.

1. Gebruikt je website een duidelijke, relevante en niet een al te lange domeinnaam?

Maak het jezelf en je bezoekers gemakkelijk en gebruik een domeinnaam die je bezoeker goed kan inschatten en onthouden. Denk aan de naam van je bedrijf of de dienst of het product wat je aanbiedt.

2. Gebruik je een logisch website-adres voor je homepage?

www.jouwwebsite.nl is een duidelijk en overzichtelijk website-adres voor je homepage. Iets ervoor of erachter (zoals: www.jouwwebsite.nl/index.php) leidt vaak tot verwarring bij je bezoeker en maakt je URL langer dan nodig.

3. Vertelt de homepage je bezoeker direct en duidelijk wat voor website dit is en wat hij er mee kan?

“Wat is dit, wat kan ik hier en hoe kun jij mij helpen?” zijn de eerste vragen van je bezoeker. Beantwoord ze zo snel, bondig en helder als je kunt.

4. Bevat je homepage een slogan of bedrijfsmotto dat direct en duidelijk zegt wat het bedrijf doet/is?

Je slogan is je kans om in één oogopslag duidelijk te maken wat je voor je bezoeker of klant kunt betekenen. Zo is het voor je bezoeker direct duidelijk of jouw website voor hem relevant is. Binnen enkele seconden beslist je bezoeker namelijk of hij verder kijkt op je website of weer verder zoekt.

5. Is het logo klikbaar, staat deze op een logische plek en gaat hij naar de ‘Homepage’?

Veel bezoekers verwachten dat ze op het logo kunnen klikken om naar de ‘homepage’ van je website te gaan. Plaats het logo daarnaast het liefst (links-) bovenaan de pagina. Dit is een herkenbare plek voor de bezoekers van je website.

6. Zijn de belangrijkste delen van de website direct te bereiken via de homepage?

Kan je bezoeker direct (met één muisklik) bij de belangrijkste onderdelen van je website komen? En kunnen je bezoekers direct een zoekopdracht plaatsen als je een webshop of grotere website hebt met een uitgebreide menustructuur?

7. Voorkom je het gebruik van ‘ruis’ op de homepage die niet relevant zijn voor je bezoeker?

“Keep it simple” is vaak het motto voor je homepage. Houdt het bij een korte en krachtige introductie van de producten of diensten die je aanbiedt. Leidt je bezoeker niet af met voor de homepage niet relevante zaken zoals je laatste tweets of animaties.

8. Vertelt de homepage direct en duidelijk welke producten of diensten er op de website te vinden zijn?

De homepage kan goed dienen als korte ‘teaser’ en ‘preview’ voor de meest waardevolle diensten of producten die je bezoekers te bieden hebt. Dit zet de deur open voor een grotere kans op interesse bij je bezoeker en wekt duidelijkheid op als het gaat om de vraag van je bezoeker; “wat doet deze persoon/dit product, en hoe kan mij dat helpen?”.

via GIPHY

9. Zijn de belangrijkste taken voor de bezoeker benadrukt op de homepage, zodat bezoekers een duidelijk begin-/startpunt hebben?

Gooi je bezoekers niet in het diepe. Je bezoeker zal wel ongeveer weten waar hij heen wil maar het is jouw taak en verantwoordelijkheid om zijn reis zo kort en logisch mogelijk te maken. Dit kan je bijvoorbeeld doen door het plaatsen van één enkele grote en duidelijke knop, ook wel call-to-action genoemd. Ontdek hier hoe je verleidelijke call-to-actions maakt.

 

Tips voor een gebruiksvriendelijke navigatie

Heeft je website een goede eerste indruk achtergelaten? Dan wil je dat je websitebezoekers en zoekmachines gemakkelijk door je website kunnen navigeren. Een duidelijk hoofdmenu, een kruimelpad en een sterke onderlinge linkstructuur zijn hierbij onmisbaar.

10. Staat het hoofdmenu van je site op een duidelijke en opvallende plek?

De ideale plek voor je hoofdmenu is bovenaan je pagina naast het logo of links naast de content van je website. Dit patroon zie je op nagenoeg alle websites terug en verwacht de bezoeker dus ook van jouw website. Zorg er daarnaast voor dat je menu op elke pagina op dezelfde plek staat.

11. Staan er minder dan 10 items in je hoofdmenu?

Mensen zijn snel het overzicht kwijt en kunnen lastig kiezen. Streef naar minder dan 8, of zelfs 6 items in je hoofdmenu voor optimaal overzicht. Gebruik logische en eenvoudige termen in je menu. Bijvoorbeeld geen ‘Wat we doen’ maar ‘Bedrijfsfotografie’ .

12. Is het duidelijk zichtbaar waar je bezoeker zich bevindt?

  • Gebeurt er iets met een knop/link in je hoofdmenu wanneer je bezoeker hem indrukt zodat hij weet welke link of knop ‘actief’ is en op welke pagina hij nu zit?
  • Maak je gebruik van een kruimelpad? In een kruimelpad geeft de navigatie / gelaagdheid van een pagina weer, zoals te zien is op onze detailpagina’s:

13. Staat er een duidelijke ‘contact’-link of -knop in je hoofdmenu die leidt naar alle contactinformatie?

Kan een bezoeker direct contact met je openen als hij geïnteresseerd is in jouw dienst of product? Zorg ervoor dat je telefoonnummer, en eventueel (e-mail)adres, duidelijk te vinden is. Het plaatsen van je adresgegevens is vooral belangrijk als je lokaal actief bent. Dit heeft namelijk een positief effect op je lokale online vindbaarheid.

De ‘Contact’-knop ken je. Iedereen kent ‘m. Maak gebruik van die bekendheid. Zet een contactpagina op je website en noem de link die er naartoe leidt in je hoofdmenu ‘Contact’.

14. Is je menu ook te gebruiken op smartphones en tablets?

Niet iedereen heeft de beschikking over een muis. Zorg er daarom ook voor dat je menu ook goed werkt met een touchscreen. Zorg voor zo min mogelijk dropdown-menu’s en houd de navigatie zo eenvoudig mogelijk. Houdt voldoende afstand tussen de menu items zodat je niet per ongeluk de verkeerde link aanklikt met je vinger. Wordt je menu op een smartphone bekeken? Zorg dan voor een apart mobiel menu wat alleen op een klein scherm getoond wordt.

15. Zijn de links naar je pagina zoekmachine-vriendelijk en makkelijk te onthouden?

Zorg ervoor dat de link of je pagina eenvoudig en logisch qua structuur zijn. Gebruik bijvoorbeeld www.mijnwebsite.nl/mijn-product in plaats van www.mijnwebsite.nl/page-ID?17 Dat is niet alleen makkelijk te onthouden voor je bezoekers maar het heeft ook een positief effect voor de vindbaarheid van je pagina.

16. Gebruik je logische namen voor de interne links op je website?

Gebruik geen ‘Klik hier’ maar maak bijvoorbeeld de woorden ‘Over ons’ of ‘Contact Pagina’ klikbaar. Zo weet je bezoeker wat voor soort pagina hij kan verwachten. Ook is dit voor zoekmachines een goede manier om de relevantie tussen pagina’s weer te benadrukken.

17. Zijn alle links onderstreept of ‘duidelijk’ klikbaar en vallen ze op in de teksten?

Zorg ervoor dat links opvallen in je tekst. Wanneer je tekst zwart is, en de link grijs is er weinig contrast. Gebruik liever een contrasterende kleur voor je links zodat ze meer ‘uit je tekst springen’. Zorg ook voor een andere kleur of voor het onderstrepen van de link als je met de muis er overheen gaat of klikt.

18. Hebben alle links dezelfde kleur?

Consistentie is belangrijk binnen websites. Zorg ervoor dat het uiterlijk van je links consistent is. Gebruik geen rode links op de ene pagina en blauwe op de volgende pagina.

19. Voorkom je dat er links op je website zijn die een nieuw venster openen?

Gebruik het ‘openen in een nieuw venster’ (target=”_blank”) alleen als het echt nodig is. De terug / vorige knop van je browser werkt dan namelijk niet wanneer er een pagina in een nieuw venster wordt geopend.

 

Tips voor gebruiksvriendelijke content

Heb je je bezoekers overtuigd om langer op je website te blijven? Dan wil je ze wel aantrekkelijke content voorschotelen. We helpen je een eindje op weg met het creëren van gebruiksvriendelijke content.

20. Is alle tekst op je website goed leesbaar?

Contrast is belangrijk. Duidelijk contrast tussen je teksten en de achtergrond waar ze op staan is noodzakelijk voor optimale leesbaarheid. Zwarte letters op een witte achtergrond is bijvoorbeeld altijd goed. Ook moeten je letters niet te klein zijn. 12 pixels als lettergrootte is vaak het absolute minimum. Voor een optimale leesbaarheid kan je beter 14 of zelfs 16 pixels als standaardformaat aanhouden.

Met deze tool kun je het contrast op je website checken.

21. Gebruik je goed te begrijpen en duidelijke titels, tussenkoppen en teksten?

Praat je de taal van je bezoeker of gebruik je veel vaktaal en lastige termen? Spreek je beginners of gevorderden aan op je site? Wie is je klant? Past jouw tekst en taal bij het kennisniveau van je bezoeker?

22. Gebruik je koppen en sub-koppen op je website om je teksten onder te verdelen?

Koppen (ook wel Headings genoemd) zijn titels, subtitels en sub-subtitels voor je teksten en maken de informatie overzichtelijker en gestructureerder. Niet alleen voor je bezoeker maar ook voor zoekmachines.

23. Gebruik je opsommingslijsten en witruimtes?

Grote lappen tekst zonder een enkele blanco regel zijn niet uitnodigend om te lezen. Door gebruik te maken van opsommingslijsten en witruimtes is de tekst op je website snel scanbaar voor je bezoeker en nodigt dit uit om de teksten te lezen.

Voorbeeld van een tekst met koppen, opsomminglijsten & witruimtes en dezelfde tekst zonder:

goede_tekst_slechte_tekst

24. Is je tekst gericht op het helpen van de bezoeker of het strelen van jouw ego?

Iedere website-eigenaar wil zijn klant of bezoeker iets vertellen. Maar wat jij wilt vertellen en wat de klant wilt weten zijn vaak twee verschillende dingen. Richt je teksten dus zoveel mogelijk op de informatie die interessant is voor jouw bezoeker/klant.

25. Zijn de belangrijkste items/onderdelen op pagina’s benadrukt/groter/opvallender?

Als de ‘Inschrijven’ of ‘Contact Opnemen’ knop of link belangrijk is, maak dit dan duidelijk door hem opvallender en prominenter te maken. Dat kan bijvoorbeeld met een contrasterende kleur of groter letterformaat.

26. Voorkom je het gebruik van onnodige content voor je bezoeker?

Des te meer informatie je presenteert, des te groter de kans dat je je bezoeker overrompelt of verwart. Wees selectief in wat je allemaal op je website zet en ga vooral na wat je bezoeker belangrijk vindt.

27. Voorkom je het gebruik van foto’s als decoratie?

Wanneer je foto’s van je product/dienst hebt, kunnen deze relevant zijn voor je bezoeker. Maar foto’s en afbeeldingen puur als decoratie zijn vaak eerder bronnen van afleiding, trage websites en bieden zelden een toegevoegde waarde.

28. Bevatten de afbeeldingen op jouw website een goede/beschrijvende naam en alt-tag?

Een goede naam voor je afbeeldingen helpt je bezoeker door duidelijkheid te creëren en maakt daarnaast Google blij. Ook een alt-tag (een tweede beschrijving) van je afbeelding helpt hierbij.

29. Zijn de teksten van je website gecontroleerd op fouten?

Zowel je bezoeker als Google zien correct taalgebruik als een grote plus en een teken van betrouwbaarheid.

 

Is jouw website gebruiksvriendelijk?

Hoe is het gesteld met de gebruiksvriendelijkheid op jouw website? We kijken graag even met je mee. Aan de slag met de gebruiksvriendelijkheid van je website? Neem eens contact op!

WordPress Webdesign - website lanceren

Tijd voor een slimme WordPress website?

Misschien is dit wel een mooi moment om eens goed te kijken naar je website. Past die eigenlijk nog wel bij je organisatie? Of wordt het tijd voor verFRISsing! We helpen je daar graag bij. Aansluiting op je doelgroep en gebruiksvriendelijkheid in beheer zijn daarbij belangrijke uitgangspunten!

Ontdek de mogelijkheden!

Ook interessant