Artikelen vanaf juli 2007 ↓

Het bewijs: scrollen mag

Scrollwieltje

Spinazie opwarmen.
Op een zacht matras slapen.
Homepages maken die scrollen.

Vroeger mocht het niet, nu weten we beter.

Dat van dat scrollen wisten we eigenlijk al 10 jaar, maar op de een of andere manier wil het niet doordringen. Jakob Nielsen schreef namelijk in 1997: Scrolling now allowed. Internetgebruikers bleken toen al helemaal gewend aan scrollen.

(Ik denk mede dankzij het scrollwieltje op de muis. Mijn favoriete anti-RSI-innovatie. Hoor je nog weleens iemand over RSI? Scrollwieltje!)

Webdesigners en tekstschrijvers hebben dan ook nog altijd last van de mythe van de ‘vouw’. Die zegt dat alleen content die zichtbaar is zonder te scrollen aandacht krijgt van bezoekers. Veel opdrachtgevers geloven nog in die mythe.

Ondertussen stapelen de onderzoeksresultaten ten faveure van scrollen zich op. Boxes and Arrows maakt deze week de balans op. Milissa Tarquini legt uit dat een vouw best mag, mits:

  • Boven de vouw duidelijk wordt waar de site over gaat.
  • (Nog beter: de 5 vragen van Steve Krug worden beantwoord).
  • De vouw duidelijk zichtbaar is doordat tekst en beeld worden afgesneden.

Waarom is dit goed nieuws?

  • Items onderaan een pagina blijken erg goed te klikken.
    De footer als nieuwe A-locatie?
  • Iedereen claimt een stuk van de homepage. Alleen had je daarvoor nooit genoeg ruimte. Nu wel.

Overigens ligt de vouw bij elke bezoeker ergens anders. Het ligt er maar net aan welke browser ze gebruiken, wat hun scherminstellingen zijn en hoeveel browser-toolbars ze hebben. Met het handige FoldSpy kun je zien waar de vouw op je homepage ligt voor welk percentage van je bezoekers.

O ja, voor wie gelooft in de mythe ‘Opgewarmde spinazie bevat nitriet’ is er Wikipedia.

Screenshot maken van een volledige webpagina: WebShot

Een mooi portfolio op papier is zelfs voor webwerkers belangrijk. Maar websites zijn vaak slecht printbaar. En screenshots maken is lastig als de site doorscrollt tot ‘onder de vouw’.

Uiteraard is daar een tooltje voor. Deze maand in Computer!Totaal vermeld: WebShot. Daarmee maak je een keurige screenshot van de integrale webpagina van boven tot onder, die je kunt opslaan als jpg, gif, png of bmp. Works like a charm. Handig!

WebShot is freeware.

Benodigd: Windows XP of later, Internet Explorer 7.

Bezoekers van je homepage denken maar aan 5 dingen

Een van de beste en bekendste adviesboeken over web usability is Don’t make me think van Steve Krug. Heb je nog niets gelezen over usability, begin dan met Krug. Het boekje is geestig, boeiend en inzichtrijk.

Steve Krug Don’t make me think!

Krugs belangrijkste punt: voorkom dat bezoekers van je site een vraagteken boven hun hoofd krijgen. Alles moet gedachteloos duidelijk zijn. Of je nu de homepage bekijkt, een bestelling plaatst of diep doorklikt op weg naar detailinformatie.

Een passage in het boek heeft mij erg geholpen tijdens discussies over websites. Ik doel op de meest oeverloze discussies die webteams voeren: die over de homepage. Tijdens dit politieke steekspel tussen management en marketing kunnen basale usability-inzichten zoals die van Krug de lucht soms opeens klaren.

Volgens Krug heeft een bezoeker die voor het eerst op een website komt, namelijk 5 vragen in zijn hoofd. De homepage moet die 5 vragen in één oogopslag beantwoorden:

  1. Wat is dit?
  2. Wat hebben ze hier?
  3. Wat kan ik hier doen?
  4. Waarom moet ik hier zijn en niet ergens anders?
  5. Waar moet ik beginnen?
    (Seth Godin schreef over deze laatste vraag trouwens een steengoed boekje)

Klinkt logisch, maar het gaat vaak fout. Een snelle rondgang over het web. Bij deze sites blijf ik met vragen zitten:

Homepages die alle 5 vragen van Krug beantwoorden:

Twee tekstjes op Home zijn essentieel bij het beantwoorden van de 5 vragen van Steve:

  • Tagline. Dat is het mini-regeltje tekst bij je logo. Een van de belangrijkste tekstjes op een site. De tagline geeft de essentie van de site, plus de belangrijkste USP.
    Een ultrakorte is die van kieskeurig.nl: Interactieve koopgids.
  • Welkom-tekst. Hoewel ik persoonlijk virtuele uitslag krijg van het woord Welkom op homepages, heeft Krug een punt als hij zegt dat een scherpe intro helpt om de meest basale vraag over elke website te beantwoorden: Wat is dit?

Het is hard zoeken naar echt geslaagde homepages. Wie kent er nog meer?

Bekijk een interview met Steve Krug (20 minuten).

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

Nieuwe site Consumentenbond: een paar pareltjes

De copy op de nieuwe website van de Consumentenbond kan strakker. Toch vind ik dat er pareltjes tussen zitten.

De payoff is wazig: Dan weet je het.

Dan de kop boven de kroonjuwelen: een lijst met alle tests, op de meest bekeken plek van een homepage: linksboven. Een ontzettend goed idee: dit is hun meest verleidelijke content. Met 1 klik ben je er: van Aflossingsvrije hypotheek tot Zout.

