Is de homepage nog belangrijk?

Alsmaar meer bezoekers komen op je website terecht via zoekmachines. Deze zoekmachines proberen bezoekers meteen door te sturen naar de pagina die voor hun zoekactie relevant is.

Je homepage krijgt hierdoor niet alleen minder bezoekers te verwerken, ze krijgt ook een andere functie. Nu bezoekers via vele manieren meteen op alle mogelijke webpagina’s kunnen terechtkomen, kan de homepage niet langer exclusief als ‘voordeur’ worden beschouwd. Elke pagina is nu een mogelijke voordeur. De homepage is meer een referentiepagina, die een algemene indruk moet geven van de kwaliteit en de sfeer van je organisatie.

Let op, een homepage moet door het lager aantal bezoekers daarom niet aan belang inboeten. Tenminste, als je rekening houdt met zijn gewijzigde functie.

Waarvoor dient de homepage dan nog?

Wanneer je zelf snel even naar de homepage van een website surft, doe je dat om in één oogopslag de sfeer van de website op te pikken, en snel te zien wat de website te bieden heeft. De kerntaken van de homepage zijn dus:

• Een goede eerste indruk geven. Kwaliteit uistralen.
  Een degelijk, overzichtelijk design zet meteen de toon van een website.  Kies voor een ontwerp dat ademt, en bezoekers de ruimte geeft om zelf keuzes te maken.
• Duidelijk maken waar de website over gaat.
  Vermijd gefrustreerde bezoekers, laat ze meteen evalueren of ze bij jou gaan vinden wat ze zoeken. Gebruik een goede tagline. Een tagline is een zin die beschrijft waar jullie website precies voor dient, wat jullie activiteit is als organisatie of bedrijf. Verval niet in verkoopstermen als ‘de beste of de goedkoopste’, maar communiceer echt de inhoud van je website. Maak van de kernwoorden in uw tagline een link naar een achterliggende pagina met meer informatie over die kernwoorden.
• Duidelijk maken wat je kan doen op de website.
  Als het mogelijk is om te kopen/reserveren/registreren op je website, laat dat dan weten. Plaats wegwijzers om bezoekers te brengen waar ze willen en moeten zijn. Plaats weinig, maar duidelijke wegwijzers.
  Heeft een bezoeker in één oogopslag niet gezien waar hij moet klikken, dan loopt hij waarschijnlijk weg. Plaats dus een aantal uitnodigende ‘Call To Actions’ (‘bestel nu’, ’schrijf je in’, ‘bekijk’, ‘reserveer’, etc. ) voor de meest uitgevoerde taken op je website. (En analyseer nadien ook hoe vaak er effectief op deze Call To Actions wordt geklikt.)
• Focus op de gebruiker.
  Een regel die geldt voor elke pagina van je website. Ontwerp je homepage met de wensen van de gebruikers in het achterhoofd. Wees niet te opdringerig.

Aan de slag

Wil je advies over het webdesign van jouw homepage? Je weet ons te vinden.

Wat zijn Micro Analytics?

Micro Analytics is een verzamelnaam voor tools die je de mogelijkheid geven in ‘real time’ bezoekers te ‘zien’ navigeren op je website. Het wordt zo mogelijk om micro patronen te ontdekken die door de hoeveelheid data niet zichtbaar zijn in Google Analytics. Bovendien is het een ideaal middel om live het viraal effect te zien van bijvoorbeeld een nieuwe tweet of blogpost.

Welke tools zijn er beschikbaar?

De functies van Micro Analytics Tools lopen ver uiteen. Met welke tool je precies aan de slag gaat, hangt af van verschillende factoren:

• Het type website. (e-commerce, community, …)
  Pakketten als Woopra bieden immers speciale functies aan voor e-commerce websites, zoals live chat.
• Beschikbaarheid van de webmaster. (Wanneer ben je beschikbaar voor het opvolgen van deze cijfers?)
  Indien je niet live kan meekijken kies je best voor een systeem waarin je terug kan gaan in de tijd (zoals Chartbeat) of waarin sessies worden opgeslaan (zoals Clixpy).
• De skillset van de webmaster. (Welke communicatieve en analytische skills bezit de webmaster?)
  Afhankelijk van de verantwoordelijkheid van de webmaster kan je een aantal functies uitsluiten. Is rechtstreeks contact met klanten geen deel van het Webmaster takenpakket, dan is een functie als ‘live chat’ uit Woopra overbodig.

Eens je deze vragen hebt beantwoord kan je de verschillende tools naast elkaar leggen om tot de juiste beslissing te komen. De belangrijkste tools momenteel beschikbaar zijn Clixpy, Chartbeat, Woopra en Clicky. Bij deze laatste vind je bovendien een handige tabel om de functies van de verschillende tools te vergelijken.

Om te weten wat deze gloednieuwe tools ons in de praktijk kunnen opleveren, hebben we de twee grootste zelf uitgetest:

Onze ervaringen met Clixpy.

