Welke foto’s werken op websites?

Foto’s hebben grote invloed op de usability van een website. Dat blijkt uit het nieuwe boek van Jakob Nielsen: Eyetracking Web Usability. Lees wanneer foto’s straal genegeerd worden, en wanneer ze wél werken.

Het hoofdstuk over online foto’s en beeldmateriaal beslaat maar liefst een kwart van Eyetracking Web Usability. Niet zo gek, want goede beelden brengen informatie over en verbeteren de online gebruikerservaring.

Eyetracking Web Usability - Jakob Nielsen & Kara Pernice | Bol.com

De cover is weer knap ontworpen

Jakob Nielsen en co-auteur Kara Pernice deden jarenlang onderzoek naar oogbewegingen bij gebruikers van websites. Ze trekken een aantal interessante conclusies over welke foto’s wel en niet werken.

Foto’s die niet werken

Dit soort foto’s en beeld worden niet bekeken door internetgebruikers:

  • Laag contrast
  • Slechte kwaliteit: onscherp & flets
  • Rommelig
  • Drukke achtergrond
  • Lijkt op advertentie of banner
  • Weinig of geen relatie met inhoud van de pagina
  • Saai
  • Generiek beeld van mensen of dingen
  • Overduidelijke stockfotografie
  • Kil, nep of gepolijst

En als ik zeg: niet bekeken, dan bedoel ik: niet bekeken. Nul keer.

Foto’s die wel werken

Dit soort foto’s en beeld worden wel bekeken:

  • Hoog contrast
  • Hoge kwaliteit: scherp & kleurrijk
  • Weggesneden wat irrelevant is (in plaats van  de hele foto te verkleinen)
  • Niet te gedetailleerd: eenvoudig te begrijpen, pictogram-achtig
  • Rustige achtergrond
  • Sterke relatie met de inhoud van de pagina
  • Magnetische foto’s

In magnetische foto’s zie je:

  • Glimlachende, vriendelijke gezichten
  • Mensen die naar de camera kijken of  hun gezicht naar de camera gericht hebben
  • Sexy lichamen en lichaamsdelen
  • Smakelijk uitziend voedsel
  • Heldere instructies en informatie

Voorbeelden van foto’s die niet werken

Foto's website Neckermann: druk
Neckermann: drukke foto’s

Microsoft Office: nep, stockfotografie
Microsoft: nep, overduidelijk stockfotografie

Van Dale: geen relatie met de inhoud, slechte kwaliteit (zeer grote korrel)
Van Dale: generiek beeld, geen relatie met de inhoud, onscherp

Voorbeelden van foto’s die wel werken

Philips: foto met rustige achtergrond, hoog contrast, pictogram-achtig
Philips: foto met rustige achtergrond, hoog contrast, pictogram-achtig

Jaap.nl: foto's met sterke relatie met inhoud
Jaap.nl: sterke relatie met inhoud van de pagina

Randstad: magnetische foto's met vriendelijke gezichten die in de camera kijken
Randstad: magnetische foto’s met vriendelijke gezichten die in de camera kijken

Meer artikelen over goeroes

Wil je elke week een gratis tip? Vul dan je e-mailadres in:

Gerelateerde artikelen:




19 reacties ↓

#1 Christiaan W. Lustig op 5-02-2010 om 08.27 uur

Een mooie aanvulling op de alweer (ver)oud(erd)e eyetrackingonderzoeken van Stanford-Poynter van 2000 en 2004, maar ze bevestigen min of meer hetzelfde. Boeiend!

#2 Aartjan op 5-02-2010 om 08.59 uur

Tnx Christiaan, inderdaad erg boeiend om te lezen. Nielsen strooit met voorbeelden van soms obvious en soms minder voor de hand liggende bevindingen.

Hij blijkt zelfs gevoel voor humor te hebben, bijvoorbeeld in een terzijde over pornofoto’s – hij zou daar graag ook eyetracking-onderzoek naar doen maar kan geen proefpersonen vinden die real-life tasks willen uitvoeren.

#3 Wat gebeurt er bij Google News? Kruimels 5 februari 2010 | Publishr op 5-02-2010 om 09.38 uur

[...] foto’s werken op websites en welke niet? Copywriter Aartjan van Erkel vat op zijn blog de opvattingen hierover samen van usability-goeroe Jakob Nielsen die samen met [...]

#4 ewald op 5-02-2010 om 09.41 uur

En, werkt je eigen foto bovenaan deze pagina, volgens deze richtlijnen?

Ik vind het een sterke foto. zou nog wat tekst bij kunnen subtiel. foto werkt voor mij ondanks
gebrek aan contrast, niet kleurrijk, niet weggesneden wat irrelevant is.

Hoe kijk je hier zelf tegenaan?

#5 RD Internet op 5-02-2010 om 16.06 uur

Fotos zeggen meer dan 1.000 woorden. Het belang van beeld is daarom zo belangrijk op een site. Buiten dat feit leveren de fotos die WEL werken vaak ook bij aan de mooiere look en feel van een website.

#6 Christiaan W. Lustig op 5-02-2010 om 16.17 uur

