Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.
GOOI DIECARROUSELS VANUW WEBSITE!   Toon Lowette   Grid Online Publishing Consultancy   www.grid.be
CARROUSELS,SLIDERS,ACCORDEONSOP DE HOMEPAGE:ZE WERKENNIET
DOE NIET MEEAAN DEZEMODEEN WELHIEROM
WAT ZEGGEN    • Een gedocumenteerde case: ND.eduDE METRICS?     University of Notre Dame, Indiana, VS
DE ND.ECU   • Op 315.655 vertoningenCASE        • 28.928 clicks of minder dan 1%            • Daarvan 84% op eerste positi...
WAT LEREN      • “Fancy format”: wordt vaak nietOBSERVATIES?     bekeken               • Lijkt vaak op een bannerJAKOBNIEL...
WAT ZEGGEN DE   • Almost all of the testing I’ve managedCOMMENTAREN?      has proven content delivered via                ...
Usability        • Wat nam het testteam waar bijTestvraag van      bezoekers die het antwoord nietJakob Nielsen:     vonde...
Carrousel wordt genegeerd: “Ik krijg de         tijd niet om te lezen”           Promobox:           • Wordt niet gezien  ...
WAT ZEGGEN    Jakob NielsenDE CRITICI?   • Bezoekers zijn bannerblind geworden              • Carrousels, accordeons, slid...
WAAROM ZIJN   • Op voorstel van designersZE ER?        • Marketingmensen zijn er zot van              • Al te vaak: bij ge...
Een carrousel!                                          Veel plaats is er                                                 ...
Carousels are effective at being able totell people in Marketing/SeniorManagement that their latest idea is nowon the Home...
• Raak je niet aan de prioriteiten uit, schuif  het dan maar door. Zelfs naar de klant.• Een carrousel is typisch een lapm...
KIJK EVENMEE
Nummertjes veranderen van kleur wanneerhet volgende beeld verschijnt. En met hetoranje knopje kan je de carrousel stoppen....
Coolblue is een zeer efficiënte webshopmet veel klantenzorg op alle niveaus. Wasdeze carrousel een toegeving van de eneafd...
In dit voorbeeld zijn navigatie en taken zeerdoortastend opzijgeschoven voor “content-free content” (zou Jakob Nielsen zeg...
Hier zijn de foto’sonder de carrouselgroter en eenbijschrift verklapt water volgt. De navigatiegeeft de toptaken,maar ze w...
Wat bedoelen ze daar ingodsnaam mee?Natuurlijk binnenklikbereik. Zo ben ik tochop die site beland. Over“mijn” auto? Een jo...
• Offline marketing gaat over aandacht  trekken, online marketing gaat over  aandacht geven, zegt Gerry McGovern.• Deze si...
Met de pijlen op deze       carrousel kan je verder       of terug. Goed. Maar er       is geen enkele aanzet       om dat...
Stad Mechelen is alherhaaldelijk in deprijzen gevallen methaar website, enterecht. Efficiënte entaakgerichte site. Entoch ...
Op deze site bestaat decarrousel alleen uitstemmingsbeelden. Geen links,geen tekst, geen taken. Eenderde van het scherm. D...
Het beeld in de carrouselwisselt, de linktekstenrechts blijven staan. Nietelegant: de linktekst wordtbijna onleesbaar door...
EN ALS JE ER   • Toon de volgende positie alleen als deDAN TOCH         bezoeker erom vraagt, als de bezoekerEEN WIL      ...
HELDERE       Wat ze wel nodig hebben:HOME PAGESHEBBEN GEEN   • Ondubbelzinnige navigatie naar deCARROUSEL       takenNODI...
TASK         • Identificeer de toptaken en de kleineMANAGEMENT     taken van uw bezoekers             • Meet de klantgeric...
Upcoming SlideShare
Loading in …5
×

Gooi die carrousels van uw website

6,726 views

Published on

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

Published in: Design
  • Dating for everyone is here: ♥♥♥ http://bit.ly/2ZDZFYj ♥♥♥
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here
  • Sex in your area is here: ♥♥♥ http://bit.ly/2ZDZFYj ♥♥♥
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here
  • @tlowette Data metrics kan ik zelf niet aanbieden. Maar ik denk dat het vooral awareness rond iets brengt. Niet zozeer een click-through rate. Ik denk met een goed UI en de juiste regels je wel resultaat krijgt. Uiteraard zijn er negatieve aspecten zoals bv het eerste item het meeste aandacht zal krijgen. Ik las dat Erik Runyon een aantal extra tests gepland heeft. Misschien zijn er over het algemeen wel betere alternatieven. Ben benieuwd!
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here
  • Altijd bereid om bij te leren. Ik heb de jongste maanden, toen ik deze selectie maakte, helaas geen goede voorbeelden gevonden. Hou me op de hoogte als u er vindt. Ik ben ook benieuwd naar cases met betere meetresultaten. Het zou goed zijn te achterhalen wat de triggers voor goede reacties dan wel zijn.
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here
  • Oneens. Een goed gemaakte carrousel kan wel handig zijn om bv een snelle impressie van een product/service te krijgen. Echter mag je niet alle informatie in een carrousel proppen. Ook voor foto's kan een carousel handig zijn. Neem bijvoorbeeld een hotel. Ik merk dat ik bijvoorbeeld snel door een homepagina carrousel blader en daar ligt al een groot deel van mijn oordeel. Ik ga niet graag een statische webpagina af op zoek naar de essentie. Want waar ga je anders al deze content plaatsen. Ik heb wel een hekel aan carrousels die geen 'read more' functie hebben of gewoon geen 'content meerwaarde' bieden zoals je vertelt. Wat je aantoont zijn een aantal slechte voorbeelden. Maar om te zeggen dat ze allemaal 'not done' zijn ben ik niet mee.
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here

Gooi die carrousels van uw website

  1. 1. GOOI DIECARROUSELS VANUW WEBSITE! Toon Lowette Grid Online Publishing Consultancy www.grid.be
  2. 2. CARROUSELS,SLIDERS,ACCORDEONSOP DE HOMEPAGE:ZE WERKENNIET
  3. 3. DOE NIET MEEAAN DEZEMODEEN WELHIEROM
  4. 4. WAT ZEGGEN • Een gedocumenteerde case: ND.eduDE METRICS? University of Notre Dame, Indiana, VS
  5. 5. DE ND.ECU • Op 315.655 vertoningenCASE • 28.928 clicks of minder dan 1% • Daarvan 84% op eerste positie, de rest telt niet mee
  6. 6. WAT LEREN • “Fancy format”: wordt vaak nietOBSERVATIES? bekeken • Lijkt vaak op een bannerJAKOBNIELSEN: • 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. 7. WAT ZEGGEN DE • Almost all of the testing I’ve managedCOMMENTAREN? 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. 8. Usability • Wat nam het testteam waar bijTestvraag van bezoekers die het antwoord nietJakob Nielsen: vonden?“GeeftSiemensspecialekortingen opwas-machines?”
  9. 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. 10. WAT ZEGGEN Jakob NielsenDE 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. 11. WAAROM ZIJN • Op voorstel van designersZE 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. 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. 13. Carousels are effective at being able totell people in Marketing/SeniorManagement that their latest idea is nowon the Home Page. Lee Duddell
  14. 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.
  15. 15. KIJK EVENMEE
  16. 16. Nummertjes veranderen van kleur wanneerhet volgende beeld verschijnt. En met hetoranje knopje kan je de carrousel stoppen.Maar waarom zou je? De toptaak hier isimmers een ticket bestellen. Dat is al eenhele klus op deze NMBS-pagina, ook zonderde afleiding opzij. De energie van hetwebteam zou beter gaan naar hetverbeteren van de taak. Dat zou me zo’ntwee keer per week tijd sparen. En mij nietalleen.
  17. 17. Coolblue is een zeer efficiënte webshopmet veel klantenzorg op alle niveaus. Wasdeze carrousel een toegeving van de eneafdeling aan de andere? Hier ook gevencijfers aan hoe ver je bent in de carrousel.En, ja hoor, ook een pauzetoets.
  18. 18. In dit voorbeeld zijn navigatie en taken zeerdoortastend opzijgeschoven voor “content-free content” (zou Jakob Nielsen zeggen).Kleine images geven de positie in de carrouselaan. Ze zijn een onderdeeltje van het grotebeeld, niet of nauwelijks relevant. Geenpauzeknop. Niemand zal die missen.
  19. 19. Hier zijn de foto’sonder de carrouselgroter en eenbijschrift verklapt water volgt. De navigatiegeeft de toptaken,maar ze wordenweggedrukt doordeze enormecarrousel.
  20. 20. Wat bedoelen ze daar ingodsnaam mee?Natuurlijk binnenklikbereik. Zo ben ik tochop die site beland. Over“mijn” auto? Een jongeblitse vrouw? De anderefases van de carrouselzijn evenzeer “content-free content”.
  21. 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. 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 welmaar één positie in de fier geweest zijn opcarrousel. Klikken gaf hun goed nieuws…hetzelfde beeld.
  23. 23. Stad Mechelen is alherhaaldelijk in deprijzen gevallen methaar website, enterecht. Efficiënte entaakgerichte site. Entoch een carrousel.Weliswaar mettekststeun onder het Deze bolletjesbeeld. 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. 24. Op deze site bestaat decarrousel alleen uitstemmingsbeelden. Geen links,geen tekst, geen taken. Eenderde van het scherm. Dit iszuiver aandacht trekken, maaruiteindelijk leidt het deaandacht af. Twee redenen: hetzijn alleen maar beelden, en zeirriteren omdat ze bewegen.
  25. 25. Het beeld in de carrouselwisselt, de linktekstenrechts blijven staan. Nietelegant: de linktekst wordtbijna onleesbaar door dekleurwisseling. Een paar vandeze links zijn copies van detitels eronder.
  26. 26. EN ALS JE ER • Toon de volgende positie alleen als deDAN TOCH bezoeker erom vraagt, als de bezoekerEEN WIL kliktHEBBEN • 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. 27. HELDERE Wat ze wel nodig hebben:HOME PAGESHEBBEN GEEN • Ondubbelzinnige navigatie naar deCARROUSEL takenNODIG • Klare opmaak • Aandacht voor de bezoeker • Eén duidelijk promo-aanbod • Geen afleiding • Geen bewegende beelden
  28. 28. TASK • Identificeer de toptaken en de kleineMANAGEMENT taken van uw bezoekers • Meet de klantgerichtheid van uw siteMET • Meet hoe efficiënt bezoekers takenTOON uitvoerenLOWETTE • Ontwerp voor de succesvolle navigatie • Test, meet, pas aan, test, meet enz.EN GERRYMCGOVERN 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

×