Tips voor een gebruiksvriendelijke website

Transcriptie

1 Webdesign, digitale marketing & grafisch ontwerp Tips voor een gebruiksvriendelijke website Stenenmolenstraat Mechelen

2 Inleiding Je website vormt het online visitekaartje van je onderneming. Onderzoek heeft uitgewezen dat wanneer bezoekers niet meteen de informatie vinden waar ze naar op zoek zijn, de website verlaten en niet meer terugkomen. Bij websites die producten of diensten verkopen heeft dit een grote impact want dit leidt tot een verlies aan inkomsten. Je moet er dus voor zorgen dat bezoekers van je website een positieve gebruikservaring hebben. Dit zorgt voor een groter vertrouwen in je bedrijf of organisatie. Je website moet toegankelijk en bruikbaar zijn voor iedereen die tot je doelgroep behoort. Dat wil zeggen dat je website mooi moet weergegeven worden ongeacht via welk toestel of browser je website bezocht wordt. Doel van een website Een website heeft verschillende doelen: Informatie geven Verkopen Nieuwe leads genereren Naambekendheid verhogen Bijdragen aan het imago Een website moet de bezoekers aantrekken en overtuigen. Het is dus de bedoeling dat ze een actie gaan uitvoeren (formulier invullen, product aankopen, telefoonnummer zoeken,...) of gaan terugkomen. Hoe kan je dit realiseren? Met een gebruiksvriendelijke website. Hoe gebruiksvriendelijk is jouw website? Hieronder vind je enkele tips om je website te optimaliseren. 2

3 Tips voor een gebruiksvriendelijke website Tip 1: Het belangrijkste onderdeel moet meteen de aandacht trekken Binnen 5 seconden moet je de aandacht van de bezoekers kunnen trekken. Bezoekers moeten binnen deze cruciale 5 seconden de belangrijkste onderdelen van je website kunnen herkennen. Nadien is de aandacht van de bezoeker weg. Bol.com is een goed voorbeeld: Dit krijg je te zien als je naar bol.com surft. Het blauwe gedeelte van de bulk 10-daagse valt meteen op, net zoals de oranje bol waarin staat dat je tot 60% korting kan ontvangen. Dit trekt de aandacht, en dat is ook de bedoeling. Het belangrijkste bij bol.com is verkoop en dit stimuleren ze door promoties en acties onmiddellijk in de kijker te plaatsen. Tip 2: Het onderwerp van je website moet meteen duidelijk zijn Wees duidelijk en overtuigend in de communicatie op je website. Het moet voor alle bezoekers meteen duidelijk zijn waar de website over gaat. Als het niet meteen duidelijk is of wanneer bezoekers te lang moeten zoeken, klikken ze weg. 3

4 Tip 3: De belangrijkste informatie moet bovenaan staan De belangrijkste informatie op je website moet bovenaan staan. Dit wordt ook wel eens above the fold genoemd. Bezoekers moeten meteen kunnen zien wat belangrijk is, zonder dat ze hiervoor eerst naar beneden moeten scrollen. Op dat gebied kan een website vergeleken worden met een krant, waarbij de belangrijkste hoofdpunten zichtbaar zijn boven de vouw. Tip 4: De voordelen moeten duidelijk zijn What s in it for me?, meer willen bezoekers niet weten. Alleen het voordeel van een eventuele samenwerking is belangrijk. De voordelen moeten dus extra in de kijker staan op de homepage. Zij moeten de aandacht trekken binnen de eerste 5 seconden. Hier zie je een screenshot van de homepagina van Cre@ctiv: In de rode rechthoek is aangeduid wat Cre@ctiv doet en wat de voordelen zijn. Het is voor bezoekers meteen duidelijk wat de voordelen zijn om met Cre@ ctiv samen te werken. Ze kunnen de voordelen in 1 oogopslag zien, ze moeten niet eerst naar beneden scrollen. De troeven onder het aanbod kunnen het voordeel (hier de slagzin) versterken. 4