Clixpy is een interessant buitenbeentje in deze reeks. Deze tool levert je immers geen live cijfermateriaal op om je site beter te begrijpen, maar legt sessies van bezoekers vast op video.

Hoe het werkt:

1. Je schrijft je in op Clixpy.
2. Je voegt een javascriptcode toe aan elke pagina.
3. Opgenomen sessies kan je bekijken op de Clixpy website.

De voor- en nadelen:

Clixpy probeert het meest een usabilty test na te bootsen. Dit heeft enkele voordelen:

1. Je krijgt echt het gevoel dat je meekijkt over de schouder van de bezoeker, zonder dat hij weet dat er meegekeken wordt.
2. Je krijgt meer informatie dan in cijfers kan worden weergegeven.
3. Je ziet niet enkel de bekeken pagina’s, maar ook de scrollbewegingen en eventueel geselecteerde tekst.
4. Je ziet bij het invullen van formulieren welke fouten er eventueel worden gemaakt, en wat er ingetikt wordt.

Er zijn ook enkele opvallende nadelen aan verbonden:

1. Bekijken van deze rapporten is een tijdrovend werk. (Wat je eventueel wel kan outsourcen.)
2. Je moet zelf de vergaarde informatie in cijfermateriaal omzetten.
3. Om echte patronen te ontdekken moet je veel sessies opnemen & bekijken.

Clixpy werkte in onze test niet altijd even vlot. Dit heeft zo zijn reden: bij het afspelen van videos zal Clixpy je site inladen als achtergrond. Heb je een tragere server, dan kan dit haperingen veroorzaken tijdens het afspelen. Ondanks dit klein minpunt blijft dit een zeer interessante, betaalbare tool om eens uit te proberen. Voor het opnemen van 1000 sessies betaal je slechts $30.

Onze ervaringen met Chartbeat.

Chartbeat biedt meer klassieke meetfuncties, maar wel in een realtime kleedje.

Hoe het werkt:

1. Registreer je op de Chartbeat website.
2. Voeg de javascriptcode toe aan elke pagina.
3. Volg live de prestaties van je website op de Chartbeat website.

De voor- en nadelen:

De combinatie van klassieke meetpunten met de realtime technologie biedt enorm veel mogelijkheden. De belangrijkste voordelen:

1. Dankzij de integratie van twitter conversations zie je meteen welk effect tweets hebben op de bezoekers van je website.
2. Chartbeat maakt een onderscheid tussen ‘Reading’, ‘Writing’ en ‘Idle’ visitors, wat meteen ook een indicatie is van de waarde van deze bezoekers.
3. Je ziet live een overzicht van de pagina’s die worden geconsumeerd, en hoeveel mensen aanwezig zijn op elke pagina.
4. Er wordt speciaal aandacht geschonken aan de laadtijden van je pagina’s. Indien je dit wenst kan je bij een overload gewaarschuwd worden. (Evt. via de iPhone application.)
5. Met de replay functie kan je terugspoelen naar een opmerkelijk moment om de statistieken beter te kunnen begrijpen.

Chartbeat worstelt echter met een aantal beperkingen die diepgravende analyses moeilijk maken:

1. Je kan bezoekers niet apart identificeren, en dus ook het verloop van pagina naar pagina niet bekijken.
2. Het interpreteren van live informatie kost veel tijd, ook als je de replay functie gebruikt.
3. Om patronen te ontdekken moet je een hele tijd meekijken.

De nieuwe versie van Chartbeat draagt momenteel nog het Beta label, maar ziet er al bijzonder veelbelovend uit. Niet in het minst omwille van de API die ontwikkelaars de mogelijkheid geeft verder op de Chartbeat data te bouwen.

Prijzen beginnen aan $20 per maand.

Conclusie.

Bovenstaande tools bieden al een hele hoop interessante functies om je website beter te begrijpen en verder te optimaliseren. Andere realtime meettools zoals Woopra en Clicky bieden ook andere functies aan als een live chat, het identificeren van bezoekers en het binnenhalen van keyword rankings. We verwachten dat elke nieuwe tool ook nieuwe functies met zich zal meebrengen, waardoor Micro Analytics zich zeer snel verder zullen ontwikkelen.

Los van al deze handige extra data die je op deze manier kan vergaren, is het duidelijk dat Micro Analytics geen vervanging zijn voor klassieke meettools als Google Analytics. Ze zijn wel een bijzonder waardevolle aanvulling die de mogelijkheid biedt om in te zoomen op onduidelijke fenomenen, of onverklaarbare patronen.

Het grootste nadeel van Micro Analytics is de tijd die je eraan moet spenderen om tot conclusies te kunnen komen. Voor je een licentie neemt op een Realtime Analytics tool vraag je je dus best af of je ook de tijd kan vrijmaken om de vergaarde informatie te interpreteren.

Onlangs werden de CMS Awards voor de beste Europese websites uitgereikt. Drie van de vier, door Glue, ingezonden websites, vielen in de prijzen. Onze sites wonnen maar liefst goud, zilver en brons. De professionele jury* was bijzonder lovend.

