• Presentatie: hoe toptaken identificeren + enkele cases
• Waarom zijn toptaken zo belangrijk?
• Hoe toptaken identificeren?
• Enkele cijfers uit de praktijk

Presentatie: hoe toptaken identificeren + enkele cases

In deze presentatie maak ik duidelijk welke methode je best gebruikt om toptaken te identificeren. Ik geef ook enkele voorbeelden uit de praktijk.

Die voorbeelden maken duidelijk dat op veel websites 60% of meer van de bezoekers komen voor amper 4 zaken.

Of hoe toptaken identificeren je kan helpen om de informatiearchitectuur van je website te optimaliseren.

Presentatie verschijnt niet? Bekijk ze dan op Slideshare zelf.

Waarom zijn toptaken zo belangrijk?

1. Bezoekers hun doel laten bereiken

Ik hoop dat dit voor iedereen die bezig is met websites het uitgangspunt is: bezoekers zo vlot mogelijk hun doel laten bereiken.

Uit onderzoek blijkt dat bezoekers die bij de eerste klik fout zitten, 2 keer zo vaak hun doel niet bereiken dan de surfers die wel meteen op het goede spoor zitten. (Hier kan je dat onderzoek lezen.)

2. Mobile first

Op schermen van smartphones past net iets minder info dan op een 24″ desktop scherm. En het aantal mensen dat je site via een smartphone bezoekt, is minder marginaal dan veel mensen denken.

Voor die gebruikers moet je dus wel keuzes maken. En die keuzes baseer je best op toptaken.

Als je dan die moeite gedaan hebt, waarom zou je het leven van de mensen met grote schermen moeilijker maken door hun scherm wel vol te gooien met zaken die er minder toe doen?

(Geen flauw idee wat mobile first is? Bekijk dan deze introductie tot mobile first op Slideshare.)

3. Minder keuzes = makkelijker kiezen

Als mensen minder keuzes hebben, vinden ze het makkelijker om te kiezen dan bij een groot aanbod.

De kans dat ze een foute keuze maken, is ook kleiner.

Hoe die toptaken identificeren?

Even in Google Analytics duiken?

Neen.

Google Analytics zegt je wat mensen hebben gedaan. Niet wat ze wilden doen.

Wilden je bezoekers die pagina’s wel bekijken? Misschien kwamen ze er per ongeluk op terecht.

En Google Analytics kan je helemaal niets vertellen over de zaken die niet op je website staan en waarvoor mensen wel naar je website komen.

Even aan het callcenter vragen wat de meest gestelde vragen zijn?

Neen.

Het callcenter weet waarvoor mensen bellen.

Maar vaak zijn er verschillen tussen waarvoor mensen bellen of naar het loket komen, en waarvoor ze je website bezoeken.

Het gewoon vragen aan je bezoekers?

Ja.

Als je het goed aanpakt, is een enquête een uitstekende methode.

Veel enquêtes geven te veel de pap in de mond of zijn zo opgesteld dat ze een heel lage responsratio hebben.

Wij ontwikkelden een enquête met een hoge responsratio en een neutrale vraagstelling. Surf naar Enquête Online voor meer informatie.

Enkele cijfers uit de praktijk

Deze voorbeelden zijn gebaseerd op recente onderzoeken die we gedaan hebben. Omdat onze klanten hun cijfers niet graag overal zien opduiken, moet ik de cijfers wel anoniem voorstellen.

Ik kan je wel vertellen dat het om grotere websites gaat met tienduizenden bezoekers per maand. De meeste websites tellen meer meer dan 500 pagina’s.

1. Overheidswebsite

• 27% van de bezoekers komt op de website terecht voor zaken die niet op de website staan. En er ook niet moeten opstaan.
  Dit cijfer kan je niet of alleen met veel gokwerk uit Google Analytics halen.
• 61% van de mensen die wel op de site moet zijn, komt voor dezelfde 4 taken.
• De 8ste meest voorkomende taak komt nog maar voor in 2% van de antwoorden.

2. Hulporganisatie

• 82% van de bezoekers komt voor dezelfde 2 zaken naar de website.
• Taak 9 komt nog voor in amper 0,75% van de antwoorden.

3. Websites van steden en gemeenten

• We hebben dit de voorbije maanden op meer dan 20 websites onderzocht. Grote en kleine gemeenten en steden. Ouderwetse, erg beperkt websites en volledig uitgebouwde, nieuwe sites. En overal vinden we dezelfde toptaken.
• In de top 5 staan meestal heel praktische zaken die te maken hebben met openingsuren, de bibliotheek, het zwembad, het containerpark of wat er te doen is in de gemeente.

4. Supportwebsite uit de financiële sector

• 68% van de mensen komt voor 4 toptaken.
• In de top 7 staan 2 taken die niet kunnen via de huidige website. Dat kan je nooit achterhalen via Google Analytics.

Allemaal goed en wel, maar ik heb wel honderden dingen te vertellen

Dat is dan in de eerste plaats jouw probleem. Wat jij wil, is onbelangrijk. Het gaat in de eerste plaats om je bezoekers.

Stop met content online te zwieren ‘omdat het kan’. Denk vanuit de bezoeker en help hem verder.

Als je ons niet gelooft, bekijk dan eens de video van Gerry McGovern over ‘Manage the tasks, not the content’.

Of bekijk deze presentatie van Tjörven Stuer over waarom het misliep met de website van de overheid waarvoor hij werkt. Een verhaal dat geldt voor zowat alle overheden.

En als ik eerlijk ben: ook voor heel veel bedrijven.

P.S.

Een uitstekende manier om te beginnen met het beter maken van je website, is een combinatie van een enquête met een expert review.

Dankzij de enquête krijg je inzicht in wie je bezoekers zijn en wat ze komen doen.

Op basis van die feiten kunnen wij dan advies geven hoe je website qua structuur en inhoud beter kan.

Atos Worldline, VisitOostende, BTC, de Vlaamse Overheid en vele anderen verzamelden zo feedback over hun website. Waar wacht jij nog op?

Vraag een offerte voor een enquête met expert review

Artikels die je zeker ook interesseren

• Nieuwe website nodig? Begin met een vooronderzoek
• Website menu: maak duidelijk wat je te bieden hebt!
• Homepage focus: Google
• Top taken van uw website achterhalen

Hoe werkt user testing?

• Je laat een aantal mensen een reeks typische taken uitvoeren op je website, intranet, …. Of op een ontwerp, dat kan ook.
• De test gebeurt op individuele basis. Het gaat dus niet om een focusgroep waar een hoop mensen tegelijkertijd feedback geeft.
• De testpersoon behoort tot je doelgroep. Hij moet een bestaande of potentiële gebruiker zijn van je diensten, producten of website.
• Alles wat de testpersoon doet en zegt, wordt gefilmd. Zo kunnen jij en het webteam ook achteraf zaken verifiëren en analyseren. 
• Spoor de tester aan om hardop te zeggen wat hij denkt (thinking aloud-methode, noemen usabilitymensen dat).

Waarom is user testing waardevoller dan een expert review?

4 redenen waarom een goede usability expert vaak zal aandringen op een user test.

1. Experts weten niet alles

Hoe veel ervaring je ook hebt als expert, je kan niet alles weten.

En wat je vooral niet kan, is alles perfect inschatten. Dat is een les die ik op die meer dan 10 jaar als usability-expert wel geleerd heb. Meer daarover in mijn artikel ‘Met expertkennis alleen maak je geen goede website‘.

2. Feiten in plaats van meningen

Feiten zijn ideaal om komaf te maken met meningen.

Het advies van een expert kan een klant nog altijd wegwuiven met “Tja, dat is jouw mening hé”. Bij een user test leg je feiten bloot. 

En feiten zijn overtuigender dan meningen.

3. Eigen klanten negeren is moeilijk

Of toch moeilijker dan expertadvies negeren.

Als je tijdens een user test 5 van de 6 personen ziet sukkelen met je facetnavigatie, moet je echt een oen van een manager zijn om dat nog te negeren.

4. Overtuigend en blijvend bewijsmateriaal

De kracht van een filmpje waarop je je (potentiële) klanten ziet wroeten en vloeken, is immens. Op directiecomités snoeren die fimpjes zelfs de meest die-hard egotrippende ‘ik-weet-het-allemaal-beter’ managers en bestuursleden de mond.

Bovendien kan je die filmpjes in de loop van een project blijven bovenhalen, als oude discussies weer de kop opsteken. “Weet je nog, tijdens de user test…”

Meest gebruikte soorten user testing

1. Moderated user testing

De klassieke user test is met een moderator. Die moderator zit naast de testgebruiker en geeft opdrachten, stelt vragen en speelt in op de lichaamstaal van de testpersoon etc.

Dit is zonder twijfel de beste methode. De gebruiker observeren en hem bijkomende vragen stellen levert een schat aan informatie op die je niet kan afleiden uit zijn muisbewegingen, kijkrichting of wat hij zelf spontaan zegt.