5 Tip 5: Maak gebruik van een call to action Een bezoeker mag nooit op een doodlopende pagina terecht komen. Als een bezoeker nergens meer kan klikken klikt hij gewoon weg. Via een call to action kunnen bezoekers begeleid worden naar een volgende stap, bijvoorbeeld vraag een offerte of bestel nu. Zorg er dus voor dat deze call to action altijd op elke pagina aanwezig is. Hier zie je voorbeelden van een call to action knop. Bezoekers zullen er op klikken en worden zo naar de volgende stap geleid. Hierdoor komen bezoekers nooit op een doodlopende pagina terecht. Vergeet dit ook niet bij een bedank pagina. (zie screenshot) Tip 6: Zorg voor een duidelijke navigatie Een website waarbij de navigatie niet duidelijk is, zal zeer slecht scoren. Seth Godin, één van de populairste business bloggers ter wereld, vergelijkt de bezoeker van een website met een aap. Een aap wil slechts één ding weten: Waar is de banaan? Wanneer de banaan niet meteen zichtbaar is of hij ze niet makkelijk kan vinden, is de aap al zo goed als weg. Dit is net hetzelfde met een bezoeker van een website. Het is dus belangrijk dat de bezoeker de informatie die hij zoekt snel en makkelijk kan vinden. Hieronder zie je een screenshot van de website vlaanderen.be. Dit is een voorbeeld van hoe het niet moet. De nagivatie neemt veel plaats in en komt niet op elke pagina terug. Je kan de navigatie dus enkel op de homepagina zien. Het is niet overzichtelijk. 5

6 Cottonshop.be is wel een goed voorbeeld. De navigatie is duidelijk opgebouwd en altijd zichtbaar.bezoekers zullen niet lang moeten zoeken naar hun gewenste product, omdat de productcategorieën duidelijk in de navigatiebalk staan. 6

7 Tip 7: Toon breadcrumbs Een goede website maakt gebruik van breadcrumbs. Bezoekers komen niet altijd op de homepagina terecht. Het is belangrijk dat bezoekers zich altijd kunnen situeren op de website. Het is dus voor de bezoeker een pluspunt wanneer er breadcrumbs getoond worden. Zo kunnen ze nagaan waar ze zich bevinden of welk pad ze al hebben afgelegd. Hieronder vind je een voorbeeld van breadcrumbs. Tip 8: Zorg voor een persoonlijke connectie Mensen worden graag op een persoonlijke manier benaderd. Als ze iets kopen willen ze dat doen van mensen, niet van machines. Eerlijkheid, oprechtheid en een duidelijke taal zijn elementen die belangrijk zijn om dit te kunnen realiseren. Zorg ervoor dat je dezelfde taal als je doelgroep gebruikt. Tip 9: Zorg voor een duidelijke opmaak Verschillende kleuren en lettertypes zorgen ervoor dat bezoekers verward geraken. Verwarde bezoekers klikken weg. Het is dus belangrijk dat er op je website consistent gebruik gemaakt wordt van kleuren en lettertypes. Tip 10: Zorg voor een eenvoudig invulformulier Wanneer bezoekers op je website een invulformulier moeten invullen, is het van belang dat dit formulier kort en bondig is. Als een bezoeker veel velden moet invullen, is de kans groot dat hij zal afhaken want dit schrikt af. Vraag dus alleen naar de informatie die echt nodig is. 7

8 Hier zie je 2 voorbeelden om je in te schrijven op een nieuwsbrief. Het lange invulformulier schrikt af. Hierdoor zullen veel mensen zich niet inschrijven. Het inschrijvingsformulier hieronder is kort en bondig. Er wordt enkel gevraagd naar de meest noodzakelijke informatie die nodig is om een nieuwsbrief te versturen. Bezoekers zullen sneller geneigd zijn om dit in te vullen. Tip 11: Test je website in verschillende webbrowsers en schermresoluties Niet elke bezoeker van je website maakt gebruik van dezelfde webbrowser (bijvoorbeeld Firefox, Chrome, Internet Explorer, enz.). Er zijn mensen met een hoge schermresolutie en met een lage resolutie. Hier moet je rekening mee houden want je website moet er op alle schermen en in alle webbrowsers goed uitzien. Test je website op verschillende schermen en in verschillende browsers om er zeker van te zijn dat je website voor iedereen toegankelijk is. 8