Beka-cookware, triomfeerde in de categorie ‘design’. Nog steeds in de categorie webdesign, kaapten we met de Greenway website ook het zilver weg. Beide websites lieten letterlijk en figuurlijk het water in de mond komen, aldus de jury van de CMS Awards.

In de categorie navigatie scoorde pijnstiller.be met brons. Een mooi bewijs dat we erin geslaagd zijn om een site met gigantisch veel content zeer gebruiksvriendelijk te maken. Je kan zeer vlot en duidelijk navigeren naar de onderwerpen die je interesseren, zonder de weg kwijt te geraken.

We zijn erg trots op deze professionele erkenning. Het is een hele eer voor het ganse Glue team. Dankzij hun webdesign, webdevelopment, usability en CMS expertise konden we deze mooie resultaten behalen. Thanks guys!

Daarnaast mogen we ook EllisLab, de bedenkers van Expression Engine niet vergeten te bedanken. Elke ingezonden website diende immers te beschikken over een gebruiksvriendelijk content management systeem om aan deze competitie te kunnen deelnemen.

Aan die voorwaarde voldoen alle Glue websites. Expression Engine, ons CMS systeem dat eerder al uitgebreid op deze blog aan bod kwam, is werkelijk een droom op vlak van usability.

A big shout out to the EllisLab team! Thank you Rick, Leslie, Derek, Lisa, Derek, Robin, Sue, Ingmar, Greg and Pascal!! We are proud to work with you guys! Keep up the good work!

Oooops, en ik zou het bijna nog vergeten. De belangrijkste spelers in dit verhaal. Onze klanten. Dankzij hun vertrouwen konden we dit succes realiseren. Bedankt, Marc, Veerle, Delphine en Adelheid van Beka! Bedankt, Paul ‘Greenway‘ Florizoone! Bedankt, Sophie en McLee van McNeil!

(*) De jury was samengesteld uit de volgende experten: Robin Wauters, Lieven Raes, Bart Van Herreweghe, Bart Nelis, Karine Blommaert, Sigrid Vandenweghe en Christian Daems.

Ze hebben onderzocht hoe de gebruiker online informatie vindt en hoe de gebruikerservaring kan verbeterd worden. En, belangrijk, ze hebben onderzocht wat het verschil is tussen de echte behoeften van de eindgebruiker en hoe de designers die begrepen hebben.

Deze verschillen begrijpen is heel erg belangrijk, designers zijn over het algemeen te optimistisch over de gebruiker zijn kunnen.

De belangrijkste conclusies van deze studie zijn:

• De webdesigner onderschat de voorwaarden voor een effectieve website
• Het vlug vinden van volledige informatie is de sleutel tot een goede gebruikerservaring
• Degelijk grafisch ontwerp en recente/relevante informatie is cruciaal
• Bezoekers willen snel informatie
• Bezoekers willen een brede waaier aan informatie
• De webdesigners zijn te optimistisch over het oriënteringsvermogen van de gebruiker
• Je moet het virtuele handje van de bezoekers vasthouden, de bezoekers moeten als het ware ‘persoonlijk’ begeleid worden.
• Meer dan 50% van de gebruikers wijzen op de kloof tussen wat ze zoeken en wat ze terugvinden op de meeste websites.

lees alle punten in detail op hun site. Of download de pdf.

10 tips:

1. Hou wat je schrijft zo simpel mogelijk. Teksten op een scherm (voor het web) zijn moeilijker te lezen en te onthouden dan teksten op papier. Daarom voor het web geldt de gouden regel “come to the point”, en liefst zo snel mogelijk. De lezer is gehaast.
2. Zorg voor een duidelijk contrast tussen de tekst en de achtergrond waar de tekst op staat
3. Zorg ervoor dat een link duidelijk herkenbaar is, door middel van kleur en onderstreping.
4. Verhoog de leesbaarheid door het gebruik van een ruime interlinie, daar is het regel dat tekst in een paragraaf van 12px een interlinie van 18px heeft (12pt x 1.5 = 18pt), iets meer mag, maar minder niet.
5. Zorg voor semantische code d.w.z. gebruik h1, h2, h3.. voor titels, p voor leestekst, strong voor tekst in het vet.
6. Zorg voor een hiërarchische structuur. Een duidelijke hiërarchie kan bereikt worden door te zorgen dat het artikel bestaat uit een titel (h1), een introtekst (p), een subtitel (h2) en de eigenlijke tekst van de site (p).
7. Als je een foto toevoegt doe dat bovenaan de blogpost of aan het begin van het artikel. De bedoeling van een foto is om de aandacht te trekken en om de surfer in het artikel te trekken, niet om de flow van het artikel te breken.
8. Zet gerust hier en daar een belangrijk woord in het vet. Het verhoogt de leesbaarheid en het maakt lange teksten minder saai.
9. Gebruik een lijstje waar mogelijk. Een lijst is makkelijker te onthouden dan een lange paragraaf tekst (zie deze lijst).
10. Gebruik je gezond verstand en vul cyberspace met zaken waar we allemaal iets aan hebben.