@ RD Internet
“Fotos zeggen meer dan 1.000 woorden. Het belang van beeld is daarom zo belangrijk op een site.”

Dat is dus niet helemaal waar, blijkt uit onderzoeken. Daar schreef ik eerder al een bericht over en met Aartjans informatie heb ik dat vanmiddag geüpdatet.

Zie http://bit.ly/fotos-op-het-web

#7 Aartjan op 6-02-2010 om 11.31 uur

@ewald
Rustige achtergrond, check.
In de camera kijken, check. (Zelfs nog een poging tot een glimlach ;)
Sterke relatie met het onderwerp van de pagina, check.
Hopelijk werkt het :-)

#8 Jorden Lentze op 6-02-2010 om 19.34 uur

Bedankt Aartjan, interessant artikel en onderzoek. Kende je dit trouwens al: http://www.abnamro.nl/nl/prive/hypotheken/basishypotheek/introductie.html.

Grappig om te zien dat kennis en wijsheden die vroeger algemeen bekend waren in DM nu opnieuw “ontdekt” worden voor online.
Ik weet dat het een no-no is om hoofden (bijv op achtergrond) af te snijden in een foto. Enig idee waarom?

#9 Martijn de Klerk op 7-02-2010 om 10.08 uur

Goed artikel weer. Als je de punten bij ‘Foto’s die niet werken’ leest, denk je: ja dat is toch logisch dat dat niet werkt. Maar toch met die kennis in m’n achterhoofd schrok ik van het aantal websites die wel de dont’s in hun afbeeldingen hebben.

Zag gister zelfs een site met een heel wazige foto van mensen. Jammer genoeg heb ik de url niet opgeschreven, als ik hem weer tegenkom stuur ik hem je.

Graag gelezen.

#10 Aartjan van Erkel op 7-02-2010 om 20.18 uur

@Jorden
Nee die kende ik nog niet. Mooi voorbeeld van het sturen van de kijkrichting. Ga ik ook nog een keer een post aan wijden.

Nog een paar:
http://www.snsbank.nl/particulier/sparen/klimrente.html
http://www.nationalevacaturebank.nl

Ik weet niet het antwoord op je vraag over het aansnijden van foto’s.

#11 Aartjan van Erkel op 7-02-2010 om 20.20 uur

@Martijn
Tnx voor het compliment!
Ik hou me aanbevolen voor meer voorbeelden inderdaad.

#12 ewald op 7-02-2010 om 20.54 uur

meningen zijn over het punt ‘recht in camera kijken’ zeer verdeeld. check http://www.marketingfacts.nl/berichten/20061204_welke_advertentie_scoort_beter/ en http://www.marketingfacts.nl/berichten/jij_kijkt_waar_zij_naar_kijken/

#13 Aartjan op 7-02-2010 om 21.24 uur

@ewald

Goed punt, beinvloeden van de kijkrichting is iets waar Nielsen in zijn boek helaas niet op ingaat. Zijn focus is usability en niet zozeer conversie…

Leuke cases, tx. Zie ook de voorbeelden van Jorden en mij hierboven in de reacties: ABN AMRO, SNS Bank en Nationale vacaturebank.

#14 Verbeter je foutmeldingen, online help, formulieren en andere kritieke punten — Schrijven voor internet op 16-04-2010 om 07.06 uur

[...] Welke foto’s werken op websites? – Eyetracking Web Usability [...]

#15 Het op één na beste boek over webformulieren — Schrijven voor internet op 16-04-2010 om 09.02 uur

[...] Welke foto’s werken op websites? – Eyetracking Web Usability [...]

#16 Foto’s en beeldmateriaal | Crossmediale Journalistiek 2010 op 30-09-2010 om 16.13 uur

[...] Posted on september 30, 2010 by tonienet Schrijvenvoorinternet.nl legt uit welke foto’s wel en niet werken op [...]

#17 Tom Zoethout op 7-10-2010 om 09.09 uur

De impact van beeldmateriaal wordt sterk onderschat. De kosten voor een fotograaf, die professioneel beeldmateriaal maakt, is voor veel bedrijven een drempel. Het is lastig om te kwantificeren wat goed beeldmateriaal méér oplevert dan stockfoto’s, bijvoorbeeld.

Als een bedrijf regelmatig nieuwe content produceert, is er ook wel behoefte aan regelmatig nieuwe content en dat kan een substantiele kostenpost zijn…

#18 Het gebruik van afbeeldingen op je blog op 4-11-2011 om 02.50 uur

[...] Tips van de auteur van ‘Schrijven voor internet’: Welke foto’s werken op internet? [...]

#19 Zakelijk bloggen: 7 tips voor pakkend beeld bij je blog op 25-06-2012 om 09.00 uur

[...] te begrijpen is met een rustige achtergrond en een scherp contrast. Lees meer hierover in de blog ‘Welke foto’s werken op websites’ van Aart Jan van [...]

Reageer:

Mijn boek

Praktische tips om je website onweerstaanbaar te maken.

99 lezers gaven 5 sterren op Managementboek.nl en Bol.com.

Artikel in AD Weekend: Verleiden op internet - 10 tips.

Bestellen >

Leer klanten verleiden