9 Tip 12: Zorg voor een snelle laadtijd van je website Het is belangrijk om aandacht te besteden aan de laadtijd van je website. Websitebezoekers zijn ongeduldig en een trage website roept frustratie op. Een algemene regel is dat een bezoeker binnen 5 tot 10 seconden bepaalt of hij/ zij goed zit. Het is dus een kwestie van kostbare seconden Tip 13: Vergeet de mobiele gebruiker niet Vandaag surfen veel mensen via een mobiel apparaat (smartphone, ipad, ). Je website moet daaraan aangepast worden. Dat kan door middel van een responsive en adaptive design. Beide vormen hebben hetzelfde doel: de website optimaal weergeven op het beeldscherm. Zowel bij responsive als bij adaptive design wordt de paginalay-out automatisch aangepast aan de schermgrootte van het apparaat waarmee een gebruiker je website bekijkt. Het bevordert de leesbaarheid en bezoekers zullen niet moeten inzoomen en naar links en rechts scrollen om alles te kunnen lezen. Responsive design focust zich vooral op de weergave van content, terwijl bij een adaptive design ook de funcionaliteit van je website kan worden aangepast. Het aanpassen van de functionaliteit is bijvoorbeeld het tonen van een knop Restaurants dichtbij mijn locatie wanneer een website wordt bezocht op een mobiele telefoon met locatiedetectie. Tip 14: Maak gebruik van een gepersonaliseerde 404 pagina Deze pagina wordt getoond wanneer een webpagina niet gevonden wordt. Door deze pagina te personaliseren is het voor bezoekers duidelijk dat deze pagina niet meer bestaat. De bezoeker wordt op een aangename manier aangespoord om op de website te blijven. Zonder gepersonaliseerde 404 pagina is de kans groot dat de bezoeker wegklikt. 9

10 Dit zijn voorbeelden van een gepersonaliseerde 404 pagina. Het is voor de bezoeker duidelijk dat deze pagina niet meer bestaat en terwijl zijn er nog heel wat doorklikmogelijkheden. De bezoeker kan gewoon verder surfen op de website en zal niet geneigd zijn om weg te klikken. 10

11 Tip 15: Koppel Google Analytics aan je website Een webstatistiekenpakket dat betrouwbare data verzamelt, is veel waard. Google Analytics is hiervoor een goede keuze. Zorg ervoor dat het pakket op de juiste manier wordt geïnstalleerd en dat je doelen instelt. Uit de gegevens die Google Analytics verzamelt over je website kan je veel zaken afleiden, bijvoorbeeld hoeveel pagina s een bezoeker op je website bezoekt, hoe lang ze op je website blijven,... Deze feiten zorgen ervoor dat je je website verder kan optimaliseren. Besluit Website optimalisatie is voor elke website verschillend. Afhankelijk van de producten of diensten van het bedrijf zijn er verschillende doelgroepen en doelen. Je website moet aangepast zijn aan jouw doelgroep. Door deze algemene tips toe te passen zal je website beter geoptimaliseerd zijn en beter scoren qua gebruiksvriendelijkheid. Dit betekent dat bezoekers langer op je website blijven, meer pagina s bezoeken en de kans op conversie (bezoekers omzetten naar klanten) stijgt. Bezoekers zullen ook sneller geneigd zijn om terug te komen naar je website. Website optimalisatie biedt dus alleen maar voordelen! We kunnen je aanraden om je website zo snel mogelijk te optimaliseren en gebruiksvriendelijk te maken. Hulp nodig? We hebben geprobeerd om deze tips zo duidelijk mogelijk op te stellen, zodat je zelf aan de slag kan gaan. Indien je vragen hebt over je website of over deze tips, neem gerust contact met ons op. Wij hopen dat je evenveel plezier beleeft aan je website als wij. Het Cre@ctiv-team Stenenmolenstraat Mechelen info@creactivmarketing.com 11

12 Webdesign, digitale marketing & grafisch ontwerp Stenenmolenstraat Mechelen