Heb je je ooit afgevraagd waarom supermarkten melk achter in de winkel plaatsen en chocolaatjes bij de kassa?
Simpel: het plaatsen van essentiële spullen achter in de winkel moedigt het winkelend publiek aan om rond te lopen en andere producten te bekijken. Het plaatsen van kleine artikelen (zoals chocolaatjes) bij de kassa stimuleert impulsaankopen.
Dit alles maakt deel uit van de wetenschap achter winkelontwerp. De juiste winkelindeling kan de omzet verhogen, de klantloyaliteit verbeteren en ervoor zorgen dat klanten sneller vinden wat ze zoeken.
Uw online winkel is niet anders. De organisatie en lay-out van uw producten hebben een grote impact op wat (en hoe) klanten bij u kopen.
In dit artikel laten we u zien hoe u uw producten kunt indelen om de verkoop en conversies te maximaliseren.
3 dingen waarmee u rekening moet houden bij het selecteren van een productlay-out
De productindeling klinkt misschien als een eenvoudig probleem als u het voor het eerst benadert. Echter, zoals de meeste dingen in
1. Keuze
Keuze is een
Een effectieve productlay-out is in wezen een proces om deze dualiteit in evenwicht te brengen. Dat wil zeggen: de indruk wekken dat er een ruime keuze is, terwijl de site toch gemakkelijk te gebruiken en te navigeren blijft.
De wetenschap zegt dat het nemen van beslissingen mentaal belastend is. Wanneer je klanten confronteert met te veel keuzes, is de kans groot dat ze helemaal geen keuze maken.
Hoe overwint u dit probleem in uw winkelinrichting?
Een mogelijke oplossing is om uitgelichte afbeeldingen te gebruiken die naar aanvullende producten leiden. Kijk bijvoorbeeld hoe Made.com aparte afbeeldingen gebruikt voor complete productcategorieën (zoals 'tuinmeubelen'):
Zie dit als een teaser om het winkelend publiek te lokken.
In het ideale geval wilt u uw
Voordat u met het ontwerpproces begint , dient u daarom het volgende op te schrijven:
- Uw volledige productassortiment en hun respectievelijke categorieën en subcategorieën
- Functionele categorieën zoals “best verkopende producten”, “aanbevolen producten”, etc. en de producten daarin.
De volgende stap is om deze informatie te gebruiken om een
Door dit te doen, kunnen klanten vinden wat ze zoeken, zonder ze te overweldigen met te veel keuzes.
Als uw Ecwid-winkel aan een website wordt toegevoegd, kunt u een navigatiemenu toevoegen door een stukje code toe te voegen:
- voor een horizontale opstelling
- voor een verticale lay-out.
Hier vindt u de instructies voor Ecwid-webshops die zijn toegevoegd aan WordPress- en Wix -websites. Op Ecwid Instant Site is alleen het horizontale menu beschikbaar.
2. Productinformatie
Hier is nog een evenwichtsoefening die u moet uitvoeren bij het selecteren van een winkelindeling: het tonen van productinformatie.
Je wilt klanten de informatie geven die ze nodig hebben om door te klikken en een aankoop te doen. Tegelijkertijd wil je ze niet overweldigen met te veel details, tenminste niet voordat ze op de daadwerkelijke productpagina staan.
Je mentale model in deze situatie moet erop gericht zijn de besluitvorming te vereenvoudigen en de interesse van de klant te wekken. Stel jezelf de vraag: welke minimale informatie hebben mijn klanten nodig om op een product te klikken?
U zult merken dat dit antwoord varieert van winkel tot winkel en van product tot product.
Merk bijvoorbeeld op hoe Amazon u slechts vier informatiepunten geeft op de categoriepagina: productnaam, prijs (inclusief korting), beoordeling en Prime-beschikbaarheid:
In Ecwid kunt u soortgelijke beoordelingen en recensies toevoegen met behulp van de Stampled.io-app.
Hoewel deze informatie noodzakelijk is voor een grote retailer zoals Amazon, zijn beoordelingen voor kleinere bedrijven zoals Sand & Stone Jewelry minder belangrijk. Daarom tonen de categoriepagina's alleen de productnaam en de prijs.
Het is gemakkelijk om in de val te trappen door te weinig informatie weg te geven op categoriepagina's. De beste manier om dit te voorkomen is door uw klanten te interviewen en hen te vragen welke informatie zij gebruiken om aankoopbeslissingen te nemen.
3. Winkelontwerp
Hoe u uw winkel heeft ontworpen, heeft een grote impact op de lay-out van uw product.
An
- Startpagina
- Categorie- en zoekpagina's
- Individuele productpagina's
Welke producten u op elk product wilt laten zien
Merk bijvoorbeeld op hoe Amazon zijn eigen producten op zijn startpagina promoot als u niet bent ingelogd:
Het is gebruikelijk dat winkels de nieuwste aanbiedingen op de startpagina promoten. Zorg ervoor dat u deze aanbiedingen afstemt op uw doelgroep. BestMadeCo heeft bijvoorbeeld een Vaderdagpromotie waarbij rekening wordt gehouden met de grotendeels mannelijke klantenkring.
Focus op:
- Uitzoeken welke producten u wilt dat klanten kopen (idealiter uw best verkopende en/of producten met de hoogste marge)
- Het handhaven van uniformiteit in het ontwerp over de verschillende
paginatypes.
Of je nu je bestsellers of nieuwe producten wilt uitlichten, met Ecwid kun je een categorie voor aanbevolen producten op de homepage aanmaken en deze naar eigen wens benoemen.
6 beste praktijken voor E-commerce Productlay-out
Hoewel u zeker een uniek lay-outschema voor uw woning kunt creëren
1. Push topproducten en aanbiedingen boven de vouw
Het gedeelte dat direct zichtbaar is op het scherm wanneer bezoekers uw website bezoeken. Sterker nog, dit gedeelte trekt op de meeste websites 80% van de aandacht van de kijker.
Gezien de aandacht die deze ruimte krijgt, is het een goed idee om uw topproducten boven de vouw te plaatsen. Dit kan het volgende omvatten:
- Laatste aanbiedingen, uitverkoop en kortingen
- Best verkopende product of productcategorieën
- Recent gelanceerde producten (werkt het beste aan het begin van een winkelseizoen)
Op Target.com bijvoorbeeld, zie je de nieuwste aanbiedingen bovenaan de pagina:
Als je veel aanbiedingen hebt, overweeg dan om een slider toe te voegen, zoals dit voorbeeld van Walmart. Let ook op de promoties die onder het navigatiemenu lopen:
Sommige modewinkels laten conventionele lay-outs achterwege en geven de voorkeur aan het promoten van een merkimago. Bij ASOS bijvoorbeeld, krijg je een merkafbeelding met de optie om "Herenkleding te kopen" of "Dameskleding te kopen".
Deze tactiek werkt als je een merkvisie probeert te promoten met een lookbook. De meeste detailhandelaren zullen het echter beter doen met een conventionele
Volg hetzelfde idee op categoriepagina's: push your
2. Combineer horizontale en verticale lay-outs
Er zijn grofweg twee manieren waarop u uw producten op elke pagina kunt plaatsen: horizontaal of verticaal.
Een horizontale lay-out blijft statisch. Er is een knop aan de rand van de pagina om verder door de lijsten te scrollen.
Dit voorbeeld van Amazon illustreert de zaken beter:
In Ecwid worden recent bekeken producten ook horizontaal weergegeven. Je kunt zelf kiezen hoeveel items je bovenaan of onderaan je webwinkel wilt weergeven.
Misschien ook interessant voor je is een andere
Een verticale lay-out heeft daarentegen deze schuifknoppen niet. In plaats daarvan zie je steeds meer producten in een
Idealiter zou u een combinatie van beide lay-outs moeten gebruiken:
- Horizontale lay-out als u enkele producten uit veel categorieën wilt weergeven, zoals in Recent bekeken producten
- Verticale lay-out wanneer u veel producten uit dezelfde categorie wilt tonen, zoals één zoekopdracht en categoriepagina's
3. Volg de conventies en de verwachtingen van de gebruiker
Er zijn situaties waarin u onconventioneel wilt zijn met uw ontwerp. De productlay-out is daar niet één van.
Uw productlay-out is bedoeld om gebruikers te oriënteren wanneer ze op uw site terechtkomen. Een conventionele indeling zorgt ervoor dat ze vinden wat ze zoeken en niet gedesoriënteerd raken.
Conventies variëren uiteraard van sector tot sector. Er zijn echter een paar dingen waar u rekening mee moet houden:
Gebruik een rasterindeling
In een rasterindeling worden producten gerangschikt
Deze lay-out is lange tijd de conventie geweest
Bij gebruik van deze lay-out is het belangrijk dat de vakken even groot zijn. Zoals deze casestudy aantoont , kan het gebruik van vakken van gelijke grootte de omzet per bezoeker met maar liefst 17% verhogen.
Als u met Ecwid verkoopt, is dat geen probleem voor u — Ecwid heeft een raster van gelijke grootte dat zich automatisch aanpast aan verschillende schermen.
Toon navigatie bovenaan de productvermeldingen
Een andere conventie die u moet volgen, is om uw sorteeropties bovenaan de pagina te plaatsen.
Klanten zijn deze plaatsing gaan verwachten en zullen hier uiteraard naar kijken als ze op een categoriepagina terechtkomen.
Klanten oriënteren met broodkruimels
Broodkruimels zijn navigatie-elementen die gebruikers hun pad vanaf de startpagina laten zien, zoals dit:
Door ze bovenaan de pagina toe te voegen, kunnen bezoekers zich oriënteren. Het vertelt hen in welke pagina of categorie ze zich bevinden en hoe ze terug kunnen gaan naar de startpagina.
4. Focus op visuals, maar vergeet de tekst op productpagina's niet
Online is de enige manier om uw producten te laten zien, via beeldmateriaal. Dit is de reden waarom het bekend is dat grote productafbeeldingen een boost geven
Hoewel beelden belangrijk zijn, moet uw lay-out ook ruimte bieden voor beschrijvende tekst. Een goede tekst beschrijft niet alleen het product, maar helpt ook bij de verkoop ervan en uw merk.
Kijk bijvoorbeeld eens hoe BestMadeCo sterke teksten op zijn homepage gebruikt om een onlangs gelanceerd product te verkopen. De lay-out zorgt ervoor dat de tekst perfect afsteekt tegen de afbeelding.
Productbeschrijvingen zijn met name belangrijk op productpagina's. Je lay-out moet klanten direct, boven de vouw, alle essentiële informatie geven die ze nodig hebben om een beslissing te nemen. Dit moet het volgende omvatten:
- Prijs (inclusief korting, visueel weergegeven)
- Productbeoordeling en aantal recensies
- Product- en merknamen
- Of het product op voorraad is (en of de voorraad bijna op is)
- Details van verzending
2-3 belangrijkste productdetails
Dit is een voorbeeld van hoe je producten niet moet opmaken. De productpagina heeft helemaal geen kopie - het is moeilijk om een beslissing te nemen.
Zoals bij de meeste dingen is de lay-out van Amazon hier perfect, waardoor klanten alles krijgen wat ze nodig hebben om een beslissing te nemen.
5. Voeg productaanbevelingen en gerelateerde producten toe
Op productpagina's heeft u twee doelen:
- Breng de klant naar de afrekenpagina, of
- Laat de klant een ander product bekijken
Voor dat laatste kunt u een sectie met aanbevolen of verwante producten opnemen . U kunt deze sectie zowel vóór als na de productinformatie plaatsen.
Amazon doet dit bijzonder goed. Let op de gerelateerde producten en “ook bekeken” vermeldingen onder de vouw:
Als u meerdere producten in dezelfde collectie heeft, zorg er dan voor dat u deze ook tentoonstelt. Hier is een goed voorbeeld van WorldMarket:
Gerelateerde productvermeldingen hoeven niet altijd visueel te zijn. U kunt ook gerelateerde zoekopdrachten weergeven om klanten naar items te leiden waarin ze mogelijk geïnteresseerd zijn.
Experimenteer met verschillende lay-outs voor gerelateerde/aanbevolen producten. Probeer ze boven de voettekst, onder de productbeschrijving, enz. te plaatsen.
6. Experimenteer met mouseover-details op categoriepagina's
Eén manier om te verbeteren
Deze website toont bijvoorbeeld productdetails en een 'toevoegen aan winkelwagen'-knop wanneer de muis eroverheen beweegt:
Het doel van deze tactiek is om gebruikers in één oogopslag belangrijke informatie te geven. Het werkt het beste wanneer u verwacht dat gebruikers snel door een groot aantal producten kunnen bladeren, zoals in kledingwinkels. Het werkt misschien niet voor andere categorieën, maar je kunt nog steeds een paar gesplitste tests uitvoeren en de resultaten bekijken.
In Ecwid kunt u de “Koop nu”-knoppen op productlijsten inschakelen om uw klanten te helpen snel door uw producten te bladeren (en deze te kopen).
Wanneer een klant op zo'n knop klikt, opent uw winkel niet de hele productpagina. In plaats daarvan ziet uw klant een pop-up met productopties:
Als uw product geen opties heeft, gaat het rechtstreeks naar de winkelwagen.
Conclusie
Als het om de productlay-out gaat, kun je het beste vasthouden aan de conventies en volgen wat marktleiders al doen. Catalogiseer uw producten in detail, categoriseer ze grondig en organiseer ze vervolgens in een standaard rasterindeling.
De hierboven gedeelde best practices zullen voor de meeste winkels in verschillende sectoren werken. Probeer ze in je eigen winkel!
- Hoe u de navigatie van uw winkel kunt repareren
- Alles wat u moet weten over productmerchandising
- Online merchandising: producten in de online winkel indelen
- Wat is mode-merchandising en waarom is het zo belangrijk?
- 10 ontwerpfouten van online winkels
- 15 perfecte lettertypecombinaties voor uw e-commercewebsite
- Kleurentheorie: alles wat u moet weten over kleurenthema's
- 7 creatieve ideeën voor uw e-commerce productpagina
- De kracht van een heldenimago in webdesign
Must-have UX-principes die u moet volgen in een online winkel- Controle van website-ontwerp
- Ontgrendel de kracht van UX-ontwerp voor e-commerce
- Wat is het verschil tussen UI en UX in e-commerce?