Je kan vragen stellen over zijn zuchten, fronsen, glimlach… Je kan doordringen in wat hij denkt. Begrijpen waarom hij twijfelt.

Dat blijft voor mij onbetaalbaar. En onvervangbaar door welke andere aanpak ook. Als je een goede moderator hebt natuurlijk. Want door de verkeerde vraagstelling of houding van de moderator kan je onderzoek waardeloos worden.

2. Remote moderated user testing

Het grootste nadeel van een klassieke user test is dat de testpersonen naar jou moeten komen of jij naar hen moet gaan. En tijd is nu eenmaal geld.

Bij een remote user test zitten testpersoon en moderator niet op dezelfde plek maar kijken ze wel naar dezelfde website. Via screen sharing software is dat vandaag technisch erg makkelijk geworden.

Als de gebruiker een webcam heeft, kan je zelfs zijn gezicht zien. Dat maakt het een goed alternatief voor de klassieke moderated user test.

Wij gebruiken GoToMeeting voor remote moderated user testing. Als moderator zie je zowel het scherm van de gebruiker als zijn gezicht. Deze willekeurige testpersoon is alvast niet blij met de nieuwe homepage van KBC.

Wij gebruiken dit vaak voor internationale gebruikerstesten of als aanvullende methode, bijvoorbeeld bij een iteratie in het proces of als we heel specifieke zaken willen testen die per persoon niet veel tijd in beslag nemen.

3. Remote unmoderated user testing

De moderator valt weg en de testgebruiker leest de taken af van het scherm. Je kan hier nog 2 varianten onderscheiden:

• Opname van beeld en geluid
  De gebruiker wordt (eenmalig) gevraagd luidop na te denken.
  In mijn ogen een redelijk shitty methode. Dit verhoudt zich tot de klassieke user testing zoals kikkerdril tot kaviaar. Heel wat van deze testpersonen doen dit als professionele bijverdienste. Je hoort ze soms gewoon toneel spelen. Zoals bij Usertesting.com, om vooral geen namen te noemen.
  Je hebt ook bijzonder weinig controle over de kwaliteit van de selectie van testpersonen. Behoren de testers wel echt tot je doelgroep?
• Opname van de muisbewegingen en alle tijden
  Bijkomende feedback wordt verzameld via een vragenlijst na elke taak. Erg handig om snel input van een grote groep mensen te verzamelen. Niet zo handig omdat je over het waarom toch een beetje in het duister blijft tasten.
  Onze favoriete tool is Loop11, maar ook UserPlus Tester en UserZoom zijn zeer bruikbaar.

En wat met eyetracking?

Dat is materiaal voor een afzonderlijk artikel. Eyetracking is een interessante maar vaak totaal verkeerd ingezette en verkrachte methode.

P.S.

Wil jij je website verbeteren op basis van feiten? Weten wat je bezoekers handig en minder handig vinden?

Doe dan een user test. Volgens onze klanten is het hun beste investering ooit in het verbeteren van hun website.

Samsonite, Telenet, Infrax, Kipling, UGent en tientallen anderen lieten hun website al testen door ons. Waar wacht jij nog op?

Vraag een offerte voor een user test

Artikels die je zeker ook interesseren

• Is expertkennis genoeg om een goede website te maken?
• Wat kan jij leren van reiswebsites?
• Winnaars Usability Awards 2011
• Page fold + manke productzoeker = slechte user experience

Je hebt dan een middendeel waarvan je niet meteen weet wat je erop moet zetten.

En dan krijg je zaken zoals dit …

Ik stel voor dat we hen allemaal eens bellen …

“Hallo, kunnen jullie komen opdienen op mijn trouwfeest?”

“Euhm. Excuseer, je bent hier wel bij de dienst bevolking van de Gemeente Zele.”

“Ja, dat weet ik. Jullie zeggen toch dat ik op jullie kan rekenen op bijzondere momenten?”

Prettig weekend allemaal!

P.S.

Elke website kan beter. Dat weet iedereen.

Maar het is niet gemakkelijk om te weten wat de minpunten zijn van je eigen website. De zaken waarop je bezoekers vastlopen.

Nog moeilijker is het om te weten wat de oplossingen voor die knelpunten zijn.

Maar wij kunnen je helpen. Dankzij onze usability audit krijg je 30 concrete actiepunten om jouw website beter te maken.

Artikels die je zeker ook interesseren

• Waarom een submenu op een overzichtspagina een slecht idee is

Je website moet zo opgebouwd zijn dat iedere bezoeker vlot zijn doel kan bereiken. (Want iedereen bezoekt je website met een bepaald doel.)

Overzichtspagina’s spelen daarin een belangrijke rol. Een rubriek- of overzichtspagina is elke pagina tussen de homepage en een detailpagina. (Als je niet vertrouwd bent met deze termen, lees dan ons artikel over de 3 paginatypes van elke website.)

Een overzichtspagina heeft 2 belangrijke doelen:

• Overzicht geven van het (diepere) aanbod
• Zorgen dat de bezoeker snel de juiste keuze kan maken

Daarom noemen wij een overzichtspagina ook een keuzepagina. En alles wat de surfer hindert in het maken van keuzes, is ballast.

7 redenen waarom een submenu ballast is

1.    Minder focus, meer afleiding

Een submenu neemt ruimte in en staat vol met links. En smeekt dus om aandacht van de bezoeker.

Tegelijkertijd is er het contentgedeelte dat om aandacht zit te hengelen.

Het submenu draagt niets bij en zorgt voor onnodige afleiding.

Waar moet de bezoeker nu vooral naar kijken? Naar alles? Zijn het exact dezelfde keuzes? Is de info in het contentgedeelte belangrijker dan het menu of niet?

2.    Herhaling van de keuzes = verloren ruimte

Als de keuzes in het submenu overeenkomen met de keuzes in het middendeel, zijn ze overbodig.

Het submenu is een herhaling van het middendeel. Schrappen die handel!

 Schrap de subnavigatie en je hebt meer ruimte voor je keuzes.

3.    Keuzes niet in dezelfde volgorde = verwarring

Als de keuzes in het submenu in een andere volgorde staan dan die op het middendeel wordt de verwarring natuurlijk alleen maar groter.

Van het adagio 'Don't make me think' hebben ze bij Fedweb nog nooit gehoord...

Leuk om de ogen en gezichtsuitdrukking te zien van testpersonen tijdens een user test, maar nefast voor je website.

Een van de basisregels van usability is namelijk: vermijd alles wat aanleiding kan geven tot verwarring.

4.    Deels andere keuzes = meer verwarring

Kan het nog verwarrender? Tuurlijk! Op sommige sites komen de keuzes in het submenu niet helemaal overeen met die in het contentgedeelte.

Het waarom van dit fenomeen ontgaat me. Al weet ik wel dat het absoluut niet werkt.

Waarom er in het submenu meer zaken staan dan in het contentgedeelte is een raadsel.

Vraag in het voorbeeld van CAT maar eens aan een gebruiker of CAT ook ‘Lift Trucks’ maakt. Minstens de helft van de testpersonen zal ‘neen’ zeggen. Omdat de meeste mensen focussen op het contentgedeelte.

5.    Volledig andere keuzes = nog meer verwarring

Omdat ze in het contentgedeelte van de pagina geen zaken willen herhalen die in de subnavigatie staan, zetten sommige webmasters in dat middendeel andere informatie. Zoals nieuwsberichten.

Klinkt goed, maar in de praktijk werkt het gewoon niet.  

Totaal andere keuzes in het submenu dan in het middendeel zorgen voor verwarring.

Tijdens gebruikerstesten zien we dat de meeste surfers ofwel naar het menu kijken, ofwel naar het contentgedeelte. Zelden overlopen ze de links in beide delen.

6.    Middendeel vullen met onzin = belachelijk

Hasselt is een stad met een heleboel troeven. Indrukwekkend. Daar kunnen Antwerpen, Gent, ... een puntje aan zuigen.

Nog een alternatief: lul het contentgedeelte gewoon vol. Het achterliggend idee: “Als er geen links in staan, zullen de mensen uiteindelijk wel naar de linkerkant kijken en klikken in het submenu”.

Dat is gedeeltelijk wel waar. Al bestaat het gevaar dat heel wat gebruikers alleen je bullshit zien en wegklikken voor ze het submenu deftig hebben overlopen.

Deze blokjes met links zijn al heel wat beter. Nu nog dat submenu schrappen...

Bij Hasselt hebben ze intussen al heel wat van hun blabla-teksten geschrapt. Gelukkig.

Want echt waar: als je denkt dat een pagina vullen met blabla-tekst niet zo erg is, hoop ik dat je geen job hebt die iets te maken heeft met het web.

7.    Het middendeel zo goed als leeg laten = nog belachelijker

