Your SlideShare is downloading. ×
0
GET RID OF THOSESLIDERS ON THEHOME PAGE!    Toon Lowette    Grid Online Publishing Consultancy    www.grid.be
CAROUSELS,SLIDERS,ACCORDEONSON THE HOMEPAGE:THEY DON’TWORK
DON’T GOWITH THE FADAND THIS ISWHY
WHAT DO THE   • A documented case: ND.eduMETRICS         University of Notre Dame, Indiana, USSHOW?
THE ND.ECU   • On a sample of 315.655 pages shownCASE         • 28.928 clicks or less than 1%             • Of those 84% o...
WHAT DO        • “Fancy format” very often is not evenOBSERVATIONS     looked atTEACH US?      • They look like banners, m...
WHAT DO        • Almost all of the testing I’ve managedEXPERTS SAY?     has proven content delivered via                 c...
Usability Test   • What did the test team observe withquestion by        participants who couldn’t completeJakob Nielsen: ...
Carousel is being ignored:   “No time to read”    Promobox:    • Not been noticed    • Right column, less visible    • Irr...
WHAT DO THE    Jakob NielsenCRITICS SAY?   • Visitors have become banner-blind               • Carousels, accordeons, slid...
SO, WHY DO    • Web designers think they’re hotTHEY EXIST?   • Marketing people adore them              • Very often: beca...
A carousel!                                           Not much room,                                                      ...
Carousels are effective at being able totell people in Marketing/SeniorManagement that their latest idea is nowon the Home...
• If we can’t prioritize, who shall be the  victim? Why not the client?• A carousel typically is a patch for the  weakness...
HAVE A LOOK
Small numbers change colour when thenext image appears. And you can pausethe carousel. Why would you, since thetop task on...
Coolblue is an extremely efficient web shop,taking care of customer service at all levels.Was this carousel a concession s...
In this example, navigation and tasks arepushed away with content-free content (asJakob Nielsen would say). Small imagesin...
Here, the picturesunder the carousel arebigger and a captiongives a clue of whatfollows. Good. Thenavigation with thetop t...
“All about your caralways just a click away”Why use a carousel forthat? How do they think Igot here, if not with amouse cl...
• Offline marketing is about getting  attention. Online marketing is about  giving attention. says Gerry McGovern.• In the...
Click to move on orback in this carousel.Good. But why would I?            In this case, there was only            one pos...
The city of Mechelenhas won severalawards already, andearned them. The siteis efficient and task-driven. And yet, acarouse...
Here, the carousel only showsmood images. No links, no text,no tasks. One third of the screensurface. This is “getting-att...
Here, the image in thecarousel changes, the linktexts stay put. But notelegantly: the colour changemakes the text hard to ...
IF YOU        • Show the next position only when theREALLY WANT     visitors clicks to get itTO HAVE ONE              • Gi...
CLEAR        What they do need:HOME PAGESDON’T NEED   •   Simple navigation to the tasksCAROUSELS             •   Clear la...
TASK         • Identify your visitors’ top tasks and tinyMANAGEMENT     tasks             • Measure how customer-centric t...
Upcoming SlideShare
Loading in...5
×

Get rid of those sliders

2,174

Published on

Marketing people love them, web designers adore them. But customers hate them. Worse: they ignore them: the moving sliding images, the carousels that occupy the center of so many websites. Who needs them? Not the visitors. Not the customers. They distract, they get in the way of the task of the customer. Here is why you have to get rid of them.

Published in: Design
1 Comment
3 Likes
Statistics
Notes
No Downloads
Views
Total Views
2,174
On Slideshare
0
From Embeds
0
Number of Embeds
4
Actions
Shares
0
Downloads
18
Comments
1
Likes
3
Embeds 0
No embeds

No notes for slide

