10 E-handel design tips för att öka konverteringar
Ibland blir webbbutiker alltför artsy med sina mönster. Vissa använder flashanimeringar som kan sakta ner shopparens webbläsare, medan andra använder färgscheman som skickar fel signaler till shoppare.
Det finns många fall där erfarna webbdesigners kan överväga användbarhetsfrågor, även om kreativa element kan se väldigt attraktivt ur designens synvinkel kan de vara en mardröm för online-kunder som försöker klicka på deras väg till kassan. A / B-test hjälper till att placera dem i perspektiv för att uppnå bästa resultat.
Med mer än tio års erfarenhet inom e-handelsbranschen och design av webbutiker, vi på 3Dcart ha en lista med "dos and don'ts" när du utformar webbutiker som har ökat våra köpmän vinster.
Här är tio tips om hur du kan göra besökare till kunder och förbättra dina konverteringskurser genom att använda enkla designtekniker.
1. Se till att din kundvagn är synlig
Om kunden lägger till en vara i sin kundvagn, vill de ha lugnet att varan faktiskt registrerades.
Därför, någonstans på sidan hela tiden under inköpsprocessen, bör din butik ha ett område som anger antalet varor i kundens kundvagn och annan relevant utcheckningsinformation.
Att ha utbetalningsdata synlig och lättillgänglig hjälper också till att underlätta övergången från shopping till kassan. Oavsett var kunden slutar shoppa, är det viktigt att ha en snabb länk tillbaka till kassan.
Det räcker inte att bara ha information om kundvagnen någonstans på sidan. Gör det pop så det är lättare att hitta. Kontrastfärger från färgschemat på resten av sidan är ett bra sätt att hjälpa vagnen att sticka ut.
2. Optimera dina "lägg till i kundvagn" -knappar
Besökare och kunder svarar annorlunda på åtgärdsknappar och formuleringen. Om din "add-to-cart" -knapp säger "mer information" eller "lär dig mer" visar vår erfarenhet att kunderna inte reagerar lika bra på indirekta samtal.
Däremot är en "add to cart" -knapp eller en "buy now" -knapp en specifik och direkt uppmaning som ger ett positivt svar från kunderna.
Färgläggning är också ett viktigt designelement här. Beroende på den specifika typen av verksamhet kan vissa färger utlösa olika besökares beteenden.
Blått och grönt är till exempel mildare färger som vanligtvis får folk att följa upp, medan orange och rött har visat sig skada prestandan på din "add-to-cart" -knapp. Använda färger som flyter med din webbplatss färgschema hjälper till att ytterligare klargöra call-to-action.
3. Förenkla sökningar med en automatisk slutförd funktion
För e-handelswebbplatser är en sökruta en absolut nödvändig funktion för besökarens förmåga att komma åt produkter som matchar deras behov. Över 20% av online besökare föredrar direkt användning av en sökfunktion än följande kategorivägar för navigering.
I vissa fall kan sökningar ge mer resultat än förväntat eller felresultat om besökare inte använder rätt nyckelord. Användningen av funktionen "autofullständig" i sökrutan (som kan implementeras med jquery) ger närmaste matchningar när kunder skriver in deras sökord.
Sökförslaget tillåter besökare att korrigera deras sökning om resultaten inte matchar eller att direkt länka till matchande produkter utan att behöva ladda sökresultatsidan.
4. Ange dina navigationsvägar
Om du har för många kategorier kan detta vara en svår uppgift. Men fly-out menyer (som "flyger ut" när du musen över dem) är ett effektivt sätt att hålla din sida alltför rubbad, samtidigt som du ger shopparen möjlighet att komma åt någon kategori sida när som helst.
Bli inte upptagen med att bli alltför konstnärlig om hur du utformar kategorin och andra navigeringselement. shoppare kommer alltid tacka dig genom bättre omvandlingsfrekvenser när du gör praktiska prioriteter.
Använda brödsmulor så att kunder kan spåra sig tillbaka från var de kom är ett annat sätt att se till att shoppingupplevelsen är en smidig. Gör en väg mellan kategorier och underkategorier någonstans på sidan. När köpare lägger till något i sin vagn gör placeringen av en "fortsätt shopping" -knapp återvända till shopping så intuitivt som möjligt.
5. Låt besökarna styra sin shoppingupplevelse
Alla besökare är unika, och det är också deras shoppinginställningar. Att tillhandahålla verktyg som gör det möjligt för besökare att anpassa hur de bläddra bland kategorier och produkter i affären kommer att förbättra sin shoppingupplevelse och öka chansen att konvertera försäljning.
Var noga med att inkludera möjligheten att sortera produkter efter pris, recensioner, bästsäljare och release datum; ge ett alternativ att justera antalet objekt som anges per sida och låta besökare begränsa antalet objekt som visas genom att välja specifika funktioner.
6. Ge en snabb produktförhandsgranskning
Besökare som besöker produkter på nätet kanske vill snabbt bläddra i kategoridokumenten för produkter som matchar deras behov.
Oavsett om det beror på brist på tid, långsam lasthastighet eller personliga preferenser, undviks vissa besökare att klicka på enskilda artiklar för ytterligare detaljer på en separat sida.
Genom att lägga till en snabb förhandsgranskning på dina kategorier och söksidor, allt från en helt enkelt större version av bilden till en mer komplex vy som laddar detaljer via ajax, kan du få besökarens uppmärksamhet åt dina produkter och deras detaljer.
7. Rengör dina produktsidor
Organisationen av webbplatsens produktsidor är en viktig del för att se till att dina kunder dras in med den information som är mest tilltalande för dem.
Har du någonsin tänkt på var dina kundrecensioner finns på produktsidan? Visst är kundrecensioner en viktig del av att få kundens förtroende, men de behöver inte vara det första som kunden ser. Flera delar på en viss sida betyder en komplex organisationsprocess som kan förvirra shopparens öga.
Det första elementet ska alltid vara produktens bild (er). Shopparen vill se exakt vad han eller hon får för pengarna. Bredvid objektet listas produktnamnet, beskrivningen och priset för att få kundens uppmärksamhet. Håll element som kundrecensioner och länkar till liknande produkter närmare botten av sidan.
8. Visa tydligt din produkttillgänglighet
För snabb online-butiker ändras produktinvesteringsnivåerna ständigt. När besökare har tagit sig tid för att välja en produkt, jämfört med andra alternativ och bläddrat för bättre prissättning kan det vara en bestående frustration att inse att produkten faktiskt var slutsåld om den efter att ha lagt till i kundvagnen, kollade ut eller ens efter placering av ordern. Detta kan leda till en potentiell förlorad kund.
Undvik shopparens missnöje genom att ha realtidsinventarier och tydligt visa produktens tillgänglighet och lager kvar på produktens sida.
9. Visa produktvariationer på ett intuitivt sätt
Inom många industrier innebär orderprocessen att man väljer specifika variationer av huvudprodukten. För varje objekt som kan behöva ett storlek eller färgval, var så explicit som möjligt. Inkludera bilder för olika kombinationer.
Använd färgstämplar och intuitiva grafiska representationer som ett storleksdiagram utöver mer traditionella element som dropdowns eller radioknappar.
10. Eliminera distraktioner från din kassa sida
När din kund fortsätter till kassan vill du att de ska gå i en väldigt specifik riktning. När du utformar tar du bort objekt som sidebarnavigering för att definiera en klar väg till målet.
Ignorera uppmaningen att fortsätta sälja till kassan. Varje sekund mellan landning och utcheckning är dyrbart för att säkerställa att försäljningen faktiskt görs.
Enkelsidiga utcheckningar tenderar att ha de högsta konverteringsfrekvenserna. Förenkla kassan och göra det enklare för shopparen är ett bra sätt att se till att försäljningen är klar. På den ena sidan borde kunden kunna fylla i sin frakt, faktura och kreditkortsinformation.
One-click checkout är också ett utmärkt sätt att hålla kunderna tillbaka. Kom ihåg att en bra utcheckningsupplevelse kommer att vara i shopparens sinne vilket håller dem tillbaka.
Jimmy Rodriguez är CTO och grundare av 3DCart , utvecklare av en e-handelssvit för företag av alla storlekar. Som en auktoritet för bästa praxis för e-handel kombinerar Rodriguez mer än 8 år som e-handelsutvecklare och webbprogrammerare med SEO, social marknadsföring och affärsinformation. "
Vilka andra metoder använder du för att öka omvandlingar på dina mönster? Vänligen dela dem i kommentarerna ...