Hoe ziet de ideale webpagina er uit ?
Geschreven door : Dave Lorrez december 30, 2007 2 reactiesAls opvolging van de 3e stompervideo, die over de blindheid ging van je bezoekers, een paar handige tips die voortkomen uit verschillende eye-track studies. Het zijn zeer algemene zaken die op elke soort van website van toepassing kunnen zijn en kunnen bijdragen tot een aanzienlijke verbetering.
.
Om een duidelijke visie te krijgen over jouw eigen website, raad ik je aan om een 10-20 tal personen aan te spreken en te laten surfen op jouw site terwijl je over hun schouder meekijkt. Altijd goed om een screenrecord te maken (met de gratis camtasia software bijvoorbeeld) zodat je alles grondig kan bestuderen en analyseren.
.
1. Tekst trekt de aandacht voor foto’s / afbeeldingen
Klinkt heel raar maar volgens een onderzoek die weliswaar in 2000 werd gehouden, ging de oogfixatie slecht in 22% naar afbeeldingen. De overige 78% ging voor de tekst. Het is natuurlijk wel zo dat de gemiddelde bezoeker op zoek is naar info en niet onmiddellijk naar foto’s (anders zou die wel gaan zoeken bij google images of iets dergelijks)
2. Bezoekers negeren banners
Als je een website hebt die moet leven van advertenties, diverse studies hebben reeds bewezen dat mensen gewoon blind zijn voor banners. Dus als je die op je site wilt plaatsen, zoek dan een strategisch plaatsje.
3. Vermijd het gebruik van ‘fancy’ fonts
Wanneer bezoekers fancy lettertjes zien staan gaan ze deze meestal gaan associëren met reclame en die bevatten niet de info die ze zoeken (denken ze). Studies hebben aangetoond dat mensen moeilijk info kunnen vinden in grote kleurrijke letters. Hou je informatieve tekst dus eenvoudig en duidelijk leesbaar.
4. Gebruik cijfers voor het aanduiden van aantallen
Bezoekers zullen makkelijker de info vinden die ze zoeken als je een aantal/hoeveelheid in cijfers schrijft in plaats van voluit te gaan schrijven in woorden. De meeste van je bezoekers gaan pagina’s ‘scannen’ en zullen zo makkelijker vinden wat ze zoeken en hou je hun interesse.
5. Groot / klein beïnvloed het leesgedrag
Bij het gebruik van een klein lettertype zullen bezoekers zich meer moeten gaan concentreren om alles te lezen daar waar een groot lettertype het meer toelaat om een pagina te ‘scannen’. Het hangt er dus een beetje van af wat je nodig hebt..
6. Korte paragrafen zijn het best
De info op je website moet in die mate zijn opgebouwd dat die slechts een korte periode van attentie vereist van je bezoeker. Hou ze dus kort en to the point en plaats je belangrijkste info bovenaan.
7. Hou je info geconcentreerd op 1 plaats
Probeer al je praktische info (bij een ecommerce site bv.) op 1 plaats te houden in plaats van die op je pagina te gaan verspreiden. Zo voorkom je dat een bezoeker gaat ‘rondlopen’ op je pagina en niet gelijk vindt waar hij op zoek naar is.
8. Grote foto’s krijgen meer aandacht
Als je foto’s gebruikt, zorg er dan voor dat ze groot en duidelijk zijn. Mensen zien graag details, een goede reden dus om in veel gevallen eigen foto’s te gaan maken. Plaats natuurlijk wel relevante foto’s want als info en foto’s geen duidelijk verband hebben kan je het wel schudden.
9. Als je gezichten gebruikt, zorg voor heldere foto’s
Als je gezichten van mensen gaat gebruiken, zorg dan zeker voor heldere foto’s waar de ogen duidelijk te zien zijn. Hou er ook rekening mee dan een bezoeker de ogen van een gezicht automatisch gaan volgen. Dus als je belangrijke tekst links van een foto staat, zorg er dan voor dat die persoon naar links kijkt (of beter nog wijst !) en niet naar rechts,onder,boven,etc.
10. ‘White space’ is goed
Ook iets wat veel voorkomt in de site reviews, zorg er voor dat er voldoende witte plaats is op je pagina zodat niet alles aan elkaar ‘kleeft’. We willen natuurlijk zoveel mogelijk info op 1 pagina krijgen, en dan nog liefst zonder dat mensen moeten gaan scrollen, maar zorg ervoor dat het nog overzichtelijk blijft en er voldoende rust op je pagina is te vinden. “Te” is natuurlijk ook niet goed…
.
Het volledige ENG artikel genoemd 23 actionable lessons from eye-tracking studies is trouwens de moeite waard om eens rustig door te nemen.
Handige lijst. Een praktische aanvulling staat op http://www.w3use.nl/usability/goudenregels.html rel=”nofollow” maar dat is wat algemener.
Toch is het vrij lastig. Mensen kijken ook graag foto’s. Hoe mooier de site eruit ziet, hoe beter men het vindt.
Maar wat betreft ‘blindheid’ voor banners. Bedoel je daarmee dat bezoekers je banners niet meer zien, als ze altijd op dezelfde plaats staan, dus dat je ze met regelmaat moet verplaatsen?
Heb je naam even aangepast..
. Maar je zal me zeker niet horen zeggen dat foto’s geen belang spelen in de keuze vd bezoeker om al dan niet op je pagina te blijven en een profes. look heeft natuurlijk dat extra wat een gewone hobby pagina niet heeft. Mijn eigen ervaring is dat de foto(‘s) je pagina niet mogen overheersen.
Wat de banner betreft, ik denk zelfs dat die helemaal geen effect meer hebben op je terugkomende bezoekers. Een uitgebreid werk daarover kan je hier vinden –> Why are users banner blind ?.