Sinds het web in 1989 ontstond, zijn er vertrouwde conventies gegroeid voor de manier waarop websites werken. Bezoekers verwachten die, ook als ze er niet bewust bij stilstaan.
Dit zijn vier conventies voor de voorkant van websites die volgens mij meer aandacht verdienen:
Dit zijn mijn opvattingen, gevormd door jarenlange ervaring met het bouwen van websites.
Menu's
Het hoofdmenu is het vertrekpunt voor bezoekers die hun weg op je website zoeken. Houd het op alle pagina's hetzelfde, zodat ze het niet telkens opnieuw hoeven te leren kennen.
Het hoofdmenu hoort horizontaal in de balk bovenaan te staan. Ik zou ‘Home’ vooraan zetten en ‘Contact’ achteraan.
Bezoekers vinden ‘Contact’ niet gemakkelijk als het verstopt zit in een klein secundair menu. En hoewel iedereen tegenwoordig weet dat een klik op het logo naar de homepage leidt, hoort ‘Home’ nog steeds in het menu.
Zet de belangrijkste onderdelen in het hoofdmenu. Mijn advies is om het, naast ‘Home’ en ‘Contact’, bij maximaal vijf items te houden. Bijbehorende pagina's kun je in uitklapbare submenu's plaatsen.
Heb je meer onderdelen die echt belangrijk zijn, kijk dan nog eens naar de structuur van je site. Ook voor SEO moet je menu die structuur weerspiegelen. Dat geldt voor zowel het hoofdmenu als de submenu's.
Minder belangrijke onderdelen kunnen in het menu onderaan de pagina. Verwacht niet dat iemand dat menu gebruikt, maar voor SEO kan het wat waarde toevoegen.
Zelfs Amazon heeft geen links naar ‘Home’ en ‘Contact’ in het hoofdmenu.
Knoppen
Als je van een afstand naar een webpagina kijkt, moet de knop het eerste zijn wat je opvalt.
Knoppen leiden bezoekers door je website en moeten overal op de site consistent zijn.
Een knop moet opvallen door zijn formaat, vorm en vooral kleur. Met een contrasterende kleur is hij gemakkelijker te herkennen tegen de rest van het ontwerp.
Koop je een standaardtemplate, dan hebben de knoppen vaak de hoofdkleur van dat template. Dat is ook zo bij het template dat ik gebruik.
Shit! Ik doe het zelf verkeerd .
Teksten
Teksten moeten gemakkelijk te lezen zijn. Grote letters werken beter dan kleine, ook als dat ‘niet mooi staat’. Op een website is bruikbaarheid belangrijker dan schoonheid.
Gebruik een lettergrootte van minstens 16 pixels.
Zwarte tekst op een lichte achtergrond leest het prettigst op een scherm.
Gebruik lettertypen overal op je website op dezelfde manier, zodat bezoekers niet in verwarring raken. Koppen van hetzelfde niveau moeten steeds even groot zijn, zodat ze als zodanig herkenbaar zijn.
Wissel niet overal op de website van lettertype of lettergrootte voor alinea's. Kleinere tekst kan minder belangrijk lijken en daardoor worden overgeslagen.
Bepaal bovendien hoe je de bezoeker aanspreekt. Dat kan informeel of formeel zijn, zolang je maar consequent blijft (dit speelt niet in het Engels). Je kunt ook voor enkelvoud of meervoud kiezen.
Hé Zuck, je tekst is te klein.
Hyperlinks
Op een website suggereert een onderstreept woord dat je erop kunt klikken. Onderstreep dus geen woorden die geen hyperlinks zijn.
Geef hyperlinks een duidelijke kleur, bijvoorbeeld de hoofdkleur van de site, en onderstreep ze. Als je het helemaal goed wilt doen, geef je links waar je met de muis overheen gaat, bezochte links en actieve links elk een andere opmaak.
Google doet het verkeerd. Bijna alle woorden op deze pagina zijn hyperlinks, maar ze zijn niet onderstreept.