Zorg dat je site een goede eerste indruk maakt
Chris Vermeulen |
2010-04-17
Elke bezoeker die voor het eerst op jouw site komt beoordeelt jouw site binnen 10 seconden. Het is dus van groot belang dat je site een goede eerste indruk maakt en dat voor de bezoeker meteen duidelijk is waar je site over gaat.
Je moet je voorstellen dat iemand aan het googelen is, op zoek naar informatie. Zo iemand is aan het browsen, aan het snuffelen. In dat proces bezoekt hij meerdere sites om eens te kijken of daar misschien de oplossing of info te vinden is. Elke site krijgt maar een paar seconden de tijd. Het lijkt een beetje als door een magazine bladeren op zoek naar een artikel dat je aanspreekt. Hoeveel seconden geef je elke pagina?
De sites die in staat zijn om a) aan te sluiten bij waar de bezoeker naar op zoek is en b) dat direct in één oogopslag duidelijk kunnen maken, dat zijn de sites waar de bezoeker langer blijft hangen en er echt in duikt. Zo moet jouw site dus zijn.
Zo zorg je dat je site superduidelijk is:
Je bezoekers moeten binnen 10 seconden weten waar je webpagina over gaat. Ze gaan even scrollen en vluchtig kijken, waar het over gaat. De headline, subheadline, vet gedrukte woorden, links en afbeeldingen moeten meteen een goede, duidelijke eerste indruk geven. Dus: maak je site makkelijk te scannen.
Dat kun je doen door een donkere tekst op een witte of lichte achtergrond te zetten en het lettertype vrij standaard en niet te klein te maken. De headline van de pagina moet meteen zeggen waar de pagina over gaat en liefst één of meer voordelen bevatten en nieuwsgierig maken.
Overigens geldt dit voor al je belangrijke pagina's en dus niet alleen voor je homepage!
Zorg dat het eerste zichtbare scherm goed ingericht is
Met het eerste scherm bedoelen we ook wel de first fold. Net als bij een gevouwen brief is het eerste deel van de pagina wat zichtbaar is, de first fold. Op een site is dat dus wat je te zien krijgt zonder te scrollen.
Hierbij moet je ervan uit gaan dat 2/3 van je bezoekers een schermhoogte heeft van 900 pixels of minder. Daar moet je dan nog de Taakbalk en een aantal balken van de browser afhalen en dan kom je aan een first fold van ongeveer 700. In die first fold van 700 pixels hoog moet in één oogopslag duidelijk zijn waar je site over gaat. Maak je headerafbeelding dus niet te hoog!
Maak je websiteontwerp niet te druk. Het gaat om de inhoud, niet om de verpakking. Dat gezegd hebbende is een aantrekkelijke verpakking wel belangrijk om de inhoud geaccepteerd te krijgen. Het ontwerp moet er dus verzorgd uit zien, netjes zijn en kloppen. Maar het mag niet teveel afleiden van de inhoud.
Stappenplan:
Stap 1: Bepaal de grens van je first fold
Maximaliseer je browserscherm zodat het je hele scherm vult (middelste knopje helemaal rechts bovenin) en meet dan de netto ruimte waarin je site getoond wordt. Hiervoor kun je een gratis digitaal schuifmaatje gebruiken dat je hier kunt downloaden. Meet 700 pixels hoog vanaf de bovenkant van je website. Dit is je first fold.
Stap 2: Optimaliseer je first fold
Kijk eens kritisch naar je headline. Is die duidelijk of staat er "Welkom op onze website"? De headline moet nieuwsgierig maken om verder te lezen en heel duidelijk aangeven wat er op die pagina te vinden is.
Hoeveel procent van je first fold wordt ingenomen door je websiteontwerp (headerafbeelding + eventueel horizontaal menu)? Het beste zou dit niet meer dan 25% of zo'n 200 pixels zijn.
Is het zonder te scrollen meteen duidelijk waar de pagina over gaat? Heb je belangrijke tekstgedeeltes vet gemaakt? Heb je korte alinea's gebruikt?
Kijk deze dingen na voor je belangrijkste pagina's en verander ze indien nodig.
Stap 3: Laat een ander je first fold beoordelen
Het beste kun je een goede vriend of een klant vragen die jou ook echt de waarheid durft te zeggen :-) Dit is een belangrijke stap, want het kan zijn dat je iets niet goed doet en dat je het zelf niet ziet.
Stap 4: Werk je websitelogboek even bij
Het doel van WebsiteSupporters.com is elke week een paar kleine verbeteringen aan je site aanbrengen die opgeteld voor een groter succes van je site zullen zorgen. Door een logboek van die veranderingen bij te houden kun je later altijd terugvinden welke veranderingen nou de doorslag hebben gegeven. Je kunt hiervoor onze gratis SiteCoach gebruiken.
Heb je vragen of kom je er niet goed uit? Stel je vraag dan door hieronder op dit bericht te reageren. Wij helpen je graag.
Veel succes deze week!
Klik hier en reageer ook!
Je moet je voorstellen dat iemand aan het googelen is, op zoek naar informatie. Zo iemand is aan het browsen, aan het snuffelen. In dat proces bezoekt hij meerdere sites om eens te kijken of daar misschien de oplossing of info te vinden is. Elke site krijgt maar een paar seconden de tijd. Het lijkt een beetje als door een magazine bladeren op zoek naar een artikel dat je aanspreekt. Hoeveel seconden geef je elke pagina?
De sites die in staat zijn om a) aan te sluiten bij waar de bezoeker naar op zoek is en b) dat direct in één oogopslag duidelijk kunnen maken, dat zijn de sites waar de bezoeker langer blijft hangen en er echt in duikt. Zo moet jouw site dus zijn.
Zo zorg je dat je site superduidelijk is:
Je bezoekers moeten binnen 10 seconden weten waar je webpagina over gaat. Ze gaan even scrollen en vluchtig kijken, waar het over gaat. De headline, subheadline, vet gedrukte woorden, links en afbeeldingen moeten meteen een goede, duidelijke eerste indruk geven. Dus: maak je site makkelijk te scannen.Dat kun je doen door een donkere tekst op een witte of lichte achtergrond te zetten en het lettertype vrij standaard en niet te klein te maken. De headline van de pagina moet meteen zeggen waar de pagina over gaat en liefst één of meer voordelen bevatten en nieuwsgierig maken.
Overigens geldt dit voor al je belangrijke pagina's en dus niet alleen voor je homepage!
Zorg dat het eerste zichtbare scherm goed ingericht is
Met het eerste scherm bedoelen we ook wel de first fold. Net als bij een gevouwen brief is het eerste deel van de pagina wat zichtbaar is, de first fold. Op een site is dat dus wat je te zien krijgt zonder te scrollen.
Hierbij moet je ervan uit gaan dat 2/3 van je bezoekers een schermhoogte heeft van 900 pixels of minder. Daar moet je dan nog de Taakbalk en een aantal balken van de browser afhalen en dan kom je aan een first fold van ongeveer 700. In die first fold van 700 pixels hoog moet in één oogopslag duidelijk zijn waar je site over gaat. Maak je headerafbeelding dus niet te hoog!
Maak je websiteontwerp niet te druk. Het gaat om de inhoud, niet om de verpakking. Dat gezegd hebbende is een aantrekkelijke verpakking wel belangrijk om de inhoud geaccepteerd te krijgen. Het ontwerp moet er dus verzorgd uit zien, netjes zijn en kloppen. Maar het mag niet teveel afleiden van de inhoud.
Stappenplan:
Stap 1: Bepaal de grens van je first fold
Maximaliseer je browserscherm zodat het je hele scherm vult (middelste knopje helemaal rechts bovenin) en meet dan de netto ruimte waarin je site getoond wordt. Hiervoor kun je een gratis digitaal schuifmaatje gebruiken dat je hier kunt downloaden. Meet 700 pixels hoog vanaf de bovenkant van je website. Dit is je first fold.
Stap 2: Optimaliseer je first fold
Kijk eens kritisch naar je headline. Is die duidelijk of staat er "Welkom op onze website"? De headline moet nieuwsgierig maken om verder te lezen en heel duidelijk aangeven wat er op die pagina te vinden is.
Hoeveel procent van je first fold wordt ingenomen door je websiteontwerp (headerafbeelding + eventueel horizontaal menu)? Het beste zou dit niet meer dan 25% of zo'n 200 pixels zijn.
Is het zonder te scrollen meteen duidelijk waar de pagina over gaat? Heb je belangrijke tekstgedeeltes vet gemaakt? Heb je korte alinea's gebruikt?
Kijk deze dingen na voor je belangrijkste pagina's en verander ze indien nodig.
Stap 3: Laat een ander je first fold beoordelen
Het beste kun je een goede vriend of een klant vragen die jou ook echt de waarheid durft te zeggen :-) Dit is een belangrijke stap, want het kan zijn dat je iets niet goed doet en dat je het zelf niet ziet.
Stap 4: Werk je websitelogboek even bij
Het doel van WebsiteSupporters.com is elke week een paar kleine verbeteringen aan je site aanbrengen die opgeteld voor een groter succes van je site zullen zorgen. Door een logboek van die veranderingen bij te houden kun je later altijd terugvinden welke veranderingen nou de doorslag hebben gegeven. Je kunt hiervoor onze gratis SiteCoach gebruiken.
Heb je vragen of kom je er niet goed uit? Stel je vraag dan door hieronder op dit bericht te reageren. Wij helpen je graag.
Veel succes deze week!
Er zijn 2 reacties.
Klik hier en reageer ook!
Reacties:
1
16-4-2010 10:57
Jeroen Hoekstra
2
17-4-2010 07:46
Jan Schouten
Klopt helemaal wat Chris schrijft. Als ik er bij na denk hoe ik zelf surf, met super weinig geduld. Zo zelfs dat ik Chrome vaak gebruik, alleen omdat die bij mij net even sneller is dan Explorer.
Chris had het ook over een TOOL om je schermpictels te meten. Voor ons is daar een handige TOOLS voor die ook kleurcodes geeft en meer, Werkt b.v. vanaf USB stick. Zie...
http://www.xs4all.nl/~wij/toptools/index.html
TOPTOOLS is GRATIS, SNEL, SIMPEL en VEELZIJDIG.
Vg,
Jan Schouten
http://www.google.com/profiles/jpschouten1960
Ps, Ook een goeie. Omdat ik nog geen pakkende url heb, en mijn site behalve een Jan Magazine ook een Zoek en Vind hulp is, laat ik mij makkelijk vinden via Hyves en zo.
In dit jaar ga ik mijn site splitsen in een Jan Magazine en een Vind en Zoek hulp site d.m.v. 1 welkoms scherm waar dan 2 sites achter zitten.
Vg, J. S.
Chris had het ook over een TOOL om je schermpictels te meten. Voor ons is daar een handige TOOLS voor die ook kleurcodes geeft en meer, Werkt b.v. vanaf USB stick. Zie...
http://www.xs4all.nl/~wij/toptools/index.html
TOPTOOLS is GRATIS, SNEL, SIMPEL en VEELZIJDIG.
Vg,
Jan Schouten
http://www.google.com/profiles/jpschouten1960
Ps, Ook een goeie. Omdat ik nog geen pakkende url heb, en mijn site behalve een Jan Magazine ook een Zoek en Vind hulp is, laat ik mij makkelijk vinden via Hyves en zo.
In dit jaar ga ik mijn site splitsen in een Jan Magazine en een Vind en Zoek hulp site d.m.v. 1 welkoms scherm waar dan 2 sites achter zitten.
Vg, J. S.
Klik hier en reageer ook!