Oké, er is nog 1 slechter idee. Het middendeel leeg laten of er 1 dwaze zin zetten.

Wauw. Geweldig. Hier kan ik zoeken naar de belangrijke gebeurtenissen in mijn leven. Wat bedoelen ze? Het binnendraaien van mijn eerste lief op de botsauto's? Mijn eerste pretsigaret?

Zo ziet elke bezoeker meteen dat je geen flauw idee hebt van de basisbeginselen van informatiearchitectuur.

Besluit

De toegevoegde waarde van een submenu op een keuzepagina is meestal nul komma nul. Noegabollen. Nada.

Schrappen dus. Zodat je van je overzichtspagina’s heel zuivere keuzepagina’s kan maken.

Het zal de conversie van je website ten goede komen!

En een facetnavigatie?

Als je aanbod smeekt om een facetnavigatie, moet die uiteraard wel op je overzichtspagina’s staan.

Een filternavigatie heeft duidelijk een toegevoegde waarde. Ze laat toe om je aanbod te filteren op basis van de belangrijkste keuzecriteria van de bezoeker.

P.S.

Wil je te weten komen wat de belangrijkste hindernissen én oplossingen zijn om de gebruiksvriendelijkheid en conversie van je website te verbeteren?

Volg dan onze opleidingsdag webusability en schrijven voor internet.

Al meer dan 355 mensen volgden deze opleiding en gaven een gemiddelde score van 9,1/10.

Er zijn nog maar enkele plaatsen vrij voor de editie van 24 mei 2012.

Schrijf je dus snel in voor deze hands-on opleiding.

Artikels die je zeker ook interesseren

• Gemeente Zele: voor alle bijzondere momenten in je leven

Maar we hebben ons goed geamuseerd. En met tussendoor toch zo’n 10 weken verlof, mag ik niet klagen.

Tijd voor het jaarlijkse ‘eigen lof ruikt geweldig’.

• 2 x 100% klantentevredenheid

100% van onze klanten zijn tevreden tot zeer tevreden over zowel onze diensten als onze opleidingen. Dat zeggen we niet zelf. Het is het resultaat van onze doorlichting volgens de Qfor-normen. Het is voor de 2de keer op rij dat we die score halen.

Ons verkoopspraatje zal het komende jaar vaak eindigen met ‘Vraag zeker aan onze concurrenten ook hun score. Dan weet je meteen waarom je best voor AGConsult kiest.’

• 929 mensen opgeleid

Alle open opleidingen zaten behoorlijk vol en ook onze in-company opleidingen waren erg in trek. De topper blijft de opleiding ‘Schrijven voor internet’. Al zit ook de op maat gemaakte versie van onze opleiding rond usability en conversie sterk in de lift.

Bekijk ons opleidingsaanbod.

• 70.248 ingevulde enquêtes

Zowat 100 organisaties kwamen in 2011 dankzij onze online enquêtes te weten waarvoor mensen hun websites bezoeken. Door het identificeren van die toptaken kunnen ze de inhoud en structuur van hun sites beter afstemmen op hun bezoekers. En zo hun conversie verhogen.

Wist je trouwens dat tussen de 10 en 20% van de bezoekers onze enquête invult?

Oh ja, 1 persoon antwoordde bij de vraag ‘wat komt u doen op deze website’ met het subtiele ‘AConsult een beetje kloten’. De andere 70.247 antwoorden waren wel bruikbaar.

• 93 user testen

Iets minder dan ik zou willen, maar een mens kan niet alles doen. Voor mij blijft dit de basis van ons beroep: input verzamelen van echte gebruikers via gebruikerstesten.

Het is dankzij dat gebruikersonderzoek (gebruikerstesten, enquêtes, interviews, logfile-analyse, …) dat we op deze blog dingen kunnen vertellen die gebaseerd zijn op feiten. Want een website bouw je op basis van feiten. Meningen zijn goed voor op café.

• 38% meer bezoekers op de blog

Minder publiceren en toch meer bezoekers. Ruik ik daar een nieuwe internet marketing strategie?

Bedankt aan de meer dan 30.000 regelmatig terugkerende lezers van onze blog. Aan die vele anderen die slechts 1 artikeltje mee pikten: jullie weten duidelijk niet wat jullie missen…

• 39 leuke projecten

• ABVV
• Atos Worldline
• Beeldbank Brugge
• Belgisch Ontwikkelingsagentschap
• BT Europe / Toyota Material Handling Europe
• Brussels Agentschap voor de Onderneming / 1819.be
• Concentra
• European University Institute
• Gemeentes Asse, Beveren en Mol
• Hebbes.be
• Jetair / Sunjets / TUI Belgium
• Habitos.be
• Holidayline
• Infrabel
• Infrax
• Koning Boudewijnstichting
• Kruispunt Migratie-Integratie
• Max Havelaar
• Océ
• Plan België
• Provincie Vlaams-Brabant
• Rode Kruis Vlaanderen
• Samsonite
• Sanoma
• Selor
• Stad Mechelen
• Stad Turnhout
• Steunpunt Jeugd
• Suzuki
• Toerisme Oostende
• Toyota Material Handling Europe
• UitinBrussel
• Universiteit Gent
• Vlaamse Overheid, Departement Leefmilieu, Natuur en Energie
• Vlaamse Overheid, Vlaanderen in Actie
• VOKA
• Zespri

Ontbreekt er iemand? Sorry, dan is het onze fout en niet omdat het geen leuk project was…

• 12 samenwerkingen met webontwikkelaars

300% meer dan verleden jaar, maar nog veel te weinig. Enkele doen structureel een beroep op onze diensten, andere betrekken ons af en toe in projecten, schakelen ons in voor enquêtes of opleidingen.

Ik vermeld graag hun namen:

• Anaxis
• CAP47
• INXCO
• LCP
• Mia Interactive
• Netlash-bSeen
• OrbitOne
• Pixeo
• Statik
• the Pubagency
• VIA Futura
• WEBS Internet Solutions

• 2 usabilitypipo’s

We zijn bewust een klein bedrijf en dat zal waarschijnlijk zo blijven. Omdat we niet de grootste willen zijn, maar de beste willen blijven.

AGConsult is Els Aerts en Karl Gilis.

Begin nu met je website beter te maken
Laat een usability audit doen en je krijgt 30 concrete actiepunten specifiek voor jouw website.

Artikels die je zeker ook interesseren

• Ons 2010 in 8 cijfers
• Opleiding schrijven voor internet en usability op 24 mei 2012 in Leuven
• Volg ons op Twitter
• Web usability training: 24 mei 2012, Leuven

1. Website menu’s van de 20 populairste websites wereldwijd

Ik onderzocht de menu’s van de 20 meest bezochte websites wereldwijd en kwam tot de volgende vaststellingen:

• Bij 85% van de websites staat het 1ste navigatieniveau bovenaan.
• Het 2de navigatieniveau staat iets vaker links dan bovenaan, maar dat verschil is niet erg groot.
• 3 op 4 van deze websites toont het 3de niveau als links binnen hun pagina’s, dus niet als apart navigatieblok.

2. 10 usability tips voor een betere website

10 tips voor meer conversie met je website. Gebaseerd op wat wij tijdens gebruikerstesten zien als de grootste obstakels voor surfers om hun doel te bereiken.

3. 12 usability tips voor je e-commerce website

Deze tips gaan een stapje verder dan de 10 tips van het vorige artikel. Vooral het online toepassen van oude verkooptechnieken is erg populair. Het zit in de presentatie als 1 grote tip, maar eigenlijk zijn het op zich al 8 afzonderlijke tips. Zeker lezen dus, moest je dat nog niet gedaan hebben.

4. Website menu: maak duidelijk wat je te bieden hebt

Gebruik in je website navigatie geen vage termen als ‘diensten’, ‘producten’ of ‘solutions’. Maak meteen duidelijk wat je echt te bieden hebt. Toon meteen je productgroepen of je aanbod. En focus op wat echt belangrijk is voor de bezoeker. Je geschiedenis is dat niet.

5. Elke website heeft maar 3 paginatypes

Voor mij het belangrijkste artikel van het jaar. Voor jullie net in de top 5. Laat de boodschap van dit artikel nogmaals tot je doordringen. En hopelijk heb ik in 2012 wat meer tijd om tips te geven voor die verschillende paginatypes…

Artikels die je zeker ook interesseren

• 12 usability tips voor je e-commerce website of webshop
• 10 usability tips voor een betere website
• Usability review van 3 overheidswebsites
• Van Cultuurweb naar UiTinVlaanderen.be: 300% meer bezoekers

• Wat is een kruimelpad?
• Waarom goed voor usability?
• Waarom handig voor zoekmachine optimalisatie (seo)
• Hoe een kruimelpad maken?

Wat is een kruimelpad?

