Ik gaf deze website tips tijdens de uitreiking van de Usability Awards. De tips zijn gebaseerd op probleempunten die nog steeds opduiken op heel wat websites.
Want ook al dateert dit artikel van 2014, de tips zijn nog altijd bruikbaar voor heel veel websites.
De 7 tips voor een goede website op een rij
1. Maak je website responsive
15% van het internetverkeer in België komt van mobiele toestellen, waarvan ongeveer een kwart van smartphones. Dat aandeel zal de komende jaren alleen maar groeien. (Update: in februari 2017 was dit aandeel al gestegen tot 37,8%)
Daarom is het belangrijk dat je nieuwe website vlot werkt op een tablet en smartphone. Responsive design is daar een zeer goede oplossing voor.
Jammer om te zien dat maar 51% van de recent gemaakte websites geoptimaliseerd is voor mobiele toestellen. Dat moet beter.
Al blijven we ook achter onze eerdere uitspraak staan: “Shit made responsive is just responsive shit.” Als je website op een groot scherm zuigt, zal ze ook op een klein scherm redelijk beuh zijn.
2. Carrousels horen thuis op de kermis
Wij schreven het al in 2002. De laatste jaren verschenen er ook heel wat artikels over. En toch komen carrousels nog voor op 44% van de websites.
Omdat marketeers hun website anders te saai vinden. En omdat ze zo geen beslissingen moeten nemen: met een carrousel krijgt iedereen een plaatsje op de homepage.
Onze AB-testen bewijzen nu ook met harde cijfers dat carrousels zorgen voor minder kliks en omzet. We publiceerden al cijfers over de carrousel op de website van Suzuki. In de presentatie staat nog een straffere case: 188% meer kliks zonder carrousel.
3. Val met de deur in huis
Mensen komen voor je producten en je inhoud. Voor datgene wat je te vertellen of te verkopen hebt. Ze komen naar je website met een bepaald doel.
Geloof het of niet: ze komen niet voor je mooi uitgewerkte topbalk met sfeerfoto’s. Als grote topbalken met sfeerfoto’s zouden werken, denk je dan ook niet dat bedrijven zoals Apple, Amazon en Google ze zouden hebben?
4. Kies een vlot leesbare tekengrootte
De voorbije jaren zijn schermresoluties hoger geworden en schermen kleiner. Gevolg: de ideale tekengrootte van 10 jaar geleden is nu haast onleesbaar.
Ik weet dat de tekengrootte afhangt van het gekozen lettertype. Maar algemeen kan je toch zeggen dat alles onder de 14 pixels aan de kleine kant is.
Mijn advies: als je een design krijgt van je webbouwer en je denkt ‘amai, dat zijn grote letters’, dan is het waarschijnlijk perfect!
5. Geen doodlopende straatjes
Elke detailpagina op je website moet aansturen op een actie van de bezoeker. ‘Vraag een offerte’ of ‘Contacteer ons’ als je een dienstverlenend bedrijf bent bijvoorbeeld. ‘Mis geen enkele tip’ op je blogpagina’s.
Doe dit op elke pagina!
En zet je call-to-action zeker ook onderaan.
6. Zorg voor een goede error 404-pagina
Een bezoeker die terecht komt op een pagina die niet meer bestaat, moet je vriendelijk opvangen en proberen te helpen.
Het goede nieuws: 3 op 4 websites hebben een aangepaste error 404-pagina. Jammer genoeg zijn die allesbehalve ideaal.
Een goede error 404-pagina mag een vleugje humor bevatten maar geeft vooral een uitweg voor de bezoeker.
7. Doe normaal. Dat is al gek genoeg.
Usability is uiteraard veel meer dan gewoon je gezond verstand gebruiken. Als je het echt meent met gebruiksvriendelijkheid, moet je de basisprincipes én richtlijnen van usability kennen. Daarmee maak je jouw website succesvoller, ook op lange termijn.
Maar als je volgende 2 vuistregels volgt, geraak je al vrij ver:
- Doe op je eigen website niets waaraan je je ergert op andere websites
- Kijk alles grondig na, vooral formulieren en je zoekfunctie
Meer tips?
In onze online training conversieoptimalisatie & usability krijg je meer dan 100 tips om je website te verbeteren.
Bonus: Gratis e-boek met 10 tips en 15 cases
Exclusief voor de lezers van mijn blog verzamelde ik mijn 10 beste conversietips in een gratis e-boek. Dat de tips werken, bewijs ik aan de hand van 15 cases met cijfers. 6 best practices tonen aan dat grote websites zoals Booking.com en Apple mijn tips ook toepassen.
IctDynamic says
Persoonlijk zou ik ook aanraden om informatie met betrekking tot locaties (adressen maar ook regio’s) via mappen te visualiseren. Te vaak zie ik nog websteks waar men gegevens per provincie of land moet selecteren maar dan nog geen map krijgt die locatie duidelijk visualiseert. Bovendien kunnen dezer dagen heel gemakkelijk meerdere lagen in een kaart worden verwerkt.
Nils van der Knaap says
Leuke voorbeelden 🙂 Website design blijft erg lastig. De kunst is vooraf goed na te denken over het verhaal wat de website moet vertellen en dat via toptaken en heldere Call to actions aanbieden.
Hier gaat heel wat tijd in zitten en ik denk dat er daarom te weinig tijd wordt besteed hieraan en voor “snelle” oplossingen gekozen wordt als sliders, “onze missie en visie” en natuurlijk “wij zijn een jong en dynamisch bedrijf” i.p.v. een goede tagline.
Marc says
En onderaan staat: ‘P.S. Wij kunnen ook jouw website beter maken!’ Brrr… Vreselijk, van die jongens die onderaan elk bericht menen te moeten melden hoe goed dat ze zijn. Tja, geen doodlopende straatjes; maar dan niet op deze manier, wat mij betreft. Net zo erg als in een winkel, waar je zegt ‘Ik kijk alleen maar even wat rond’ en men vervolgens nog drie keer komt vragen of ze je ergens mee kunnen helpen…
Karl Gilis says
Je wil niet weten hoe goed zo’n PS werkt… Alweer een zeer klassieke marketingtruuk die ook online perfect werkt.
Gerrit Janssens says
Ook een goeie tip: laat je webcopy schrijven door een specialist. Niets zo zo ergerlijk als siteteksten die gewoon uit de brochure komen. En: als je voor responsive gaat, maak dan ook je content responsive.
tuur says
“En kijk alles grondig na!” zoals de “lege geurverspreoder” op slide 48 😉
Karl Gilis says
Toch iemand die wakker is 🙂
Bedankt om het melden. Foutje is aangepast.
Kevin says
Qua useability is responsive design ver van optimaal:
– alle informatie voor de website wordt gedownload, of ze nu nodig is in de mobiele versie of niet
– 1 template moet het voor elk apparaat doen
– pagina’s laden trager omdat afbeeldingen in volledige grootte worden gedownload en dan herschaald
– je moet de ganse website herbouwen als je responsive design wilt implementeren
– lastig om te testen
Adaptive design daarentegen heeft veel voordelen tegenover responsive:
– detecteert eerst het apparaat en bepaald dan wat er moet gedownload worden, waardoor je flash bv kan uitschakelen voor bepaalde toestellen
– design is geoptimaliseerd voor elk toestel
– informatie wordt vooraf geselecteerd, waardoor enkel de mobiele content gedownload wordt
– pagina’s laden sneller, omdat afbeeldingen klein worden binnengehaald voor een klein scherm en niet meer hoeft geschaald te worden
– kan heel eenvoudig op een bestaande website geïmplementeerd worden
Ik zou eerder aanraden om een adaptive design te combineren met een responsive design en zo het beste uit de twee halen. We hebben daar toevallig ook een blog over:
http://www.inxco.be/nl/blog…
Karl Gilis says
Bedankt voor de aanvulling, Kevin.
In het verhaal gaat het me vooral om ‘bruikbaar op mobile’ eerder dan de terminologie of precieze methode. We zitten nog in een zeer vroege fase van het hele mobile verhaal met waanzinnig veel evoluties en experimenten.
Voor mij is adaptive trouwens ook dat de content zich aanpast aan de context. Dat wat ik op mijn scherm zie als ik de website van een warenhuis bezoek, anders is als ik in het warenhuis ben dan dat ik op 10 km afstand ben.
Lise says
Uitstekende tips! Blij dat de speech van de Usability Awards hier nog eens opgefrist wordt. Sindsdien merk ik trouwens overal carrousels op – zo ontsnapt uit de kermis. (stiekem schreef ik er zelf ook een blog over – http://schrf.be/1fj1M6s – uiteraard met link naar deze pagina)
Madej says
Goede tips weer wat er bij geleerd. Gelijk toegepast op de website die ik aan het maken was: http://www.drijfveermedia.nl.
Ik heb nu ingesteld dat de 404 pagina doorverwezen is naar de home. Is dat goed denken jullie?
Karl Gilis says
Graag gedaan.
Wat die 404 betreft: beter is dat je daar echt een specifieke pagina voor toont, zie https://www.agconsult.com/nl…
Als je iemand gewoon naar de homepage stuurt terwijl die dat niet verwacht, is dat namelijk niet ideaal.
Als je een nieuwe website hebt die je oude vervangt, kan je best 301 redirects leggen waarbij de oude url gekoppeld wordt aan een nieuwe url https://www.agconsult.com/nl…
Voor meer info over 404 en 301 kan je best eens zoeken via Google, waarbij je dan ook nog zegt welk cms je gebruikt en dan rijg je zeker wel een oplossing.
Telefoon blog says
Bedankt voor alle info en voor het delen van de nuttige tips, ik ga het eens proberen!