Wat u moet weten voor een e-commerce website Redesign in 2019

Is dit het jaar dat u uw e-commerce website gaat herontwerpen? Als het een paar jaar geleden is dat je het hebt, dan moet je weten dat er veel is veranderd.

Het is bijna vanzelfsprekend dat een moderne e-commercesite eerst moet worden ontworpen voor mobiel, aangezien de meeste waarmee ik werk nu 70% of meer van hun verkeer van mobiele apparaten ontvangen. Maar dat is slechts een startpunt - er zijn een hoop subtiliteiten om te overwegen als u uw site wilt om gebruikers om te zetten in klanten.

Ik heb geraadpleegd over de bruikbaarheid voor een breed scala aan e-commerce sites in de afgelopen vijf jaar en ik heb de principes uitgewerkt die de besten volgen. Ik zal u acht manieren laten zien om ervoor te zorgen dat uw site klaar is voor de gebruiker van vandaag, geïnspireerd door richtlijnen uit mijn boek E-commercewebsites ontwerpen.

Vermijd lange video's op de startpagina

De startpagina is een plek om indruk te maken. Veel websites brengen geld in high-end fotografie, maar u kunt overwegen om hier video te gebruiken om producten te laten zien of om het merkverhaal te vertellen. Immers, video is overal nu, vooral op sociale media.

Bij correct gebruik kan video geweldig zijn om gebruikers te informeren en te boeien. Maar hoe flitsende je video ook is, als de gebruiker op het spel moet klikken, wees dan voorbereid de meeste mensen negeren het. In de vele gebruikerstests die ik heb bekeken, is dit het meest voorkomende gedrag bij video's van bestemmingspagina's.

Waarom? In dit stadium van de gebruikersreis zijn hun aandachtsgebieden kort. Gebruikers zullen eerder de site verlaten en stuiteren, geen tijd besteden aan het kijken naar iets onbekends.

In het begin zou je gebruikers moeten helpen snel door te gaan, dus houd je aan korte, stille, automatisch spelende, doorlopende video's. Op deze manier krijg je de informatie over zonder dat ze diepgaand moeten ingrijpen. Langere video's kunnen later tijdens de reis erg nuttig worden voor het uitleggen van zaken als productfuncties, wanneer de gebruiker meer geïnteresseerd is.

De Prynt-site maakt gebruik van een korte automatisch spelende video om het product in actie te tonen. Er is ook een optie om het volledige ding met geluid te bekijken.

Vul uw startpagina niet met overtollige inhoud

Als je het harde marketingwerk hebt gedaan om gebruikers naar je startpagina te halen en je een boeiend pitch voor je winkel hebt gemaakt, wat dan? Er is veel dat u hen over uw bedrijf zou kunnen vertellen, dus is het nu de kans?

Doe voorzichtig. Hoe langer u uw bestemmingspagina maakt, des te groter u het risico loopt dat de gebruiker uitschakelt of in de war raakt. Hoewel gebruikers comfortabel scrollen, stoppen ze al snel als de inhoud niet direct gerelateerd is aan hun taak.

Wanneer u ontwerpt, houdt u zich aan de regel van 'één pagina, één doel'. Het doel van deze pagina is om te introduceren wat u verkoopt en ervoor te zorgen dat de gebruiker op zoek gaat naar die producten.

Moeten ze echt je vijf meest recente blogposts, je laatste tweets en een muur van Instagram-afbeeldingen zien? Sociale posts zijn bijzonder nutteloos omdat u zojuist gebruikers op uw site heeft geplaatst en als u hierop klikt, worden ze weer verwijderd.

Hoe meer dingen u op de pagina zet, des te meer afleidingen die u de gebruiker geeft van je hoofdactie en het belangrijkste wat je wilt dat ze doen. Mobiele gebruikers hebben meestal kortere sessies en richten zich op het bereiken van taken - extra inhoud helpt daar niet bij.

Maak uw filters gemakkelijk toegankelijk

Wanneer u veel producten heeft, zijn filters essentieel om gebruikers te helpen vinden wat ze nodig hebben. De overgrote meerderheid van e-commerce sites (ongeveer 90% van degenen die ik heb bestudeerd) hebben hun filters in een overlay op mobiel. Dit is logisch als er niet veel ruimte beschikbaar is, maar het betekent wel dat gebruikers deze waarschijnlijk niet echt zullen zien.

In de regel 95% van de gebruikers wijzigt de standaardinstellingen niet en dit is van toepassing op het openen van een filtersmenu om specifieke opties te selecteren. Het is iets dat is bevestigd in de e-commercetests die ik ook heb bekeken. Het vinden van producten op pagina's met vermeldingen is een gebied waar de e-commerce browse-ervaring superieur is op desktops.