Een kruimelpad toont het hiërarchische pad vanaf de homepage tot de pagina die de bezoeker op dat moment bekijkt. Het toont dus alle hogere niveaus in de structuur van de website.

Het kruimeldpad maakt meteen duidelijk waar in de structuur de pagina 'Gebruikersonderzoek' staat.

Waarom is een kruimelpad goed voor de usability?

1. Antwoord op de vraag ‘Waar ben ik?’

Het hoofddoel van een kruimelpadnavigatie is de surfer duidelijk maken waar hij zich precies bevindt op een website.

De meeste surfers weten graag waar ze zich bevinden: op welke website en op welke pagina, en waar die pagina zich bevindt in de structuur van de website.

Lees in dat verband ook onze 5 tips om bezoekers te tonen waar ze zijn.

2. Springen naar een hogere pagina

Via zo’n broodkruimel kan een bezoeker snel naar een hoger niveau surfen. Het is een secundair navigatiesysteem, dat bijvoorbeeld gebruikt wordt door mensen die via Google in het midden van je website belanden.

3. Bezoekers bereiken sneller hun doel

Uit onderzoek blijkt dat dankzij het kruimelpad mensen sneller vinden wat ze zoeken. Het werkt dus echt.

4. Nooit een hindernis

Ik heb tijdens de meer dan 2.500 gebruikerstesten die we al gedaan hebben, nog nooit een surfer zien sukkelen met een broodkruimel.

Het kan zijn dat iemand de broodkruimel niet gebruikt of niet goed kan uitleggen waarvoor hij dient. Tijdens gebruikerstesten heb ik al wel vaak mensen onbewust op een link in het kruimelpad zien klikken. En nog nooit verbaasd zien kijken met het resultaat.

Ook Jakob Nielsen kwam enkele jaren geleden tot dat besluit.

Waarom is kruimelpadnavigatie goed voor SEO?

1. Trefwoorden

Als lezer van onze blog weet je dat je website menu duidelijk moet maken wat je te bieden hebt.

Je structuur en inhoud moeten gebaseerd zijn op de toptaken van je bezoekers en op de zoektermen die ze gebruiken in Google.

Je broodkruimelspoor bevat dus altijd enkele belangrijke trefwoorden. En dat kan zelden kwaad…

2. Content clusters

Je kruimelpadnavigatie is een weerspiegeling van de structuur van je website. Zo kan Google makkelijker content clusters identificeren. Google zegt zelf: “Een broodkruimel helpt om de informatie op uw pagina’s beter te begrijpen en te presenteren in onze zoekresultaten”.

Een content cluster is een verzameling pagina’s min of meer over hetzelfde onderwerp. Als je meerdere artikels over eenzelfde onderwerp hebt én die onderling voldoende verschillen, zal Google je al sneller als autoriteit over dat onderwerp herkennen en erkennen.

Resultaat: een hogere ranking in Google.

3. Google houdt van kruimelpaden

Google probeert in haar zoekresultaten de hiërarchie van een website te tonen. Een patent uit november 2011 maakt duidelijk dat dit geen bevlieging is.

Als Google de hiërachie van je website wil tonen in haar zoekresultaten, waarom zou je Google dan niet helpen door een goede broodkruimelnavigatie?

Google probeert in haar zoekresultaten de hiërarchie van een website te tonen. Het doet dat deels op basis van de kruimelpadnavigatie op je website.

Hoe een kruimelpad maken voor je website?

• Lees eerst onze 8 tips om de perfecte broodkruimel te maken.
• WordPress plug-ins
• Breadcrumb NavXT
  Makkelijk in te stellen en met mogelijkheid lange broodkruimels in te korten.
• WordPress SEO plugin
  Zalige plug-in, met ook een goede broodkruimelmodule. Laat toe om per pagina de broodkruimeltekst te optimaliseren.
• Joomla
• Beschikt standaard over een behoorlijke kruimelpadmodule.
• Breadcrumbs Advanced Plus biedt enkele extra mogelijkheden biedt, waaronder het inkorten van al te lange onderdelen van je broodkruimel.
• Drupal beschikt over een goede ondersteuning voor breadcrumbs.
• Voor andere CMS’en kijk je best eens via Google wat de mogelijkheden zijn.

P.S.

Elke website kan beter. Dat weet iedereen.

Maar het is niet gemakkelijk om te weten wat de minpunten zijn van je eigen website. De zaken waarop je bezoekers vastlopen.

Nog moeilijker is het om te weten wat de oplossingen voor die knelpunten zijn.

Maar wij kunnen je helpen. Dankzij onze usability audit krijg je 30 concrete actiepunten om jouw website beter te maken.

Artikels die je zeker ook interesseren

• Broodkruimels op je website: 8 tips
• 5 tips om bezoekers te tonen waar ze zijn op je website
• Website menu: maak duidelijk wat je te bieden hebt!
• Website menu’s van de 20 populairste websites wereldwijd

Absoluut niet. De tips zijn bruikbaar voor elke website. De voorbeelden komen wel vooral van websites van touroperatoren, reisbureaus, verhuurders van vakantiehuizen en toeristische diensten.

Voor mensen van overheden zijn ze iets minder geschikt. Voor hen is er de presentatie met 20 tips voor bruikbare overheidswebsites.

Presentatie: 22 tips voor meer omzet met je reiswebsite
 

Je ziet geen presentatie of je zit op je iPad? Bekijk ze dan op Slideshare zelf

22 tips voor meer conversie met je reiswebsite

1. Je leeft niet van bezoekers maar van kopers
   Veel bezoekers op je website hebben is leuk. Maar van bezoekers alleen leef je niet. Je moet dus zorgen dat je van je bezoekers klanten maakt. Zij zorgen voor je inkomsten.
    
2. Zorg dat je website werkt
   Een tip die ik anno 2011 echt niet meer zou moeten geven. Maar ik ben heel erg geschrokken. Van de 25 sites die ik vluchtig heb bekeken voor deze lezing, waren er 5 die niet werkten zoals zou moeten. Of zoals de bezoeker verwacht dat ze werken.
    
3. Bekijk de presentatie van 2010
   Een jaar geleden gaf ik een eerste serie tips. Die presentatie is al meer dan 3.500 keer bekeken. Maar veel is er niet mee gebeurd. Jullie websites zijn zo mogelijk nog slechter geworden!
   Iedereen laat kansen liggen. Zowel de grote als kleine spelers, zowel uit België als Nederland.
   Het is geen toeval dat Booking.com 1 jaar geleden 150.000 overnachtingen per dag verkocht en nu al 275.000.
   En als jullie zo verder doen, is het weldra vechten voor de kruimels.
   Bekijk dus die presentatie en stel meteen een actielijst op voor je eigen website. En doe er iets aan! 
    
4. Ken je bezoekers
   Wie zijn ze? Wat komen ze doen? Wat zijn hun beslissingscriteria? Hoeveel mensen weten al waar en wanneer ze op vakantie willen? Wat vinden ze goed en minder goed aan je website? En die van je concurrenten?
   Zo’n zaken kom je te weten via korte online enquêtes of gebruikerstesten. Lees ons artikel over hoe je kan onderzoeken wat je klanten willen.
   Hoe beter je je klant kent, hoe beter je kan inspelen op zijn verwachtingen en hoe meer je zal verkopen.
    
5. Maak een duidelijke, taakgerichte homepage
   Als je deze blog volgt, weet je dat niemand je website zomaar bezoekt. Mensen komen altijd met een bepaald doel naar je website. Jij moet dus die toptaken opsporen. En vervolgens je homepage inrichten op basis van die toptaken.
   Je homepage moet focus hebben. En meteen duidelijk maken wat je doet. Bekijk de presentatie voor voorbeelden. En ook dit filmpje over hoe de homepage van Google er zou uitzien als jij ze had gemaakt.
    
6. Veel keuzes geven maakt kiezen moeilijker
   Het is een vreemd fenomeen: als mensen veel keuzes hebben, zullen ze vaak niet kiezen. Omdat de keuze te moeilijk is. Bij een studie in een supermarkt werd 7 keer meer confituur verkocht toen het assortiment van 24 smaken werd teruggebracht tot 6 smaken.
   Dat wil niet zeggen dat je maar 6 keuzes mag aanbieden. Maar bijvoorbeeld wel dat je op 1 pagina niet te veel keuzes tegelijk in het zicht plaatst.
   Of dat je beter 3 duidelijk verschillende arrangementen aanbiedt dan 8 gelijkaardige.
    
7. Focus op je boodschap
   Zeker op een productpagina moet alle aandacht naar het product gaan. Zowat het hele scherm moet gericht zijn op je product, zonder afleiding. Geen navigatie of grote zoekfunctie aan de linkerkant, een kleine topbalk, geen reclame voor andere producten. Focus op je aanbod. Minimaliseer de kans op afleiding.
    
