1. 12 usability tips voor commerciële websites
Karl Gilis – De 'G' in AGConsult
Web usability & Informatiearchitectuur
Volg me op Twitter
Mis mijn tips op De Usability Blog niet
2. Omdat slides zonder de presentatie
vaak mooi zijn om naar te kijken, maar
moeilijk om te begrijpen, zal je af en
toe deze tekstballonnen zien opduiken.
Hopelijk wordt het verhaal zo iets
duidelijker.
3. 1. Inhoudelijk duidelijke navigatie
Als de wegwijzers op een
kruispunt wijzen naar
'dorpen, 'gemeenten' en
'steden', dan heb je daar
niets aan.
4. Hetzelfde geldt voor de termen in je navigatie.
Dat zijn de wegwijzers doorheen je website. Die moeten
duidelijk maken wat je doet.
Zo ziet elke bezoeker op elke pagina van je website wat je te
bieden hebt.
En het is nog goed voor Google ook.
Dit is dus een heel slecht voorbeeld. Miljoenen bedrijven
kunnen dit als hoofdnavigatie hebben.
5. Nog zo'n nietszeggend voorbeeld.
Iedereen heeft 'producten'. Maar wat verkoop je juist?
Stop met zeuren over je 'technology' en denk vooral niet
dat je 'news' belangrijk is.
Niemand komt naar je website om die dwaze
screensaver te downloaden die je ooit hebt laten maken.
6. Je maakt werkkledij?
Zet dan zaken als 'Werkschoenen', 'Overalls', … in je
navigatie.
Het zal je business ten goede komen.
Meer dan die screensaver…
7. Dit bedrijf doet volgens mij iets met aardgas,
elektriciteit, riolering en kabeltelevisie. En ze geven nog
premies ook. Joepie.
Mijn intuïtie zegt me dat dit bedrijf wel eens iets met
geld, verzekeren en beleggen te maken kan hebben…
8. En jawel: ik had gelijk.
Dat was niet moeilijk te raden.
Omdat het potverdekke zo duidelijk in de navigatie staat!
Verstop niet wat je doet.
9. 2. Duidelijke, taakgerichte homepage
Mensen komen niet zomaar
naar je website.
Ze komen om iets te doen.
Zorg dat je homepage
inspeelt op die taken.
10. Dit is de nietszeggende homepage van
Deloitte in 2010.
Wel stoefen dat ze de grootste zijn.
Maar wat ze doen? Ho maar.
11. Dit is de nietszeggende homepage van Deloitte eind 2011.
Niet meer de grootste wereldwijd. Maar ze zijn toch nog
ergens de grootste en beste in blijkbaar.
En dan?
12. Dit is hoe een homepage moet zijn.
Hier zie je meteen dat het een kookwebsite is.
En je hebt meteen zin om je potten en pannen
boven te halen.
13. De homepage van Infrax is opgebouwd
rond de toptaken van de bezoekers.
O.a. gebaseerd op de resultaten van een
'Wie-Waarom enquête'
14. 3. Hoog begonnen is half gewonnen
Op een
productpagina
moet alle
aandacht naar je
product gaan.
15. Dit is de productpagina van de iPod touch.
Kijk eens hoe weinig plaats Apple verliest aan
de topbalk.
17. Apple
Amazon
In tegenstelling tot deze webshop waar een
derde van het scherm verloren gaat aan
navigatie en een dwaze visual.
De groene lijnen duiden aan waar Apple en
Amazon beginnen met de echte pagina…
18. 4. Speel in op beslissingscriteria
Onderzoek wat de
belangrijkste
beslissingscriteria
zijn van je klanten
en speel daar op in.
Alleen dan is je
productpagina een
schot in de roos.
19. "Hier is ons gamma.
Trek je plan."
VW houdt totaal
geen rekening met
de basiscriteria van
de klant.
20. Suzuki weet dat prijs en verbruik belangrijke
criteria zijn.
En dat mensen weten dat ze een 3- of 5-
deurs auto willen.
21. Je 100 jaar knowhow
interesseert bezoekers niet.
Zij willen productkenmerken
en -voordelen zien, niet je
marketingverhaal lezen.
22. Dit is dus veel beter.
Samsonite paste deze pagina
aan op basis van een
gebruikerstest door AGConsult.
23. 5. Geef voordelen i.p.v. kenmerken
Veel bedrijven
benadrukken nog te
vaak de kenmerken
van een product.
De klant is meer
geïnteresseerd in de
voordelen.
24. Wauw. Een behuizing van metaal poedercoating en een
aluminium beschermkap.
Waarom is dat belangrijk? Maakt dat het ding roestvrij?
Zeg dat dan op die manier.
En wat betekent dat: 500, 1.000 en 1.500 W? Tover niet
met cijfers, maar zeg bijvoorbeeld welke oppervlakte ik
daarmee tot welke temperaturen warm kan houden.
25. Al iets beter door de voordelen:
- Makkelijk verrijdbaar
- Eenvoudig en snel te installeren
- Veilig in gebruik door de omvalbeveiliging
26. 6. Goede en mooie foto's
Zelfde kasteel,
andere fotograaf.
Waar wil je het liefst
naartoe?
28. Zet op dit terras Jef,
Maria en Louisa en
hun thermos, en het
zou niet dezelfde
indruk geven.
Veel, goede en
grote foto's zijn
essentieel.
Dat geeft
vertrouwen. Je hebt
niets te verbergen.
29. Zeg niet alleen dat er
handige opbergvakjes
zijn, maar toon ze ook.
Dat maakt wel degelijk
het verschil.
30. 7. Klassieke verkooptrucs werken ook online
De trucjes die
marktkramers,
autoverkopers etc. al
eeuwen gebruiken,
werken ook online.
33. Zet de meest verkochte zaken
automatisch bovenaan.
De kans dat ze bij de andere
bezoekers ook in de smaak vallen is
erg groot.
Daarom is het een bestseller!
34. Toon aan je bezoekers dat ze niet
alleen zijn.
Na het toevoegen van het zinnetje
"3.595 hypotheekadviezen in
september", maakten 12,5% meer
mensen een afspraak.
42. Een pagina waar je software kan kopen
en downloaden.
Met rechts een telefoonnummer en de
betaalmogelijkheden.
Op zich niet slecht.
43. Op deze versie staan er bovenaan en
rechts meer zaken die vertrouwen
inboezemen.
Een levenslange garantie met zo'n
echte zegel, wie trapt daar nu in?
Veel mensen! 20% meer verkoop!
44. En deze
sleutelhanger
krijgt ge er gratis
bij, madammeke!
45. Gratis levering is een begin.
Nog beter zou zijn om bijvoorbeeld een
make-uptasje weg te geven bij
aankopen van meer dan 100€.
46. Al kan je natuurlijk ook
iets weggeven aan
iedereen. Niet alleen aan
wie iets koopt…
47. 8. Plaats het duurste eerst
Eigenlijk ook een truc
die elke verkoper kent.
48. Door mensen eerst warm te maken voor de
voordelen en mogelijkheden van de duurdere
producten en pas daarna de goedkopere modellen
voor te stellen, zijn ze sneller geneigd iets duurder te
nemen.
Je neemt hen namelijk zaken af.
49. Probeer het maar eens.
En combineer verschillende trucjes.
Hier staat het meest populaire extra in de verf én
staan de duurdere abonnementen eerst.
50. 9. 1 duidelijke call-to-action
Je hebt de mensen
warm gemaakt.
Nu moeten ze
overgaan tot actie.
51. Waar is de call-to-action?
Vraag offerte aan.
Contacteer ons voor meer info.
Dat zou hier een meerwaarde zijn.
52. 'Boeken' of 'Kies uw periode'?
Wat moet ik doen?
Wat is het verschil?
Zorg voor 1 primaire call-to-
action.
En maak je share- en
printknopjes discreter…
55. Deze pagina uit het
aankoopproces van
Booking.com is het
perfecte voorbeeld.
56. Hoewel dit eigenlijk de eerste stap is
van het boekingsproces, zit ik volgens
hen toch al in stap 2.
Booking.com beschouwt het kiezen van
de kamer als stap 1.
En er zijn maar 4 stappen. Of eigenlijk
maar 3. Want bij stap 4 is het al
gereserveerd.
Ik weet dus als klant: dat gaat hier
snel gaan!
58. Net onder het prijsoverzicht
benadrukken ze nog eens
hun 'laagsteprijsgarantie'.
En maken ze extra duidelijk
dat ik nog GRATIS kan
annuleren!
59. Ze maken meteen duidelijk
wat ze met mijn e-mailadres
gaan doen en waarvoor ze
het nodig hebben.
En ze benadrukken nog eens
dat GRATIS annuleren...
60. Onder de knop 'Volgende'
staat nog een extra duwtje in
de juiste richting: 'Hey, er zijn
geen reserveringskosten!'
61. 7 elementen die extra
vertrouwen geven. Op 1 pagina.
Zonder meer geniaal.
62. 11. Lees dit boek
'Verleiden op internet – Hoe maak je een
website onweerstaanbaar' door Aartjan Van
Erkel.
Een must read. Een aantal voorbeelden
komen van hem.
Lees ook zijn blog SchrijvenVoorInternet.nl
63. 12. Mis de tips op onze blog niet
Tips over usability, conversie,
informatiearchitectuur en internet
marketing.
http://usability-blog.be/
64. Extra tip: huur een specialist in
AGConsult
03 293 39 96
karl.gilis@agconsult.be
www.agconsult.be
Twitter.com/agconsult