Gooi die carrousels van uw website

GOOI DIE

CARROUSELS VAN

UW WEBSITE!

Toon Lowette

Grid Online Publishing Consultancy

www.grid.be

CARROUSELS,

SLIDERS,

ACCORDEONS

OP DE HOME

PAGE:

ZE WERKEN

NIET

DOE NIET MEE

AAN DEZE

MODE

EN WEL

HIEROM

• Een gedocumenteerde case: ND.edu University of Notre Dame, Indiana, VS

WAT ZEGGEN

DE METRICS?

• Op 315.655 vertoningen

• 28.928 clicks of minder dan 1%

• Daarvan 84% op eerste positie, de rest telt niet mee

DE ND.ECU

CASE

• “Fancy format”: wordt vaak niet bekeken

• Lijkt vaak op een banner

• 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

WAT LEREN

OBSERVATIES?

JAKOB

NIELSEN:

• Almost all of the testing I’ve managed 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

WAT ZEGGEN DE

COMMENTAREN?

Usability

Testvraag van

Jakob Nielsen:

“Geeft

Siemens

speciale

kortingen op

was-

machines?”

• Wat nam het testteam waar bij bezoekers die het antwoord niet vonden?

Promobox:• Wordt niet gezien• Rechts: minder aandacht• Tekst zonder inhoud:

“Rewarding.Life.Style”

Carrousel wordt genegeerd: “Ik krijg de tijd niet om te lezen”

Jakob Nielsen

• 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.

WAT ZEGGEN

DE CRITICI?

• Op voorstel van designers

• 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?

WAAROM ZIJN

ZE ER?

Mijn afdeling is de belangrijkste. Ik MOET op de

home page

En ik

En ik

Veel plaats is er niet, en wij willen

ook nog…Ik heb een voorstel

Een carrousel!

Iedereen gelukkig. Maar “design by committee never fails to fail”.

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

• 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 organisatiedie in zichzelf gekeerd isen 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.

KIJK EVEN

MEE

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.

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.

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.

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.

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”.

• 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!

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 maar één positie in de carrousel. Klikken gaf hetzelfde beeld.

Ze moeten echt wel fier geweest zijn op hun goed nieuws…

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 beeld.

Deze bolletjes geven aan: twee fases in de carrousel. Mooi beperkt. Maar waarom dan geen twee stilstaande beelden? Zodat het scannende oog ze meteen beide ziet?

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.

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.

• Toon de volgende positie alleen als de bezoeker erom vraagt, als de bezoeker klikt

• Geef bruikbare taakgerichte inhoud

• 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

EN ALS JE ER

DAN TOCH

EEN WIL

HEBBEN

(OF MOET)

Wat ze wel nodig hebben:

• Ondubbelzinnige navigatie naar de taken

• Klare opmaak

• Aandacht voor de bezoeker

• Eén duidelijk promo-aanbod

• Geen afleiding

• Geen bewegende beelden

HELDERE

HOME PAGES

HEBBEN GEEN

CARROUSEL

NODIG

• Identificeer de toptaken en de kleine taken van uw bezoekers

• Meet de klantgerichtheid van uw site

• Meet hoe efficiënt bezoekers taken uitvoeren

• Ontwerp voor de succesvolle navigatie

• Test, meet, pas aan, test, meet enz.

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

TASK

MANAGEMENT

MET

TOON

LOWETTE

EN GERRY

MCGOVERN