8. Leg meteen je belangrijkste troeven op tafel
   Het begin van je pagina moet direct duidelijk maken wat je aanbod is. Hoeveel kost het? Waarom moet ik dat kiezen? Wat zijn de troeven en voordelen?
   Zo weet elke bezoeker meteen waarover het gaat.
   Bekijk de presentatie voor enkele voorbeelden en zelfs herwerkte versies van pagina’s. Dan zie je meteen wat ik bedoel.
    
9. Opsommingen en bullets zijn heel effectief
   Verstop je troeven niet in volzinnen. Een lijstje maakt ze veel overzichtelijker.
   Computerbedrijf Dell heeft de test ooit gedaan en het leverde hen 20% meer verkoop op.
    
10. Goede, mooie en grote foto’s
    Dit ligt zo voor de hand, maar het loopt zo vaak fout. Mensen willen hun vakantie al ervaren terwijl ze die aan het zoeken zijn.
    Foto’s spelen daarin een belangrijke rol. Goede foto’s. Die schermvullend weergegeven kunnen worden. En veel foto’s. Van alle soorten kamers. Van alle details.
     
11. Beïnvloed de kijkrichting van de surfers
    Als je foto’s van mensen gebruikt, zorg dan dat die mensen niet in de lens kijken. Laat hen kijken naar je troeven of je call-to-action. Het verschil is opmerkelijk. Lees dit artikel over het beïnvloeden van de kijkrichting en het sturen van de blik door goede foto’s. 
     
12. Klassieke verkoopstrucs werken ook online
    De trucjes die marktkramers en autoverkopers al eeuwen gebruiken, kan je vaak ook online toepassen. Want daar werken ze ook. Je vindt ze vanaf slide 59 in de presentatie. Ze zijn absoluut de moeite waard.
     
13. Doe iets als iets er niet is
    Toon alternatieven als een zoekopdracht geen resultaten oplevert.
    Als de volgende vertrekdatum van een cruise nog niet bekend is, moet je die pagina niet meteen schrappen. Zeg iets als “De vertrekdata voor 2012 zijn nog niet bekend. Vul je e-mailadres in en je weet als eerste de volgende data voor deze prachtige cruise.”
     
14. Zorg voor 1 duidelijke call-to-action
    Choquerend om te zien hoeveel pagina’s doodlopende straatjes zijn zonder een duidelijke call-to-action. Ook als je niet online verkoopt, moet je aansporen tot actie. Al is het maar door je telefoonnummer en e-mailadres te vermelden onder een titel ‘Meer info of offerte aanvragen?’
    Belangrijk is ook dat je 1 primaire call-to-action hebt. En niet verschillende knoppen die allemaal om aandacht schreeuwen.
     
15. Pas op met een call-to-action in combinatie met tabbladen
    Om te zien wat ik hiermee bedoel, ga je best naar slide 100 in de presentatie.
     
16. Herhaal je call-to-action onderaan
    De mensen die het einde van je pagina halen, zijn erg geïnteresseerd in je aanbod. Maak de drempel om te bestellen of om je te contacteren zo laag mogelijk, door onderaan op de pagina je call-to-action te herhalen. Bij IBM komt 70% van hun leads uit de onderste call-to-action.
    Lees ook dit artikel over waarom je je actieknop ook onderaan moet herhalen.
     
17. Niet iedereen koopt bij zijn eerste bezoek
    Integendeel. Vooraleer iemand een reis boekt, heeft hij gemiddeld meer dan 20 surfsessies achter de rug.(Bekijk deze cijfers van Google.)
    Als je bezoekers hun favoriete hotels, reizen of vakantiehuizen op je website kunnen toevoegen aan een shortlist, help je hen dus enorm. Dan kunnen ze uit je ruime aanbod makkelijk een selectie maken. En die bijvoorbeeld later nog eens bekijken of met hun partner verder verfijnen.
     
18. Geef alternatieven
    Onderaan op je productpagina bied je best enkele alternatieven. Zo bestaat de kans dat iemand die via Google op een productpagina belandt waarvan het aanbod hem niet 100% aanstaat, toch doorklikt naar een verwant product op je pagina. Als je dat niet doet, is hij gegarandeerd weer weg naar Google.
     
19. Blijf vertrouwen geven tijdens het aankoopproces
    Stel mensen tijdens het aankoopproces voortdurend gerust. Boezem vertrouwen in. Je conversie zal veel hoger liggen. Zo vonden we op 1 pagina bij Booking.com 7 elementen die de bezoeker extra vertrouwen geven in hun aankoop. Bekijk ze en pas ze toe op je eigen website.
     
20. Spoor je klanten aan om hun mening te delen
    Uit ervaringen van bestaande klanten kunnen nieuwe klanten groeien. Verzamel dus feedback en zet die zaken op je website. Of als dat moeilijk is, gebruik services zoals TripAdvisor. Zonder klantenbeoordelingen verlies je geloofwaardigheid.
     
21. Lees en volg onze blog
    Maar dat doe je waarschijnlijk al…
    Mis geen enkele tip meer door je in te schrijven op onze tweewekelijkse nieuwsbrief.
     
22. Huur een specialist in
    En laten we heel duidelijk zijn: als het gaat om de mix website, communicatie en meer omzet, moet je bij ons zijn.
    Bel +32 (0)3 293 39 96 of mail info@agconsult.be om te zien hoe we samen jouw website beter kunnen maken.

Artikels die je zeker ook interesseren

• Meer omzet met je reiswebsite: 22 tips
• 12 usability tips voor je e-commerce website of webshop
• 10 usability tips voor een betere website
• 11 tips om van bezoekers klanten te maken

Veel bezoekers hebben is leuk, dat ga ik niet ontkennen.

Maar als webshop of e-commerce website verdien je je boterham niet met het aantal bezoekers.

Een commerciële website verdient geld door bezoekers die kopen, rechtstreeks of onrechtstreeks. 

Ik vind het als specialist in website usability en conversie angstaanjagend hoeveel kansen bedrijven laten liggen met hun website.

Daarom heb ik 12 tips gebundeld. En ik garandeer je: iedereen kan er iets van opsteken. Pas de tips toe en je zal zien dat je verkoop stijgt.

Presentatie: 12 tips voor je commerciële website 

De tips zijn niet alleen bedoeld voor pure e-commerce websites of webshops. Elk bedrijf dat diensten of producten verkoopt en een website heeft, kan de tips toepassen.

Je ziet geen presentatie? Bekijk ze dan op Slideshare zelf

De 12 tips voor e-commerce websites op een rij

1. Zorg voor een inhoudelijk duidelijke navigatie
   Erg belangrijk, maar zo vaak een ramp. We schreven er eerder al over in het artikel ‘Maak in je website menu duidelijk wat je te bieden hebt‘. 
    
2. Maak een duidelijke, taakgerichte homepage
   Als je deze blog volgt, weet je intussen dat niemand je website zomaar bezoekt. Mensen komen altijd met een bepaald doel naar je website. Jij moet dus die toptaken opsporen. En vervolgens je website inrichten op basis van die toptaken.
    
3. Hoog begonnen is half gewonnen
   Zeker op een productpagina moet alle aandacht gaan naar het product. Maak je topbalk zo klein mogelijk, zodat de bezoeker meteen kan focussen op je aanbod.
    
4. Speel in op de beslissingscriteria van je publiek
   Veel bedrijven verkopen hun producten zoals zij die willen verkopen. Dat is vaak geen goed idee. Je moet onderzoeken wat de beslissingscriteria zijn van je klanten. En inspelen op hun noden.
    
5. Geef voordelen in plaats van kenmerken
   Het is vast heel leuk dat je terrasverwarmer een metaal poedercoating heeft, maar mij zegt dat niets. Leef je in in je klant. Spreek over voordelen in plaats van technische kenmerken. Als die poedercoating zorgt dat het ding roestvrij is, zeg dat dan gewoon.
    
6. Goede en mooie foto’s
   Dit ligt zo voor de hand, maar het loopt zo vaak fout. Mensen willen online dezelfde ervaring als in een winkel. Ze willen het product als het ware kunnen voelen. Zorg dus voor goede foto’s en veel foto’s. Van alle hoeken. Van alle details.
    
7. Klassieke verkoopstrucs werken ook online
   De trucjes die marktkramers en autoverkopers al eeuwen gebruiken, kan je vaak ook online toepassen. Want daar werken ze ook. Je vindt ze vanaf slide 30 in de presentatie.
    
8. Plaats het duurste eerst
   Bied niet braaf eerst je goedkoopste oplossing aan. Start met de voordelen en kenmerken van je duurste producten of diensten op te sommen. En zak dan af naar de goedkopere zaken. Wedden dat je omzet per aankoop zal stijgen?
    
9. Zorg voor 1 duidelijke call-to-action
   Het is echt schrikwekkend om te zien hoe vaak dit nog fout loopt. Commerciële websites zonder duidelijke calls-to-action. Pagina’s met een overdosis aan buttons. Terwijl het zo eenvoudig is…
    
