[Dutch] Pleidooi met argumenten om carrousels, sliders, accordeons van de home page van uw website te verwijderen. Ze dienen tot niets. Erger: ze leiden tot niets.
4. WAT ZEGGEN • Een gedocumenteerde case: ND.edu
DE METRICS? University of Notre Dame, Indiana, VS
5. DE ND.ECU • Op 315.655 vertoningen
CASE • 28.928 clicks of minder dan 1%
• Daarvan 84% op eerste positie, de rest telt niet mee
6. WAT LEREN • “Fancy format”: wordt vaak niet
OBSERVATIES? bekeken
• Lijkt vaak op een banner
JAKOB
NIELSEN: • Lagere toegankelijkheid: vaak weg
voor je geklikt hebt
• Niet genoeg tijd voor minder vlotte
lezers
• Niet genoeg tijd voor bezoekers in
andere taal
en
• Irriterend: bezoekers hebben niet
graag dat dingen op eigen kracht
bewegen
7. WAT ZEGGEN DE • Almost all of the testing I’ve managed
COMMENTAREN? has proven content delivered via
carousels to be missed by users. Few
interact with them and many comment
that they look like adverts and so
we’ve witnessed the banner blindness
concept in full effect. Adam Fellows
• In test after test, the first thing the
visitor does when coming to a page
with a large carousel is scroll right past
it and start looking for triggers that
will move them forward with their
task. Craig Kistler
• Because it moves, users automatically
assume that it might be an
advertisement , which makes them
more likely to ignore it. Jakob Nielsen
8. Usability • Wat nam het testteam waar bij
Testvraag van bezoekers die het antwoord niet
Jakob Nielsen: vonden?
“Geeft
Siemens
speciale
kortingen op
was-
machines?”
9. Carrousel wordt genegeerd: “Ik krijg de
tijd niet om te lezen”
Promobox:
• Wordt niet gezien
• Rechts: minder aandacht
• Tekst zonder inhoud:
“Rewarding.Life.Style”
10. WAT ZEGGEN Jakob Nielsen
DE CRITICI? • Bezoekers zijn bannerblind geworden
• Carrousels, accordeons, sliders zijn
conversiekillers
Gerry McGovern
• Wat er als reclame uitziet, wordt
genegeerd.
• Marketing op het internet werkt niet.
Toon Lowette:
• Het internet is in essentie een
tekstmedium:
het zijn de woorden die ons leiden
naar het doel van de taak.
11. WAAROM ZIJN • Op voorstel van designers
ZE ER? • Marketingmensen zijn er zot van
• Al te vaak: bij gebrek aan akkoord
over de prioriteiten voor de home
page
• of aan slagkracht om ze door te
drukken
Kent u dit type vergadering?
12. Een carrousel! Veel plaats is er
niet, en wij willen
ook nog…
Ik heb een voorstel
En ik
En ik
Mijn afdeling is
de belangrijkste.
Ik MOET op de
home page
Iedereen gelukkig. Maar “design by committee never fails to fail”.
13. Carousels are effective at being able to
tell people in Marketing/Senior
Management that their latest idea is now
on the Home Page. Lee Duddell
14. • Raak je niet aan de prioriteiten uit, schuif
het dan maar door. Zelfs naar de klant.
• Een carrousel is typisch een lapmiddel voor
de zwakte van de organisatie
die in zichzelf gekeerd is
en die de taken en problemen van de
bezoeker niet ernstig neemt.
• De carrousel is het stel krukken dat de
onkunde rechtop helpt.
• De onkunde denkt rechtop te lopen, maar
iedereen ziet haar krukken.
• Het mogen dan al blitse krukken zijn. Het
zijn krukken.
16. Nummertjes veranderen van kleur wanneer
het volgende beeld verschijnt. En met het
oranje knopje kan je de carrousel stoppen.
Maar waarom zou je? De toptaak hier is
immers een ticket bestellen. Dat is al een
hele klus op deze NMBS-pagina, ook zonder
de afleiding opzij. De energie van het
webteam zou beter gaan naar het
verbeteren van de taak. Dat zou me zo’n
twee keer per week tijd sparen. En mij niet
alleen.
17. Coolblue is een zeer efficiënte webshop
met veel klantenzorg op alle niveaus. Was
deze carrousel een toegeving van de ene
afdeling aan de andere? Hier ook geven
cijfers aan hoe ver je bent in de carrousel.
En, ja hoor, ook een pauzetoets.
18. In dit voorbeeld zijn navigatie en taken zeer
doortastend opzijgeschoven voor “content-
free content” (zou Jakob Nielsen zeggen).
Kleine images geven de positie in de carrousel
aan. Ze zijn een onderdeeltje van het grote
beeld, niet of nauwelijks relevant. Geen
pauzeknop. Niemand zal die missen.
19. Hier zijn de foto’s
onder de carrousel
groter en een
bijschrift verklapt wat
er volgt. De navigatie
geeft de toptaken,
maar ze worden
weggedrukt door
deze enorme
carrousel.
20. Wat bedoelen ze daar in
godsnaam mee?
Natuurlijk binnen
klikbereik. Zo ben ik toch
op die site beland. Over
“mijn” auto? Een jonge
blitse vrouw? De andere
fases van de carrousel
zijn evenzeer “content-
free content”.
21. • Offline marketing gaat over aandacht
trekken, online marketing gaat over
aandacht geven, zegt Gerry McGovern.
• Deze site in het vorige beeld blijft
aandacht trekken, blijft roepen. Hou op
met roepen, ik ben al op de site. Geef
me wat ik wil weten!
22. Met de pijlen op deze
carrousel kan je verder
of terug. Goed. Maar er
is geen enkele aanzet
om dat te doen.
In dit geval was er
Ze moeten echt wel
maar één positie in de
fier geweest zijn op
carrousel. Klikken gaf
hun goed nieuws…
hetzelfde beeld.
23. Stad Mechelen is al
herhaaldelijk in de
prijzen gevallen met
haar website, en
terecht. Efficiënte en
taakgerichte site. En
toch een carrousel.
Weliswaar met
tekststeun onder het Deze bolletjes
beeld. geven aan: twee
fases in de
carrousel. Mooi
beperkt. Maar
waarom dan
geen twee
stilstaande
beelden? Zodat
het scannende
oog ze meteen
beide ziet?
24. Op deze site bestaat de
carrousel alleen uit
stemmingsbeelden. Geen links,
geen tekst, geen taken. Een
derde van het scherm. Dit is
zuiver aandacht trekken, maar
uiteindelijk leidt het de
aandacht af. Twee redenen: het
zijn alleen maar beelden, en ze
irriteren omdat ze bewegen.
25. Het beeld in de carrousel
wisselt, de linkteksten
rechts blijven staan. Niet
elegant: de linktekst wordt
bijna onleesbaar door de
kleurwisseling. Een paar van
deze links zijn copies van de
titels eronder.
26. EN ALS JE ER • Toon de volgende positie alleen als de
DAN TOCH bezoeker erom vraagt, als de bezoeker
EEN WIL klikt
HEBBEN
• Geef bruikbare taakgerichte inhoud
(OF MOET)
• Geef in woorden aan wat in de
volgende posities zit
• Laat toeval bepalen welke positie eerst
wordt getoond
• Als er tijdelijk maar één positie is, maak
er dan géén carrousel van
27. HELDERE Wat ze wel nodig hebben:
HOME PAGES
HEBBEN GEEN • Ondubbelzinnige navigatie naar de
CARROUSEL taken
NODIG
• Klare opmaak
• Aandacht voor de bezoeker
• Eén duidelijk promo-aanbod
• Geen afleiding
• Geen bewegende beelden
28. TASK • Identificeer de toptaken en de kleine
MANAGEMENT taken van uw bezoekers
• Meet de klantgerichtheid van uw site
MET • Meet hoe efficiënt bezoekers taken
TOON uitvoeren
LOWETTE • Ontwerp voor de succesvolle navigatie
• Test, meet, pas aan, test, meet enz.
EN GERRY
MCGOVERN
Die uitdagingen pakt Customer Carewords
samen met u aan.
Manage de taak. Niet de content, niet de
website. De taak.
Gebaseerd op feiten, niet op opinies.
Contacteer Toon Lowette
toon@grid.be - 0032 474 285 849