Slider: vier boodschappen op een plek waar er een past
Bij vrijwel elke nieuwe website komt dit gesprek voorbij. Er zijn vier diensten en iedereen vindt de zijne het belangrijkst. Niemand wil onderaan staan. De oplossing lijkt dan simpel: we laten ze om de beurt zien.
Het klinkt als een compromis waar iedereen mee kan leven. In werkelijkheid verliest iedereen.
Het eerste beeld wordt gezien. Alles daarna vrijwel niet.
Ik raad ze daarom bijna altijd af. Niet omdat ze lelijk zijn, maar omdat ze niet doen wat je hoopt.
Vier boodschappen op een plek, waarvan er drie nooit worden gezien.
Wat is een slider?
Een slider is een blok met beelden die wisselen die elkaar afwisselen. Meestal staat hij bovenaan de homepage, over de volle breedte.
Je ziet er vaak pijltjes en bolletjes bij, waarmee je zelf verder kunt bladeren. Een andere naam ervoor is carousel.
Waarom hij zo populair werd
Omdat hij een lastig gesprek oplost. Er hoeft niets te sneuvelen en niemand hoeft nee te horen.
Dat is een organisatorische oplossing en geen inhoudelijke. De keuze wordt niet gemaakt maar doorgeschoven naar je bezoeker.
Wat er in de praktijk gebeurt
Bijna al het klikgedrag gaat naar het eerste beeld. De rest krijgt een fractie daarvan.
De reden is simpel: mensen scrollen door. Ze wachten niet af tot er iets nieuws verschijnt.
Er speelt nog iets
Bezoekers negeren onbewust wat op een advertentie lijkt. Een groot wisselend beeld bovenaan valt precies in die categorie.
Je duurste plek op je site wordt dan overgeslagen. Dat is de omgekeerde wereld, zie CRO.
Wat het kost
Drie prijskaartjes
Laadtijd, want je laadt vier grote beelden in plaats van een.
Extra code voor de bediening en de overgangen.
Verspringende inhoud tijdens het laden.
Die eerste weegt het zwaarst. Je zwaarste beeld staat bovenaan en dat bepaalt hoe snel je site aanvoelt.
Op mobiel is het erger
Daar betaalt iemand voor beeld dat hij nooit ziet. Bovendien wordt een brede foto op een smal scherm zelden goed bijgesneden.
Een vaste kop met een duidelijke boodschap. Daaronder de diensten naast elkaar, allemaal zichtbaar.
Bij het alternatief voor een slider kiezen we samen wat er bovenaan staat. Dat gesprek is lastiger dan een slider aanzetten en het levert meer op.
Waarom dat beter werkt
Alles is tegelijk zichtbaar en je bezoeker kiest zelf. Er is geen wachttijd en er verspringt niets.
Bovendien laadt je pagina sneller met een beeld in plaats van vier. Dat merk je direct in je cijfers.
Wanneer hij wel mag
Bij beeld waar niets van afhangt. Denk aan foto’s van je werk, een galerij of een reeks klantlogo’s.
Daar is wisselen prima, want er zit geen boodschap aan vast. Mist iemand er een, dan kost dat je niets.
Bij effect om het effect ben ik terughoudend, net als bij parallax.
Houd ook een galerij licht
Vier grote foto’s bovenaan je pagina zijn ook zonder boodschap een kostenpost. Beperk het aantal en het formaat.
Laad de beelden die niet in zicht staan pas later. Dat scheelt direct in je laadtijd.
Geef mensen tijd om te lezen
Wisselt een beeld na vier seconden, dan is dat te snel voor een zin van twee regels. Zeker voor wie langzaam leest.
Zet automatisch doorschuiven daarom uit. Laat je bezoeker zelf bepalen wanneer hij verder gaat.
Het lastige deel is niet technisch
Je moet samen kiezen wat er bovenaan staat. Dat gesprek is ongemakkelijker dan een slider aanzetten.
Het levert wel een pagina op die iets doet. In plaats van een pagina waarop iedereen zijn zin kreeg.
Meer vragen over Slider
Dit zijn de vragen die ik hierover het vaakst krijg. Ik werk ze los uit.
Wat is een slider?
Werken sliders eigenlijk wel?
Waarom raden ontwerpers sliders af?
Wat is een goed alternatief voor een slider?
Kost een slider laadtijd?
Wanneer is een slider wel een goed idee?
Wat is een slider?
Nauwelijks. Bijna al het klikgedrag gaat naar het eerste beeld en de rest krijgt daar een fractie van.
De reden is simpel: mensen scrollen door. Ze wachten niet af tot er iets nieuws verschijnt.
Er speelt nog iets. Bezoekers negeren onbewust wat op een advertentie lijkt, en een groot wisselend beeld bovenaan valt precies in die categorie.
Je duurste plek op je site wordt dan overgeslagen. Dat is de omgekeerde wereld.
Dus ja, je hebt vier boodschappen geplaatst. In de praktijk heb je er een geplaatst en drie verstopt achter een handeling die vrijwel niemand doet.
Kijk in je statistieken hoeveel mensen op het tweede beeld klikken. Meestal is dat cijfer ontnuchterend.
Je hebt dan vier boodschappen geplaatst en er in de praktijk een geplaatst. De rest staat verstopt achter een handeling die vrijwel niemand doet. Kijk daarnaast of mensen uberhaupt bij je beeld blijven hangen. Meestal scrollen ze er direct voorbij.
Werken sliders eigenlijk wel?
Een slider is een blok met beelden die elkaar afwisselen. Meestal staat hij bovenaan een homepage, over de volle breedte.
Je ziet er vaak pijltjes en bolletjes bij, waarmee je zelf verder kunt bladeren. Een andere naam ervoor is carousel.
Hij werd populair omdat hij een lastig gesprek oplost. Er zijn vier diensten en iedereen vindt de zijne het belangrijkst.
Niemand wil onderaan staan, dus laat je ze om de beurt zien. Er hoeft dan niets te sneuvelen.
Dat is een organisatorische oplossing en geen inhoudelijke. De keuze wordt niet gemaakt maar doorgeschoven naar je bezoeker, en die maakt hem niet.
Vraag jezelf af welk probleem hij oplost. Is het antwoord dat niemand wilde kiezen, dan is dat geen goede reden.
De keuze wordt dan doorgeschoven naar je bezoeker, en die maakt hem niet. Hij scrolt gewoon door. Ga liever het gesprek aan over wat er echt bovenaan moet. Dat is lastiger en het levert meer op.
Waarom raden ontwerpers sliders af?
Om drie redenen die allemaal geld kosten.
Laadtijd, want je laadt vier grote beelden in plaats van een. Extra code voor de bediening en de overgangen. En verspringende inhoud tijdens het laden.
Die eerste weegt het zwaarst. Je zwaarste beeld staat bovenaan en dat bepaalt hoe snel je site aanvoelt.
Op mobiel is het erger, want daar betaalt iemand voor beeld dat hij nooit ziet. Bovendien wordt een brede foto op een smal scherm zelden goed bijgesneden.
Daar komt de toegankelijkheid bij. Automatisch wisselende inhoud is lastig voor wie langzaam leest, want de tekst is weg voordat hij klaar is.
Meet je laadtijd een keer met en een keer zonder. Het verschil is meestal groter dan verwacht.
Op mobiel weegt het het zwaarst, want daar betaalt iemand voor beeld dat hij nooit ziet. En dat beeld bepaalt hoe snel je site aanvoelt. Vraag je bouwer om die meting bij een verbouwing. Het is een concreet cijfer waarmee je een keuze kunt maken.
Wat is een goed alternatief voor een slider?
Een vaste kop met een duidelijke boodschap. Daaronder de diensten naast elkaar, allemaal zichtbaar.
Alles staat dan tegelijk in beeld en je bezoeker kiest zelf. Er is geen wachttijd en er verspringt niets.
Bovendien laadt je pagina sneller met een beeld in plaats van vier. Dat merk je direct in je cijfers.
Het lastige deel is niet technisch maar menselijk. Je moet samen kiezen wat er bovenaan staat.
Dat gesprek is ongemakkelijker dan een slider aanzetten. Het levert wel een pagina op die iets doet in plaats van een pagina waarop iedereen zijn zin kreeg.
Zet de belangrijkste boodschap vast bovenaan en toon je diensten daaronder naast elkaar.
Alles is dan tegelijk zichtbaar en er verspringt niets. Bovendien laadt je pagina sneller met een beeld in plaats van vier. Test die opzet met een paar mensen die je site niet kennen. Zij wijzen je aan wat opvalt en wat niet.
Wanneer is een slider wel een goed idee?
Bij beeld waar niets van afhangt. Denk aan foto’s van je werk, een galerij of een reeks klantlogo’s.
Daar is wisselen prima, want er zit geen boodschap aan vast. Mist iemand er een, dan kost dat je niets.
Gebruik je hem toch voor inhoud, zet dan automatisch doorschuiven uit. Laat mensen zelf bladeren.
Zorg daarnaast dat het met een toetsenbord werkt en dat er genoeg tijd is om te lezen. Dat is het minimum.
En houd het beeld licht. Vier grote foto’s bovenaan je pagina zijn ook in een galerij een flinke kostenpost voor je laadtijd.
Gebruik hem alleen waar niets van afhangt, zoals een galerij of een rij klantlogo’s.
Zet automatisch doorschuiven uit zodra er tekst in staat. Geef mensen de tijd om te lezen en laat ze zelf bladeren. Laad beelden die niet in zicht staan bovendien pas later. Dat scheelt direct in je laadtijd, ook bij een galerij.
Staat er een slider op je homepage en vraag je je af of hij iets oplevert? Stuur me de link via het formulier hieronder. Ik kijk wat hij kost aan laadtijd en wat er in de plaats zou kunnen. Vermeld je plaats, dan weet ik meteen waar je zit.
Waar kan ik je mee helpen?
Ook bekend als: Carousel, diavoorstelling, beeldenwisselaar