10. Blijf vertrouwen geven tijdens het aankoopproces
    Stel mensen tijdens het aankoopproces voortdurend gerust. Boezem vertrouwen in. Je conversie zal veel hoger liggen. Zo vonden we in één pagina bij Booking.com 7 elementen die de bezoeker extra vertrouwen geven in hun aankoop. Bekijk ze en pas ze toe op je eigen website.
     
11. Lees het boek ‘Verleiden op Internet’
    Niet om te weten hoe je het beste profiel aanmaakt op een datingwebsite, maar om je website onweerstaanbaar te maken. Fantastisch boek van vriend en collega Aartjan van Erkel.
     
12. Lees en volg onze blog
    Maar dat doe je waarschijnlijk al…

Artikels die je zeker ook interesseren

• 22 tips voor nog meer omzet met je reiswebsite
• 10 usability tips voor een betere website
• 5 meest gelezen usability artikels van 2011
• Meer omzet met je reiswebsite: 22 tips

3 categorieën

• Juryprijs overheids- of non-profit website
• Juryprijs bedrijfs- of commerciële website
• Publieksprijs

Juryprijs overheids- of non-profit website

• 1^ste plaats: Infrax
  Web agency: The Reference
• 2^de plaats: Druglijn
  Web agency: Statik en Promex
• 3^de plaats: Eerste Hulp Bij Schulden
  Web agency: Netlash-bSeen

Commentaar van de jury over de winnaar, Infrax

• Homepage die gericht is op de toptaken van de bezoekers
• Duidelijke rubriekpagina’s, volledig afgestemd op wat de bezoeker komt doen op de website
• Goed geschreven, korte webteksten zonder ballast

 Juryprijs bedrijfs- of commerciële website

• 1^ste plaats: Gekruid
  Web agency: Gekruid
• 2^de plaats: Zesta
  Web agency: Statik en Proximity BBDO
• 3^de plaats: Citibank
  Web agency: Wunderman

Commentaar van de jury over de winnaar, Gekruid

• Handige openklappende topnavigatie geeft een goed beeld van het aanbod
• Goed uitgewerkte zoek- en filteropties helpen je snel vinden wat je zoekt
• Efficiënte bestelprocedure met uitstekende formulieren maakt bestellen makkelijk en snel

Publieksprijs

• 1^ste plaats: Infrax met 24,61% van de stemmen
• 2^de plaats: Citibank met 18,47% van de stemmen
• 3^de plaats: Zesta met 12,70% van de stemmen

20.000 euro prijzengeld

Dit jaar gaven we aan alle sites uit de top 10 prijzen weg die hen helpen hun websites nog beter te maken.

Met een prijzenpot van 20.000 euro kunnen we niet anders dan onze partners nog eens te bedanken. Niet alleen voor hun steun, maar omdat hun tools helpen het web beter te maken.

• Optimal workshop: remote user testing suite
• Loop11: Unmoderated remote user testing
• Plainframe.com: website navigation testing
• Websort.net: Online card sorting
• Usabilla: Micro usability testing
• EnquêteOnline: 2 question surveys
• UserPlus: expert en testing usability tools
• Microsoft
• Uitgeverij Van Duuren: Verleiden op internet
• AGConsult: usability & informatiearchitectuur

Extra bedankt ook aan onze vrienden bij Microsoft, die zo sympathiek waren om de uitreiking van de Usability Awards te verzorgen.

Artikels die je zeker ook interesseren

• Usability Awards 2011: nomineer je website!
• Plan België: Usability Awards 2009 juryprijs non-profit of overheidswebsite
• Brussels Airlines: winnaar publieksprijs Usability Awards 2009
• Ancienne Belgique: Usability Awards 2009 juryprijs commerciële of bedrijfswebsite

De shortlist van 10 sites in alfabetische volgorde:

• Antwerpen Europese Jongerenhoofdstad 2011
• Brussels Hoofdstedelijk Gewest
• Citibank
• De Druglijn
• Eerste Hulp Bij Schulden
• Gekruid
• Infrax
• RELI
• Suzuki
• Zesta

Tot 4 november kon er gestemd worden voor de publieksprijs. De winnaars worden bekendgemaakt op 9 november 2011.

Veelgestelde vragen over de Usability Awards

• Hoe wordt die shortlist samengesteld? En hoe kiest de jury de winnaars?
• Wie is die jury eigenlijk?
• Wanneer is de prijsuitreiking en mag ik ook komen?

Dankzij deze fijne bedrijven kunnen we dit jaar alweer 20.000 euro aan prijzen weggeven:

• Optimal workshop: remote user testing suite
• Loop11: Unmoderated remote user testing
• Plainframe.com: website navigation testing
• Websort.net: Online card sorting
• Usabilla: Micro usability testing
• EnquêteOnline: 2 question surveys
• UserPlus: expert en testing usability tools
• Microsoft
• Uitgeverij Van Duuren: Verleiden op internet
• AGConsult: usability & informatiearchitectuur

Artikels die je zeker ook interesseren

• Genomineerden Usability Awards 2010!
• 20.000 euro te winnen met de Usability Awards 2010 – Nomineer nu je website!
• Usability Awards 2011: nomineer je website!
• Winnaars Usability Awards 2009

Ik keek vreemd op toen ik na mijn inschrijving voor Digital Marketing First deze bevestiging in mijn mailbox kreeg.

Niets mis mee?

Kijk dan nog eens goed naar de tekst bij de ontbrekende prentjes.

Yep. Digital Merketing First.

Toch al beter dan de vorige mailflater

In vergelijking met andere mailings van Digital Marketing First valt bovenstaand foutje wel mee.

Toen we 2 jaar geleden deze mail ongevraagd in de bus kregen, vielen we helemaal van onze stoel. Lees het artikel dat we er toen over schreven.

Zelf iets bizars, onhandigs of keigoeds gezien?

Laat het ons weten via het contactformulier of e-mail.

Artikels die je zeker ook interesseren

• Wenst U wilt uw mailing nakijken voor het uitsturen?
• Uitschrijven nieuwsbrief: tot binnenkort…
• Nieuwsbrief: niet voor mietjes
• De lege nieuwsbrief

Als je op de homepage van Eltra hun troeven leest, kan de concurrentie maar beter haar deuren sluiten.

• 24 uur per dag bereikbaar
• Ruim 10.000 producten
• Eenvoudig en snel zoeken
• Uitgebreide productinformatie
• Direct bestellen

Minpuntje 1: Producten alleen zichtbaar voor geregistreerde bezoekers

Om de ‘ruim 10.000 producten’ te bekijken en de ‘uitgebreide productinformatie’ te lezen, moet je geregistreerd zijn.

Een gemiste kans. Iedereen die deze blog regelmatig leest, weet dat registratie slecht is voor je omzet.

In dit geval geldt dit dubbel: Google kan zo geen enkele productfiche lezen. En ze dus ook niet indexeren.

Minpuntje 2: Registratie is per post

Dat lees je goed. Per. Post.

Gelukkig hebben ze ‘de procedure voor het verkrijgen van een User ID en paswoord voor mijn gemak ingedeeld in twee stappen’.

Leuk. Dan kan ik misschien alsnog ‘direct bestellen’?

Niet echt. De 2 stappen zijn namelijk:

• Het registratieformulier downloaden, invullen en per post opsturen.
• Het reglement van de e-shop downloaden, ondertekenen en per post opsturen.

Zalig toch?

Zelf iets bizars, onhandigs of keigoeds gezien?

Laat het ons weten via het contactformulier of e-mail.

Met dank aan Patrick De Sutter voor deze tip!

Artikels die je zeker ook interesseren

• 10 usability tips voor een betere website
• 22 tips voor nog meer omzet met je reiswebsite
• Usability review van 3 overheidswebsites
• Ancienne Belgique: Usability Awards 2009 juryprijs commerciële of bedrijfswebsite

• Elke website heeft maar 3 paginatypes:
  • Keuzepagina’s
  • Detailpagina’s
  • Transactionele pagina’s
• Wat met de homepage?
• Een paginatype is niet hetzelfde als een template

Het basisidee

Onze opleidingen usability en informatiearchitectuur zijn opgebouwd rond de stelling dat elke website eigenlijk maar 3 paginatypes heeft.

De meeste mensen gaan na enige scepsis mee in dat verhaal. Het helpt hen om hun websites te vereenvoudigen en hun pagina’s beter te ontwerpen.

Tijd dus om die stelling eens op onze blog te zwieren.

1. Keuzepagina’s

Wat is een keuzepagina?

Een keuzepagina is elke pagina waarop de bezoeker nog een keuze kan maken tussen verschillende producten, diensten, soorten informatie etc.

Dat wil zeggen dat elke pagina tussen de homepage en een detailpagina (productfiche, informatiepagina, nieuwsbericht, …) een keuzepagina is. Of toch zou moeten zijn.

