23 regels voor webdesign gebaseerd op eyetrackingonderzoek
Seth Godin verwijst op zijn weblog naar een interessant artikel van Christina Laun waarin ze 23 regels geeft voor webdesign die zijn gebaseerd op eyetrackingonderzoeken. Tom Michiels heeft deze 23 regels alvast voor ons vertaald:
- advertenties bovenaan en links op de pagina worden het best bekeken
- advertenties naast de beste inhoud worden vaker opgemerkt
- lezers negeren banners
- tekst ads worden van alle geteste formaten het meest opzettelijk bekeken
- grote tekstblokken worden genegeerd
- tekst trekt de aandacht vóór afbeeldingen
- tekstgrootte beïnvloedt kijkgedrag
- kortere paragrafen werken beter dan lange
- witruimte is goed
- grotere afbeeldingen krijgen meer aandacht
- nette, heldere gezichten in afbeeldingen zorgen voor een hogere oogfixatie
- opzichtige formatering en lettertypes worden genegeerd
- formattering kan de aandacht trekken
- 1 koloms-layout werkt beter dan layouts met meerdere kolommen op het vlak van oogfixatie
- headings trekken de aandacht
- gebruikers kijken slechts naar een subtitel als het hen interesseert
- gebruik nummers als opsommingen
- lijstjes houden de aandacht van de lezer langer vast
- initiële oogbewegingen focussen op de linkerbovenhoek van de webpagina
- gebruikers kijken initieel naar de boven- en linkerkant van de pagina, waarna ze geleidelijk naar beneden en rechts afdwalen
- de inhoud onderaan de pagina wordt doorgaans gescand
- surfers kijken lang en intensief naar menu’s en knoppen
- navigatie werkt beter als ze bovenaan de pagina wordt geplaatst
Gepost in: Usability & Design
Marco Derksen, Upstream
Oprichter/partner Upstream, Marketingfacts, Arnhem Dichtbij, SportNEXT, TravelNext, FoodNext, RvT VPRO, Bestuurslid Luxor Live, docent HAN Zie voor details: Upstream.nl
19 Reacties
Erik van Roekel, ING Groep
Tussen de regels door zie je de F-vorm voor je...
geplaatst op 22-11-2007 om 07:42 uur
Eduard Blacquière, OrangeValley
Mooie en bruikbare lijst!
geplaatst op 22-11-2007 om 07:58 uur
yurivangeest
Mooie lijst. Eens kijken of Ton Wesseling dit beaamt vanuit MVT....
Marco, wel jammer dat je zo lang geslapen hebt ;-D
geplaatst op 22-11-2007 om 08:55 uur
Jente
interessante maar meestal logische lijst. Webdesigners zijn meestal diep van binnen zich wel bewust van deze zaken maar durven ze soms opzettelijk wel eens te vergeten om het design te laten primeren. Net zoals alles is het zoeken naar een gulden middenweg.
geplaatst op 22-11-2007 om 09:07 uur
Christiaan W. Lustig
Boeiende lijst. Niet echt nieuwe dingen, maar wel goed om ze eens op een rijtje te zien.
Overigens vind ik het wel vreemd dat je begint met de twee conclusies over advertenties. Ik dacht dat we er intussen wel achter waren dat banners niet werken.
geplaatst op 22-11-2007 om 09:33 uur
Sint Smeding, Smeding Concepts
@Christiaan: Deze volgorde is overgenomen van die Seth Godin, die als marketeer deze punten waarschijnlijk belangrijker vond dan de echte webdesignparameters.
geplaatst op 22-11-2007 om 11:01 uur
Sjors Pals
De kop is eigenlijk niet correct, het moet zijn: Efficentier gebruik van advertenties op basis van eyetrackingonderzoek. Deze regels gelden natuurlijk niet voor websites waar reclames een ondergeschikte rol spelen.
geplaatst op 22-11-2007 om 12:17 uur
Yvonne van Laarhoven
Niet echt een lijst met toegevoegde waarde. Vooral een opsomming van dingen die we allang wisten. Al voor het bestaan van websites zoals: tekstgrootte beïnvloedt kijkgedrag, kortere paragrafen werken beter dan lange, witruimte is goed etc. Vertaald vanuit de psychologie zijn dit logische gevolgen. Leuk dat het een keer aangetoond is met eyetracking, maar in 2007 nog met zo'n lijst komen!?....
Eyetracking is een fantastische tool maar mijn inziens wordt deze veelvuldig op geheel verkeerde wijze ingezet en worden hiermee te snel conclusies getrokken zonder na te denken over perceptie en cognitie achter kijkgedrag van mensen. Kijken is een waarneming (perceptie) en de tijd waarmee men ergens naar kijkt is een beslissing(cognitie).
geplaatst op 22-11-2007 om 14:35 uur
Tom Michiels
@Sint Smeding: klopt niet, Seth Godin doet het alfabetisch. Ik rangschik ze per thema, zeg maar.
geplaatst op 22-11-2007 om 19:55 uur
Jan Ottenbourg
23 regels voor webdesign gebaseerd op eyetrackingonderzoek
geplaatst op 22-11-2007 om 20:07 uur
Harm Jan Deuring
Jammer dat Christina Laun niet bij elk punt ook de bron vermeldt... Dat had het een stuk interessanter gemaakt!
geplaatst op 23-11-2007 om 10:43 uur
Daniel Markus
Interessant onderzoek!
@Yvonne,
Reactiemodules op blogs zijn een fantastische tool maar mijn inziens wordt deze door jou op geheel verkeerde wijze ingezet en trek je te snel conclusies waarbij je niet lijkt na te denken over perceptie van anderen en je jouw cognitie superieur stelt aan die van andere mensen.
In 2007 nog met zo zeurreactie komen.
geplaatst op 24-11-2007 om 14:46 uur
eMill
Hier staan nog een paar leuke tips voor ijverige webdesigners:
http://blog.motionmill.com/de-lijdensweg-van-de-surfer/
http://blog.motionmill.com/mens-erger-je-niet-aan-een-website/
geplaatst op 25-11-2007 om 15:42 uur
Hans Mampaey
Mooie uiteenzetting, Tom Michiels !
geplaatst op 25-11-2007 om 21:14 uur
Robert-Jan van Diepen, DiepbiZniZ Consulting
24. laadtijd van nieuwe webpages beinvloedt het kijkgedrag
geplaatst op 26-11-2007 om 07:42 uur
Erik van der Veen
Het kan nooit kwaad als bestaande ideeën bevestigd worden... Bovendien maken lijstjes het leven doorgaans een stuk makkelijker.
geplaatst op 26-11-2007 om 10:10 uur
R. Nobelen
Wat mij betreft niets nieuws onder de zon. Wat ik dan wel weer iets 'nieuws' vind, is dit: http://eyetrack.poynter.org/
geplaatst op 26-11-2007 om 10:16 uur
Martin van Kranenburg, Sinds1998
@ R. Nobelen mee eens, heb het artikel ook gelezen en een kort verslag hier online gezet. Met dank aan de column in de NRC Next:
http://reismanagers.wordpress.com/2007/11/21/sitebezoekers-scannen-en-kranten-lezers-snorkelen/
geplaatst op 26-11-2007 om 20:48 uur
Web Design
beautiful subject. I think this kind of issues required further updating of
geplaatst op 28-04-2011 om 22:54 uur
Plaats een reactie