Wij helpen je graag verder

Schrijf je nu in voor de nieuwsbrief en blijf op de hoogte van de nieuwste ontwikkelingen

Ga zelf aan de slag met onze e-commerce tips

Inventus Online B.V.
Demmersweg 86
7556BN Hengelo (ov)
Inventus » Blog » Wat is de beste manier om te navigeren in een webshop?

Wat is de beste manier om te navigeren in een webshop?

5 min
22 april 2016
Bart Bakker | 12 artikelen

De meesten van jullie zullen wel de bekende manier van navigeren door een webshop kennen, het gebruik van meerdere pagina’s. Maar tegenwoordig zijn er ook 2 andere manieren die je steeds vaker ziet. Dit zijn de ‘infinite scroll’ en ‘load more knop’. Iedere methode heeft zo zijn voor- en nadelen met betrekking tot de gebruikerservaring, laadsnelheden en uiteindelijk ook de verkopen van je webshop. De onderstaande conclusies zijn gebaseerd op verschillende onderzoeken die de laatste paar jaar zijn uitgevoerd. Dit hebben we samengevat zodat je een duidelijk beeld krijgt van de voor- en nadelen per methode.

Paginatie

Het gebruik van pagina’s leverde de meeste klachten op in het onderzoek. Dit komt voornamelijk door de lage snelheid van het ‘bladeren’ door de collectie. Iedere pagina moet namelijk ingeladen worden, wat dus tijd kost. Los van dit kan een hoog aantal pagina’s bezoekers afschrikken. ‘Hoge’ pagina’s worden minder bekeken dan de eerste 5. Wat hier soms ook een probleem vormt is dat bezoekers denken dat resultaten op pagina 10 minder belangrijk zijn dan die op pagina 1 (zoals in Google). Terwijl dit in principe niet geldt bij webshops. Als gevolg hiervan bekijken de bezoekers minder producten.

De paginatie methode heeft natuurlijk ook voordelen, zoals bijvoorbeeld de URL structuur. Deze is makkelijker te configureren dan bij de andere twee methodes. Daarnaast ligt de focus langer bij de eerste resultaten doordat het navigeren wat langzamer gaat dan bij de andere methodes. Door de langere focus op de eerste resultaten zullen bezoekers vaker doorklikken op de eerste resultaten dan bij de andere twee.

  • Doordat er meerdere pagina linkjes te zien zijn bekijken mensen al gauw minder of verlaten ze de pagina.
  • Er wordt meer tijd besteed op de eerste pagina
  • Er worden minder producten bekeken
  • URL structuur is beter dan de andere 2
  • Hoge focus op eerste resultaten
  • Makkelijk onthouden waar je was gebleven

Paginatie

Infinite scroll/lazy-load (oneindige scroll)

Bij een infinite scroll/lazy-load heb je het idee alsof je oneindig door kunt scrollen en je hoeft in de meeste gevallen niet of nauwelijks te wachten op nieuwe resultaten. Door producten bladeren gaat met deze methode het snelst, behalve het scrollen is er geen interactie met de bezoeker nodig om verder te kijken. Op deze manier worden de meeste producten gezien dan bij de andere 2, juist omdat het zo makkelijk gaat. Echter, dit betekent niet dat er meer wordt doorgeklikt!

Omdat het scrollen door de collectie zo makkelijk gaat is de aandacht van de bezoeker lager. Er is geen interactie nodig met het scherm waardoor gedachten afdwalen en mensen de producten oppervlakkig bekijken. De bezoeker krijgt het idee dat alle producten direct zichtbaar zijn.

Het grootste nadeel van deze methode is het bereiken van de footer. Bij een hoog aantal producten kan het erg lang duren voordat alles in ingeladen, waardoor de footer steeds naar beneden verspringt. Als een klant bij belangrijke informatie (zoals verzending, retourneren etc.) wil komen kan hij/zij erg gefrustreerd raken.

  • Doordat je makkelijk door alle producten heen kan scrollen worden er meer producten bekeken
  • Hierdoor wordt het browsen oppervlakkig. Minder aandacht voor individuele producten
  • Footer is slecht bereikbaar

Infinite scroll/lazy-load (oneindige scroll)

Load more