Linkse afbeelding: de hoofdpagina van de rubriek ‘Drinkwater’ bij de Vlaamse Maatschappij voor Watervoorziening is 100% opgebouwd als keuzepagina: een soort sitemap van die rubriek.

Rechtse afbeelding: de pagina van alle modellen van Suzuki is volledig gericht op het kiezen van een model. Foto + verbruik + prijs. Geen ballast.

Andere benamingen voor een keuzepagina:

• Categoriepagina
• Rubriekpagina
• Overzichtspagina
• Deurmatpagina

Wat is het doel van een keuzepagina?

De bezoeker zo snel mogelijk bij zijn doel brengen. Zoals je hopelijk weet, bezoekt elke surfer je website met een bepaald doel in zijn achterhoofd.

Op een keuzepagina moet je de bezoeker zo snel mogelijk een goede keuze laten maken. Zodat hij zo snel mogelijk zijn doel bereikt. Op commerciële websites probeer je die keuze uiteraard wat te beïnvloeden.

Tips voor goede keuzepagina’s volgen binnenkort op deze blog.

2. Detailpagina’s

Wat is een detailpagina?

Een detailpagina is een pagina waarop 1 product, artikel, informatiefiche, nieuwsartikel… staat.

Het is de pagina waarop de surfer de info vindt die hij nodig heeft. Op een informatieve website of een informatieve rubriek is het meestal het einddoel van zijn surfsessie.

Op commerciële pagina’s volgt daarna de bestelprocedure of bijvoorbeeld een offerteaanvraag.

Wat is het doel van een detailpagina?

De bezoeker gelukkig maken. Omdat hij heeft gevonden wat hij zocht.

Bij een overheidswebsite of de supportrubriek van een telecombedrijf kan dat het enige doel zijn. Op een commerciële website ga je natuurlijk keihard proberen om de bezoeker aan te zetten tot een actie (kopen, offerte aanvragen, contacteren, inschrijven nieuwsbrief, …).

Over het hoe en wat van een goede detailpagina schrijven we binnenkort ook nog enkele artikels.

3. Transactionele pagina’s

Als je van je bezoekers klanten wil maken, zal je vaak ook enkele formulieren online hebben.

Voorbeelden:

• Inschrijven op nieuwsbrief
• Online bestellen
• Offerte aanvragen

Zo’n transactionele procedure bestaat uit 1 of meerdere formulierenpagina’s en een bevestigingspagina.

En de homepage dan?

De homepage is een speciaal geval.

Maar meestal is een van de hoofddoelen van een homepage toch: zorgen dat bezoekers snel geraken waar ze moeten zijn. Een keuzepagina dus.

De meeste bedrijven willen op de homepage bepaalde zaken in de kijker zetten of pushen. Dat kan, maar zorg dat de keuzes duidelijk blijven en de pagina in z’n geheel duidelijk maakt wat je doet.

Linkse afbeelding: bij Belgium.be is de linkerhelft van de homepage opgebouwd als keuzepagina. In de rechterhelft wordt het nieuws gepusht.

Rechtse afbeelding: de homepage van Apple staat vol met push-berichten, maar in combinatie met de duidelijke hoofdnavigatie is het in zijn geheel wel een keuzepagina.

Lees onze artikels over homepage optimalisatie voor meer homepage tips

Voor alle duidelijkheid: een paginatype is geen template

De overzichtspagina’s van je nieuwsrubriek zijn anders opgebouwd dan de categoriepagina’s van je productcatalogus.

Hetzelfde geldt voor de detailpagina van een nieuwsbericht, supportpagina, productfiche en blogartikel. Je kan zelfs voor je productfiches verschillende templates hebben. Al overdrijf je daar natuurlijk best niet in.

In mijn opleiding over webstrategie en informatiearchitectuur leg ik dit principe in detail uit. En geef ik voor elk paginatype ook enkele templates die 90% van de noden van elke website dekken.

Wat denken jullie?

Klopt de stelling dat er maar 3 paginatypes zijn?
Of zijn er belachelijk veel uitzonderingen?

Artikels die je zeker ook interesseren

• Informatiearchitectuur: wat, waarom, hoe
• 10 usability tips voor een betere website
• Website strategie: zet uw website op dieet
• Maak meer winst door de zoekopdrachten op uw website te analyseren!

Een bezoek aan de website van de Lubricants Association Belgium kan je moeilijk verhelderend noemen.

‘Welcome op’ doet niet meteen het beste vermoeden. Als je dan ook nog eens even naar boven kijkt en de inhoud van hun menu ziet, weet je het zeker: dit komt niet goed.

Laten we hopen dat ze er nog aan aan het werken zijn…

Interessante page title en description tag

Ook aan hun metadata is nog wat werk. Erg aantrekkelijk zien hun page title en description tag er niet uit.

Maar ze staan wel hoog in Google. Dat dan weer wel.

Wat hebben we vandaag geleerd?

• Zet nooit een website in wording live op het internet. Iedereen kan dat zien.
• Zorg dat een website in wording niet geïndexeerd wordt in Google.
• ‘s Vrijdags moet je de usability blog niet al te serieus nemen. Zelfs niet met glijmiddel.

Lees zeker ook volgende artikels

• Stop de persen – we hebben een nieuwe website
• Vivamus dapibus – Maak een website pas bekend als ze klaar is
• Elmoto: voor motorfietsen met curryworsten
• Testpagina’s mogen niet online staan

Zelf iets bizars, onhandigs of keigoeds gezien?

Laat het ons weten via het contactformulier of e-mail.

Met dank aan een anonieme fan (ahum) voor deze tip!

Artikels die je zeker ook interesseren

• Webbouwer maakt reclame voor zichzelf in description tag klant
• Error 404 pagina: hoe het wel en niet moet
• Brasserie Latem: zoek het menu
• 10 usability tips voor een betere website

Nadat mijn dochter vorige week het artikel had gelezen over het gehandicaptenvrij bezoeken van de Efteling, kwam ze huilend naar beneden.

“Papa. Ik denk dat die van de Efteling mijn computer kapot hebben gemaakt. Mijn computer is betoverd.”

“Wat bedoel je? Dat kan toch niet?”

“Jawel papa, het staat er. De pagina is betoverd. Kom maar kijken.”

En inderdaad…

Humor in je error 404-pagina?

Dit is een typisch voorbeeld van de stroming ‘Stop wat humor in je 404 pagina’.

Dat sommige designers daar voorstander van zijn, kan ik nog begrijpen. (Zij hebben ooit ook splash-pagina’s, Flash-intro’s en stockfoto’s van lachende mensen verdedigd.)

Dat sommige usability-mensen dit promoten, snap ik absoluut niet.

Vanuit gebruikersstandpunt is de pagina van de Efteling echt niet goed.

Wat moet een error 404 pagina doen?

De bezoeker opvangen en een uitweg bieden.

Je krijgt een error 404-pagina te zien als je een pagina wil bezoeken die niet (meer) bestaat. Bijvoorbeeld bij het volgen van een dode of foute link.

Als we 1 ding zien tijdens gebruikerstesten, is dat mensen weinig open staan voor mopjes als er iets fout loopt.

Je error 404 pagina moet zeker 2 zaken doen:

• In mensentaal duidelijk maken dat er iets fout is gelopen. (Tip: Gebruik zeker niet de term error 404.)
• Een uitweg bieden door de hoofdindeling van je website op te nemen en/of een zoekfunctie te voorzien. Eventueel kan je ook de meest bezochte pagina’s/rubrieken opnemen.

Dat je dat alles overgiet met een humoristische saus, is geen probleem.

Zolang je de essentie van de pagina maar niet uit het oog verliest.

Lees zeker ook volgende artikels

• Verouderde pagina’s: verwijderen of niet?
• Oude content een tweede leven geven: tips en een case
• Klantvriendelijke foutmeldingen: 7 tips
• Geen error 404 pagina bij Google? 

Artikels die je zeker ook interesseren

• 20 usability tips voor websites van steden en gemeenten – en eender welke website
• 10 usability tips voor een betere website
• Brasserie Latem: zoek het menu
• Website Lubricants Association loopt niet echt gesmeerd

• Praktische opleiding van een halve dag
• Met voorbeelden van je eigen website
• 356 mensen volgden deze opleiding al
• 9,2/10: de gemiddelde score die de deelnemers geven
• Volgende editie: 24 mei 2012, Leuven
• Prijs: 250 euro excl. BTW (via KMO-portefeuille maar 125 euro)

Schrijf je in

Programma

• Schrijven voor internet: wat is er zo anders?
• Veelzeggende en aantrekkelijke titels
• Teksten structureren: omgekeerde piramidestructuur
• Tekstindeling optimaliseren voor het scangedrag van surfers
• Tips voor een eenvoudige en actieve schrijfstijl
• Gebruik links op een nuttige manier
• Teksten optimaliseren voor zoeksites (Google, Bing, …)