Als uw gebruikers filteren, zullen ze eerder een product vinden dat ze eigenlijk willen. Uw uitdaging op mobiel is het vinden van ruimtebesparende manieren om dit te doen. Eén methode toont de meest relevante filtercategorie op de pagina met knoppen voor de opties (zie Macy's hieronder). Als je er op tikt, worden vermeldingen geladen waarop dat filter is toegepast, waarna het volgende meest relevante filter zou verschijnen.

ecommerce redesign - macy's filteropties
De Macy-site brengt enkele filteropties in de pagina als knoppen. Burberry maakt de filtercategorieën zichtbaar op de pagina.

Zorg er op zijn minst voor dat je knop om het volledige filtermenu te bereiken duidelijk is. Het moet ook duidelijk aangeven wanneer een filter wordt toegepast, zodat gebruikers weten wanneer ze een beperkte set resultaten zien.

Herontwerp uw aanbiedingen voor grotere afbeeldingen

De meeste e-commerce-vermeldingspagina's proberen in één keer veel producten op het scherm weer te geven. Dientengevolge het product afbeeldingen zijn meestal vrij klein (daarom staan ​​ze van oudsher bekend als miniatuurafbeeldingen).

Toch is de afbeelding een belangrijk onderdeel van het helpen van de gebruiker om een ​​beslissing te nemen over welk product te selecteren. In veel gevallen vertelt het je veel meer dan elke tekst kan. Producten zoals kleding en meubels vertrouwen erop dat de gebruiker een subjectief onderscheid maakt tussen de verschillende aangeboden dingen.

Je kunt zelfs grote afbeeldingen op mobiel hebben. Apps zoals Instagram hebben gebruikers ertoe gebracht van hoge kwaliteit te verwachten waar ze ook zijn en ik heb vaak gezien dat gebruikers dit op prijs stellen. Het maakt niet uit waar ze zich op de site bevinden, goede fotografie is altijd geliefd.

Airbnb heeft grote afbeeldingen waar doorheen kan worden gescrold (links). Zara (rechts) heeft afbeeldingen op volledige schermbreedte op hun lijsten.

Natuurlijk, als je denkt dat iets in een paar afbeeldingen beter kan worden verkocht, doe dat dan. Reissites hebben vaak meerdere foto's in miniatuurweergaven met een subtiele pijl om er doorheen te bladeren. Veel kledingsites bieden de mogelijkheid om het product op zichzelf te laten zien en gedragen te worden door een model.

Productopties weergeven als knoppen

U zult zich ervan bewust zijn dat veel producten beschikbaar zijn in variaties zoals kleur, maat, materiaal of iets anders. De pagina met productdetails is waar gebruikers die keuze uiteindelijk maken. Om de keuze gemakkelijker te maken, moet u voorkomen dat u deze opties in vervolgkeuzemenu's dumpt.

Ze zouden moeten zijn visuele knoppen om de gebruiker te helpen alle opties te zien en ze moeten duidelijk maken wanneer een variatie een prijsverandering betekent. Als de variant het uiterlijk van het product wijzigt (zoals de kleur), moet bij het selecteren van het product de afbeelding van het hoofdproduct worden bijgewerkt. Dit laat de gebruiker geen twijfel over wat er besteld zal worden.

e-commerce herontwerp - opties voor nike-afmetingen
John Lewis (links) heeft productkleuren als knoppen met visuele indicatoren. Nike (rechts) stelt alle opties voor de grootte bloot en schakelt de formaten uit die niet beschikbaar zijn.

Een ander voordeel is dat de gebruiker door het uitschakelen van bepaalde knoppen in een oogopslag ziet welke varianten niet op voorraad zijn. Nogmaals, dit bespaart het bladeren door een keuzelijst met opties.

Als het gaat om formaatkeuze is het het beste om geen standaardgrootte te hebben. Als er gebruikers zijn die uiteindelijk de standaardwaarde kunnen toevoegen in plaats van degene die ze willen hebben. Dit kan ertoe leiden dat u veel rendement en gefrustreerde klanten krijgt.

Laat de deelknoppen weg

Facebook, Twitter, Pinterest, Instagram, LinkedIn, Snapchat. Uw gebruikers hangen waarschijnlijk uit op een of meer van deze sociale netwerken. Dus zou u hen knoppen moeten geven voor het delen van uw pagina met productdetails?

Veel e-commerce sites presenteren nog steeds die kleine pictogrammen in de hoop dat het mensen zal aanmoedigen om hun waren te promoten op het web. Helaas zijn ze bijna zeker een verspilling van tijd.

Niemand klikt erop. Eigenlijk is 0.2% van de mensen dat, volgens een studie. Het lijkt misschien ook een codefragment, maar het bevat veel extra dingen die de snelheid van je pagina vertragen.

De opkomst van betaalde 'influencers' betekent dat de moderne gebruiker niet langer voor merken wil gaan uitzenden zonder dat hij er iets voor hoeft te doen. Meer mensen zullen bereid zijn om privé te delen met een vriend of familielid. Links die delen via e-mail of een instant messaging-service zoals WhatsApp mogelijk maken, zullen waarschijnlijk beter werken.

Integreer betalingsportefeuilles

Betalingportefeuillediensten zoals PayPal, Apple Pay en Android Pay zijn in opkomst. Het komt steeds vaker voor dat ze worden gezien als opties voor e-commercecontrolestromen. In feite kunnen ze de standaard checkout doden en mogelijk het gebruik van creditcards en contant geld allemaal samen.

ecommerce redesign - amazon pay integration
Tamara Mellon (links) heeft de optie van Apple Pay, PayPal en Amazon Pay in hun mandje en afrekenen. Gucci biedt de mogelijkheid om naar PayPal te springen vanuit de melding 'Add to bag'.

Het invoeren van een wachtwoord, vingerafdruk of gezichtsscan en vervolgens het direct afronden van de kassa is zoveel handiger dan het invullen van formulieren. Met e-commerce gedomineerd door mobiel, biedt eenvoudige betaling die niet gepaard gaat met vervelende vormvulling, essentieel.

Het eenvoudige gebruiksgemak zou meer gebruikers moeten aanmoedigen om het afrekenen met u af te ronden. Er is ook een beveiligingsvoordeel omdat gebruikers zich waarschijnlijk veiliger voelen met een portemonnee als tussenpersoon als ze nog nooit van je merk hebben gehoord.

Bij de gebruikerstests die ik heb uitgevoerd bij kassastromen, hoor ik regelmatig opmerkingen als "Ik prefereer de optie om PayPal te gebruiken" en "Ik ben erg bewust van mijn veiligheid en betaal alleen met PayPal". PayPal is op dit moment bekend, maar kies bij het kiezen van de meest populaire landen en apparaten van uw site.

Laat gebruikers verzamelen

Een groeiend aantal e-commerce websites biedt gebruikers de mogelijkheid om hun bestelling te verzamelen in plaats van deze te laten bezorgen. Het is goed voor gebruikers die niet vaak thuis zijn en ook niet op hun werkplek kunnen worden afgeleverd. Als u deze optie geeft, neemt alleen het aantal gebruikers toe dat bij u kan kopen.

De eenvoudigste (en vaak de beste) benadering is om verzameling toe te voegen als alternatief voor levering in de kassa. Vraag de gebruiker om zijn locatie in te voeren en hem / haar opties te laten zien waar hij zijn bestelling kan ophalen. Het is ook belangrijk dat u de openingstijden van de ophaallocatie laat zien-deze gegevens komen vaak van integratie met een bezorgbedrijf.

Een klik- en verzamelvenster van de ASOS-kassa, zodat de gebruiker zelf kan kiezen naar welke winkel ze moeten bezorgen.

De meer complexe aanpak is dat u de optie om te verzamelen op elke productdetailspagina op de site kunt integreren. Dit is logisch als je dat hebt gedaan fysieke en fysieke winkels omdat het voorraadcontrole in specifieke winkels mogelijk maakt.

Er kunnen echter problemen ontstaan ​​wanneer gebruikers meerdere producten in hun bestelling hebben. Als ze niet oppassen, kunnen ze bij sommige producten terecht voor bezorging en sommige voor verzameling (een 'gemengde' mand). Om dit het vroegst te vermijden, raad ik aan om de gebruiker te laten bepalen of de verzameling of levering in het winkelmandje plaatsvindt, zodat deze van toepassing is op de hele bestelling.

Meer e-commerce advies

Dat was acht manieren om ervoor te zorgen dat uw e-commercesite opnieuw werd ontworpen om geschikt te zijn voor 2019 en nog veel meer. Natuurlijk is er meer dan dat om te overwegen bij het herontwerp van een volledige e-commerce website. Ik heb zelfs een boek geschreven met de 66-richtlijnen voor het ontwerpen van online winkels die worden geconverteerd, gebaseerd op 10 jarenlange UX-ontwerpervaring.

Het boek heet Designing Ecommerce Websites, het is beschikbaar op Amazon in verschillende formaten, waaronder paperback en Kindle. Of je kunt de digitale PDF-versie op mijn site, inclusief alle illustraties uit het gedrukte boek. Je kunt ook krijgen 15% korting op de de digitale versie voor een beperkte tijd met de promocode PLATFORMS.