De ‘load more’ knop is een combinatie van pagina’s en de infinite scroll. Er worden bijv. 30 producten ingeladen, de bezoeker scrollt omlaag, heeft alle producten bekeken en beslist dan of hij meer wil zien. Op dat moment stelt de webshop een simpele vraag: ‘wil je meer zien?’. Om verder te kijken hoeft men alleen maar op de knop te klikken en de volgende 30 producten worden ingeladen. Dit is een pauze-moment voor de bezoeker, waardoor de focus weer naar de website gaat. Op deze manier is de focus hoger dan bij de infinite scroll en worden er meer producten gezien dan bij het gebruik van pagina’s. Het gebruik van een ‘load more’ knop is dus erg gebruiksvriendelijk, er hoeft alleen maar een keuze te worden gemaakt. Wil ik meer zien of niet?

Deze methode moet echter wel goed toegepast worden, met name het onthouden van de voortgang van de bezoeker. Als iemand op een product klikt en weer terug gaat naar het overzicht via ‘TERUG/BACK’ knop, dan hoort hij weer te zijn waar hij was gebleven. Als de klant weer helemaal bovenaan moet beginnen raakt hij gefrustreerd en is de kans dat hij naar een andere website gaat groter. Als dit niet goed geïntegreerd kan worden in jouw webshop, pas deze methode dan niet toe!

  • Simpele manier van navigeren
  • De gulden middenweg van
  • Vereist een goede integratie!

Load more knop

Wanneer kun je welke methode het beste gebruiken?

Hier is geen perfect antwoord op. Iedere webshop vereist een andere methode, ook de mate van uitvoering is belangrijk. Welke methode ook toegepast wordt, zorg ervoor dat die goed werkt!

We gaan hier wat verder in op de juiste manier van het toepassen van de ‘load more’ knop in combinatie met de infinite scroll/lazy-load. Deze methode kan zorgen voor een erg fijne gebruikerservaring.

Stap;

  1. Toon 10 – 30 producten
  2. Laad de volgende 10-30 producten in met lazy-load
  3. Zijn er 50-100 producten getoond?
  4. Laat de ‘load more’ knop zien
  5. Deze cyclus herhaalt zich tot alle producten getoond zijn.

Zoals te zien is, is er geen specifiek aantal producten om te tonen, maar een schatting. Dit is namelijk erg afhankelijk van de soort webshop die je beheert. Verkoop je technische producten die branche specifiek zijn? Toon dan een lager aantal producten omdat hier de aandacht per product erg belangrijk is.
Heb je bijvoorbeeld een kleding webshop? Dan kun je gerust wat meer producten tonen, omdat hier mensen vooral kopen op uiterlijk, dit kunnen ze dan ook goed zien op een productoverzicht.

Conclusie

De ‘load more’ functie hoeft geen topprioriteit te hebben in je webshop. Dit komt echt aan het eind van het ontwikkelproces, andere functionaliteiten zijn belangrijker in een webwinkel. De navigatie is een manier om de gebruikerservaring te verfijnen.

Deze methode kan het volgende verhelpen:

  • Laadtijden tussen pagina’s
  • Pagina’s die niet worden bekeken
  • Footer die moeilijk bereikbaar is
  • Oppervlakkig bekijken van producten

En dan is er ook nog het navigeren op een smartphone. Hier gelden ook weer wat andere regels voor. Benieuwd naar de mogelijkheden hiervan? Neem dan vrijblijvend contact met ons op.

Wij werken voor

We zijn trots op onze opdrachtgevers en de ambities die we samen hebben gerealiseerd!

The technical knowledge and expertise are really great.

Sara Hamed Marketing & Business Strategist - Rugo Logistics
  • Krijg persoonlijke hulp van onze professionals

    Ons team specialisten staat voor jou klaar. Samen realiseren we jouw e-commerce ambities.

  • Verbeter het online rendement

    Online rendement is waar het om draait bij Inventus. Geen excuses, maar resultaten.

  • Realiseer ambities

    Bij Inventus houden we van uitdagingen. Daag ons uit en behaal de ambities waar je van droomt.

Kennismaken?

Accreditaties

  • FONK150 Inventus
  • Emerce 2023
  • Google Premier Partner 2024
  • Maileon
  • Channable Gold Partner