Door het kopje gaat het toch nog mis: Vind hier al onze 123 tests. Wat zijn 123 tests? En waarom zoveel woorden? Strakker en sterker is volgens mij: Alle tests.

[Een paar uur later: Mijn post herlezend dringt het tot me door: er staat honderddrieëntwintig!]

Toch valt er ook wel wat te genieten. Rechtsonder op de homepage (helaas onder de vouw) staat een blokje met de lekkere titel Word nu lid en krijg en de heldere knop Lid worden. De bodycopy bevat nog wel overbodige woorden naar mijn idee.

Screenshot Consumentenbond: Word nu lid en krijg

En op de tab Lid worden een goed voorbeeld van verleidelijke copy. Een strak blokje met het prima kopje Dit maakt de Consumentenbond uniek.

Dit maakt de Consumentenbond uniek

Hoe schrijf je een goede paginatitel voor zoekmachines?

Google vindt dit de belangrijkste teksten op een webpagina:

  1. Paginatitel in browser
  2. URL
  3. Kop op het hoogste niveau (H1)
  4. Hyperlinks: inkomend en uitgaand

Iets minder belangrijk zijn alle overige opvallende elementen. Een scannende lezer pikt die er immers ook uit:

  • Vette tekst
  • Opsommingen met bullets
  • Bijschriften en ALT-teksten bij afbeeldingen

Heb je weinig tijd voor zoekmachine-optimalisatie? Begin dan dus met je paginatitels.

Google kent er niet alleen zeer veel gewicht aan toe bij het bepalen van de inhoud van een pagina. Maar ook je click through rate (CTR) wordt er sterk door bepaald. Dat is de mate waarin Google-zoekers geneigd zijn te klikken op je paginatitel om naar de pagina te gaan.

Hier vind je de paginatitel:

  • In de blauwe hyperlink op de zoekresultatenpagina van Google
  • In Favorieten/Bladwijzers
  • In de titelbalk van je browser
  • Op het tabje in je browser
  • In de HTML van je pagina tussen de tags <title></title>

Zo schrijf je een goede paginatitel voor zoekmachines:

  • Geef elke pagina van een site zijn eigen, unieke paginatitel.
  • Gebruik belangrijke zoekwoorden en zoekwoordcombinaties voor het onderwerp van de pagina.
  • Gebruik geen woorden die niets zeggen over de essentie van de pagina, dus geen lidwoorden en voegwoorden.
  • Zet de belangrijkste woorden voorop, de minst belangrijke achteraan. Begin bijvoorbeeld op een productpagina met de productnaam en eindig met de bedrijfsnaam. Vooral belangrijk voor Bladwijzers/Favorieten!
  • Neem minder zoekwoorden op naarmate er meer concurrentie op deze specifieke zoekwoorden is.
  • Maak geen grapjes of woordspelingen.
  • Maak heel duidelijk wat de essentie is van de pagina. Vooral belangrijk voor de Google-zoekresultatenpagina!

Bronnen:

  • Handboek Zoekmachinemarketing – Keesjan Deelstra
  • SEO Secrets v1.3 – Divine Write Copywriting
  • www.seomoz.org

 

Verbeter je foutmeldingen, online help, formulieren en andere kritieke punten

37 signals is een cool internetbedrijf. Niet alleen omdat ze het oerhandige tooltje Backpack hebben gemaakt:

  • Notitieblok
  • Agenda
  • To do-lijst
  • E-mailreminder
  • Writeboard (voor collaborative writing)

Maar ook omdat ze hun ideeën over het ontwikkelen van coole webapplicaties delen. Voor schrijvers van webteksten is hun boek uit 2004 interessant: Defensive Design for the Web | How to Improve Error Messages, Help, Forms and Other Crisis Points. Het bevat een aantal waardevolle inzichten en cases.

Defensive design for the web

Vooral interessant voor wie bezig is met online verkoop, bestelprocessen, formulieren en online help. Inzichten uit dit boek die ik nu steeds toepas:

  • Foutmeldingen in webformulieren zijn vaak slecht zichtbaar. Zo voorkom je het: waarschuwingspictogram in signaalkleur, foutmelding in afwijkende kleur bovenaan de pagina, én op de plaats delict: bij het foutief ingevulde veld.
  • Een vriendelijke toon is op zijn plaats. Een foutmelding is irritant en fnuikend. Een bedrijf dat je op zo’n crisismoment met een gevoelloze robottoon toespreekt wordt er niet sympathieker op. Mijn foutmeldingen zijn sinds dit boek warmer. Ultrakort heb ik ingeruild voor verzoekend en verontschuldigend.
  • Incompleet ingevulde formulieren opslaan. Dat bespaart de bezoeker later opnieuw invullen. En vergroot de kans op conversie. Bijvoorbeeld door altijd de optie ‘Opslaan’ aan te bieden (link naar e-mailadres versturen) of gepersonaliseerd (nog mooier) bij terugkeer op de site op basis van het cookie de optie ‘Aanvraag afronden’ aan te bieden.
  • Altijd een volgende stap aanbieden als er iets misgaat. Bijvoorbeeld een ‘Pagina niet gevonden’-pagina met links naar aanbiedingen, site-zoekmachine, e-mailadres en telefoonnummer.
  • Help niet altijd verbergen achter een pictogram. Bijvoorbeeld bij struikelvelden. Je weet wel: zo’n lastig veld waar je helaas niet onderuit kan. (De meldcode van je auto als je een autoverzekering aanvraagt). Je voorkomt een vraagteken boven het hoofd van gebruikers door helptekst in zo’n geval achter of onder het veld te plaatsen. (Je meldcode staat op je kentekenbewijs deel 1 en 2).

Lees meer boekbesprekingen

Abonneer je gratis op mijn artikelen

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