Waarom deze opleiding volgen?

• Voorbeelden van je eigen website
  De theorie wordt geïllustreerd met voorbeelden van de sites van de deelnemers.
• Praktische schrijfoefeningen
  Korte schrijfoefeningen zetten de theorie meteen om in de praktijk.
• Maximum 12 deelnemers
  Het kleine aantal deelnemers zorgt voor een optimale interactie.
• 100% klantentevredenheid
  Dat vinden we niet zelf uit. Dat was het resultaat van het laatste Qfor-klantentevredenheidsonderzoek over AGConsult. We zijn van plan dat zo te houden.
• Meer dan 355 tevreden deelnemers gingen je al voor
  Onder hen grote en kleine bedrijven (Telenet, Skynet, Oxfam, … ), ook uit de webwereld (Netlash, Zeropoint, Ubeon, Nascom, …).

Schrijf je in voor de opleiding ‘Schrijven voor het web’ 

Artikels die je zeker ook interesseren

• Opleiding schrijven voor internet en usability op 24 mei 2012 in Leuven
• Web usability training: 24 mei 2012, Leuven
• 8 keer meer kliks door 3 woorden te veranderen
• Links moeten betekenis hebben

De description tag blijft een van de meest verwaarloosde elementen bij de aanmaak van een website.

De description tag mag dan onbelangrijk zijn om hoger te scoren in Google, Google toont ‘m vaak wel in de zoekresultaten.

Uit eyetracking onderzoek blijkt dat mensen in de zoekresultaten van Google meer kijken naar de korte omschrijving dan naar de paginatitel. Lees daarom zeker ons artikel met 12 tips voor de perfecte description tag.

Webbouwer maakt reclame voor zichzelf in description tag klant

Webbouwer Multimediart misbruikt de onwetendheid van zijn klanten. In zijn content management systeem Mr. Content is een description tag voorzien. Standaard staat daar reclame in voor Multimediart zelf.

In de zoekresultaten ziet de onwetende klant zijn website als volgt verschijnen:

Hopelijk heeft Brouwerij Roman de factuur nog niet betaald…

Kijk alles na!

Laat dat de tip van vandaag zijn. Als je website wordt opgeleverd, kijk dan alles na.

Controleer je formulieren op foute foutmeldingen.

En test je zoekfunctie op allerlei dwaasheden.

En kijk dus ook of er een description tag is en of je die goed hebt ingevuld.

Leestip

De complete gids voor title en description tags

Zelf iets bizars, onhandigs of keigoeds gezien?

Laat het ons weten via het contactformulier of e-mail e-mail.

Artikels die je zeker ook interesseren

• Title en description tags: de complete gids
• Description tag: wat is het en waarom is het zo belangrijk?
• 12 tips voor de perfecte description tag
• Brasserie Latem: zoek het menu

Eender welke tekstlink. Dus niet over knoppen, prentjes, banners etc.

De 5 basisregels van aanklikbaarheid

Maak duidelijk wat aanklikbaar is. Surfers willen niet zelf uitzoeken wat een link is en wat niet.

Veel websites gaan hier de mist in. Daarom nog even de basisregels van de aanklikbaarheid op een rijtje.

1. Onderlijn tekstlinks

Onderlijnde woorden vallen meteen op. Zo speel je meteen ook in op het vluchtige leesgedrag op het web.

2. Zet links in een goed leesbare, felle kleur

Door je link in een andere kleur te zetten dan je tekst, valt hij nog meer op.

De standaardkleur voor links is blauw en dat blijft de beste keuze. Kies gerust een andere kleur, maar zorg er dan wel voor dat het een goed leesbare kleur is die duidelijk verschilt van je normale tekstkleur.

Een andere kleur alleen is niet voldoende. Onderlijnen moet ook. Vooral voor surfers met een visuele beperking is dat belangrijk.

3. Gebruik verschillende kleuren voor bezochte en niet-bezochte links

Dat links naar bezochte pagina’s een andere kleur hebben dan niet-bezochte, is een webstandaard. Als je je bezoekers niet wil ergeren, volg je die regel best. Het is geen toeval dat websites als Google, eBay, … deze regel volgen.

Mensen weten graag welke pagina’s ze al bezocht hebben en welke niet. Het is erg vervelend om tijdens een zoektocht op een website op een link te klikken, om dan vast te stellen dat je die pagina al bekeken hebt.

De standaardkleur voor bezochte links is paars. Opnieuw: kies gerust een andere kleur. Maar zorg er dan wel voor dat het een goed leesbare kleur is die doffer is dan je kleur voor links. Bezochte links mogen iets minder opvallen dan niet-bezochte links.

4. Wees consistent in je kleurgebruik

Om de gebruiker niet te verwarren, gebruik je op heel je site best één kleur voor bezochte links en één kleur voor niet-bezochte links.

Gebruik deze kleur alleen voor links. Zet dus geen titels of subtitels in je linkkleur.

5. Onderlijn alleen tekstlinks

Omdat mensen gewend zijn dat links onderlijnd zijn, verwachten ze ook dat alles wat onderlijnd is een link is.

Verwar je bezoekers niet en onderlijn geen tekst die geen link is.

Uitzonderingen

Er zijn een aantal uitzonderingen op deze regels.

Navigatie

Links in de navigatie moeten niet in kleur staan of onderlijnd worden. De plaats en vormgeving moet duidelijk maken dat het om de navigatie gaat.

Bij navigatie-items dient het kleurverschil om aan te geven wat de rubriek is waar de bezoeker zich bevindt, niet om te laten zien waar hij al op geklikt heeft.

Links in lijstjes

Bij lijstjes, waar je allemaal links onder elkaar zet, zet je de links best wel in de linkkleur maar onderlijn je ze beter niet. De opeenstapeling van lijntjes zorgt voor een soort tralie-effect dat de leesbaarheid niet echt bevordert.

Wil je extra duidelijk maken dat het een lijstje links is? Gebruik dan geen bolletjes of streepjes als opsommingstekens maar pijltjes of zelfs groter-dan-tekens. Geen grotere muismagneet dan iets wat op een pijltje lijkt.

Een link in een lijstje onderlijnen wanneer de gebruiker er met zijn muis overkomt, mag wel.

Call-to-action links

Heb je een aantal links op een pagina staan, maar is er eentje de call-to-action en wil je dat die eruit springt?

Zet die link dan in een andere kleur dan je gewone linkkleur.

Of maak er gewoon een knop van in plaats van een tekstlink. Dat kan natuurlijk ook.

Lees zeker ook

• Links moeten betekenis hebben
• 8 keer meer kliks door 3 woorden te vervangen
• Springlinks of anker links: de spelregels

Meer weten over usability, conversie en webschrijven?

Volg dan onze opleidingsdag webusability en schrijven voor internet op 28 februari 2012 in Leuven. Inclusief korte bespreking van je website.

Artikels die je zeker ook interesseren

• 20 usability tips voor websites van steden en gemeenten – en eender welke website
• Usability review van 3 overheidswebsites
• 10 usability tips voor een betere website
• 20 tips voor bruikbare overheidswebsites

Zo’n dagje Efteling wil je natuurlijk niet laten verpesten door een of andere gehandicapte die naast je plaatsneemt in een attractie waar je een half uur voor hebt moeten aanschuiven.

Dat weten ze bij de Efteling ook wel. Daarom kan je in hun filternavigatie snel alle attracties opvragen die niet toegankelijk zijn voor mindervaliden.

Handig, toch?

Voor de slechte verstaander

Mindervaliden hebben natuurlijk evenveel recht op een dagje Efteling als wie dan ook. En ze mogen ook altijd naast mij komen zitten.

Het gaat ons om de vreemde logica van de filter- of facetnavigatie. Het doel van filters of facetten is net dat de bezoeker die dingen kan selecteren die voor hem belangrijk zijn. Volgens ons zullen mensen dan ook eerder zoeken naar attracties die wel geschikt zijn voor mindervaliden dan andersom.

Hetzelfde geldt voor de minimale lengte. Als je kleine kinderen hebt, wil je weten waar je naartoe kan met kinderen die kleiner zijn dan 110 of 120 cm. Niet welke attracties niet geschikt zijn voor hen.

Lees zeker ook volgende artikels

• 4 tips voor een goede facetnavigatie
• Hoe een actieve filter wissen?
• De hipste navigatie ooit

Zelf iets bizars, onhandigs of keigoeds gezien?

Laat het ons weten via het contactformulier of e-mail.

Met dank aan Stijn Knapen voor deze geweldige tip!

Artikels die je zeker ook interesseren

• Facetnavigatie: beste methode voor wissen van actieve filters
• Filteren in productcatalogus: 4 tips voor een facetnavigatie
• 5 tips om bezoekers te tonen waar ze zijn op je website
• Broodkruimels op je website: 8 tips