Transcript of "Get rid of those sliders"

  1. 1. GET RID OF THOSESLIDERS ON THEHOME PAGE! Toon Lowette Grid Online Publishing Consultancy www.grid.be
  2. 2. CAROUSELS,SLIDERS,ACCORDEONSON THE HOMEPAGE:THEY DON’TWORK
  3. 3. DON’T GOWITH THE FADAND THIS ISWHY
  4. 4. WHAT DO THE • A documented case: ND.eduMETRICS University of Notre Dame, Indiana, USSHOW?
  5. 5. THE ND.ECU • On a sample of 315.655 pages shownCASE • 28.928 clicks or less than 1% • Of those 84% on the 1st position, the rest had almost no clicks
  6. 6. WHAT DO • “Fancy format” very often is not evenOBSERVATIONS looked atTEACH US? • They look like banners, mostlyJAKOB • Lower accessibility: often gone beforeNIELSEN: the click • Not enough time for the not very literate • Not enough time for the non-native speakers and • They irritate: visitors don’t like things to move out of their control
  7. 7. WHAT DO • Almost all of the testing I’ve managedEXPERTS SAY? 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 Test • What did the test team observe withquestion by participants who couldn’t completeJakob Nielsen: the task?“Does Siemenshave anyspecial dealson washingmachines?”
  9. 9. Carousel is being ignored: “No time to read” Promobox: • Not been noticed • Right column, less visible • Irrelevant content: “Rewarding.Life.Style”
  10. 10. WHAT DO THE Jakob NielsenCRITICS SAY? • Visitors have become banner-blind • Carousels, accordeons, sliders are conversion killers Gerry McGovern • When it looks like an ad, it’s being ignored • Marketing often gets in the way of the customer’s task. Toon Lowette: • The Internet is essentially a text media: words guide us on the path to the completion of our task
  11. 11. SO, WHY DO • Web designers think they’re hotTHEY EXIST? • Marketing people adore them • Very often: because of a lack of agreement on the home page priorities • Or a lack of convincing power to get the right priorities Does this type of meeting look familiar?
  12. 12. A carousel! Not much room, and we’re not yet there…I’ve got an idea And me Me too My department is the most important. I HAVE to be on the home page. A happy ending. But “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. • If we can’t prioritize, who shall be the victim? Why not the client?• A carousel typically is a patch for the weakness of a self-centered organization that doesn’t take the customer and his tasks seriously.• The carousel is the set of crutches that helps Ignorance to stand up.• Ignorance thinks to walk straight and swift, but everybody sees the crutches.• They look cool, the crutches. But they are crutches.
  15. 15. HAVE A LOOK
  16. 16. Small numbers change colour when thenext image appears. And you can pausethe carousel. Why would you, since thetop task on this page is ordering a railwayticket. That task is a handful already,without the diversion on the side. I preferthe railway company would improve thetask. I would save time at least two timesa week. And many others would too.
  17. 17. Coolblue is an extremely efficient web shop,taking care of customer service at all levels.Was this carousel a concession someone hadto make to someone else in the company?Numbers indicate where you are, and yes,you can pause the show as well.
  18. 18. In this example, navigation and tasks arepushed away with content-free content (asJakob Nielsen would say). Small imagesindicate the position in the carousel. The imageis just a part of the big picture, not relevant atall. No pause button.
  19. 19. Here, the picturesunder the carousel arebigger and a captiongives a clue of whatfollows. Good. Thenavigation with thetop tasks is fine.However, this homepage could make themmore prominent.
  20. 20. “All about your caralways just a click away”Why use a carousel forthat? How do they think Igot here, if not with amouse click? Stop thismarketing blah-blah. Getme to where I want! Andoh, the other positions inthe carousel were just asirrelevant. But beautiful.
  21. 21. • Offline marketing is about getting attention. Online marketing is about giving attention. says Gerry McGovern.• In the previous slide, the site keeps on getting attention, keeps on shouting. Stop shouting, I’m already on your website. Get me what I want.
  22. 22. Click to move on orback in this carousel.Good. But why would I? In this case, there was only one position in the slider. Clicking repeated the image. Pity. I badly wanted to see the cat version.
  23. 23. The city of Mechelenhas won severalawards already, andearned them. The siteis efficient and task-driven. And yet, acarousel. However,with text supportunder the image. The dots indicate: two positions in the carousel. Limited, nice. But why then not two still images? Allowing the curious eye to scan both?
  24. 24. Here, the carousel only showsmood images. No links, no text,no tasks. One third of the screensurface. This is “getting-attention-marketing”, but it onlydiverts attention. For tworeasons: images withoutcontent, and irritating becausethey move.
  25. 25. Here, the image in thecarousel changes, the linktexts stay put. But notelegantly: the colour changemakes the text hard to read.A couple of links are copiesof the titles further on. Why?
  26. 26. IF YOU • Show the next position only when theREALLY WANT visitors clicks to get itTO HAVE ONE • Give useful task orientated content(OR HAVE TOHAVE) • Show with words what is to be expected in the next positions • Randomize the first position, giving all positions equal showings • If temporarily there is only one position, don’t make it a carousel
  27. 27. CLEAR What they do need:HOME PAGESDON’T NEED • Simple navigation to the tasksCAROUSELS • Clear lay-out • Attention to the customer • One understandable promotion offer • No diversion • No moving images
  28. 28. TASK • Identify your visitors’ top tasks and tinyMANAGEMENT tasks • Measure how customer-centric the site isWITH • Measure how efficiently clients canTOON complete tasksLOWETTE • Design for successful navigation • Test, measure, tweak, test, measure, etc.AND GERRYMCGOVERN These are the challenges that Customer Carewords helps you with. Manage the task. Not the content, not the website. The task. Facts instead of opinions. Contact Toon Lowette toon@grid.be - 0032 474 285 849
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×