En omfattande guide till omdesign av e-handelswebbplatser 2023

Är det året du ska göra om din e-handelswebbplats? Om det har gått några år sedan, måste du veta att mycket har förändrats.

Det säger sig självklart att en modern e-handelssajt först måste utformas för mobil, eftersom de flesta som jag arbetar med nu får 70% eller mer av sin trafik från mobila enheter. Men det är bara en utgångspunkt - det finns många finesser att tänka på om du vill att din webbplats ska konvertera användare till kunder.

Jag har konsulterat om användbarhet för ett brett utbud av e-handelssajter under de senaste fem åren och jag har arbetat fram principerna som de bästa följer. Jag tar dig igenom åtta sätt att se till att din webbplats är uppdaterad för dagens användare.

Fördelarna med att investera i omdesign av e-handelswebbplatser

För det första är det värt att fastställa varför det ibland kan vara en bra idé att göra om din webbplats.

Att designa om din butik eller skapa en ny webbplats från grunden är en tidskrävande process. Du måste undersöka din marknad, hitta rätt proffs att arbeta med, testa dina butiksuppgraderingar och till och med hitta rätt budget för ditt projekt. Men fördelarna med en omdesign kan ofta överväga nackdelarna. Förutsatt att du gör om din webbplats av en god anledning (vi tar upp detta inom en minut), kan uppdatering av din butik hjälpa till med:

• Öka kundlojaliteten: En väldesignad butik gör inte bara din webbplats mer attraktiv för nya kunder, den kan också förbättra dina chanser att behålla befintliga kunder också. Om din webbplats är svår att använda, oattraktiv eller saknar viktiga funktioner, 88% av kunderna säga att de sannolikt skulle undvika att komma tillbaka till det. Att investera i en omdesign av webbplatsen kan därför hjälpa dig att minska kundförlusten och öka varumärkeslojaliteten.
• Stärka ditt varumärke: Din webbplats är en viktig del av din varumärkesidentitet. Det har en direkt inverkan på allt från din image, till hur du delar din personlighet med kunder och till och med hur du skiljer dig från dina konkurrenter. Med en omdesign av webbplatsen kan du se till att kärnvärdena och fördelarna med ditt varumärke sticker ut för din målgrupp. Dessutom kan du se till att ditt varumärke är konsekvent över alla kanaler.
• Förbättra SEO: Att göra om din webbplats kan också ge dig en möjlighet att implementera nya metoder för att förbättra din SERP-ranking. Du kan experimentera med tekniska och på plats SEO-metoder för att se till att din webbplats rankas för alla rätt sökord. Att helt enkelt förbättra användarupplevelsen av din webbplats hjälper också till att säkerställa att kunderna stannar på din webbplats längre, minskar avvisningsfrekvensen och förbättrar din auktoritet i Googles ögon.
• Öka försäljning och konverteringar: Att uppdatera din webbplats är ett fantastiskt sätt att förbättra dina chanser till ökad försäljning och konverteringar. En attraktiv webbplats får ditt varumärke att framstå som mer pålitligt, så kunderna kommer att vara mer benägna att köpa från dig. Dessutom, om du fokuserar på att förbättra användarupplevelsen på din webbplats, kommer du att göra det lättare för kunder att köpa dina produkter och interagera med ditt företag.

5 tecken på att det är dags för en omdesign av en e-handelswebbplats

Det är uppenbart att investeringar i en redesign av en e-handelswebbplats kan ge många fördelar. Men, som vi nämnde ovan, är det viktigt att få rätt timing. Eftersom att göra om en webbplats kostar tid och pengar, bör du inte göra det på månadsbasis, annars kommer du att tömma ditt kassaflöde.

Om du dessutom ändrar din webbplats för ofta kan det leda till en mer förvirrande upplevelse för din publik. Kunder vill inte lära sig om hur man navigerar i din butik varje gång de besöker den.

Så, hur ofta ska du designa om din butik? Svaret på den frågan beror på ett antal faktorer, från din valda bransch, till hur snabbt din e-handelsplattformsfunktioner uppdateras, och till och med den feedback du får från dina kunder.

Här är några tydliga tecken som tyder på att en omdesign av webbplatsen kan vara en bra idé:

Din avvisningsfrekvens stiger

Termen "avvisningsfrekvens” hänvisar till hur ofta kunder klickar in på din webbplats och trycker på bakåtknappen snabbt, utan att göra något annat. En hög avvisningsfrekvens kan orsakas av många faktorer, från dåliga SEO-strategier till långsamma sidor. Det kan dock också ofta vara ett tecken på att du behöver designa om din webbplats. Om din avvisningsfrekvens är högre än 70 % är det värt att undersöka om folk överger din webbplats på grund av långsamma laddningstider, dålig användarupplevelse eller generellt dålig design.

Du saknar avgörande funktionalitet

Lever din nuvarande e-handelsbutik upp till din kunds förväntningar? En omdesign av webbplatsen kan vara ett utmärkt sätt att lägga till extra funktionalitet till din webbplats, från riktade målsidor för att öka försäljningen, till en blogg eller nyhetssektion för SEO. Det är också en möjlighet att se till att din webbplats fungerar bra på alla plattformar och enheter. Om din webbplats inte laddas snabbt på mobila enheter, eller om det gör det svårare för kunder att lägga beställningar på resande fot, kan du gå miste om försäljning.

Försäljning och vinst faller

På tal om att gå miste om försäljning, om dina vinstmarginaler konsekvent sjunker, kan detta vara ytterligare ett tecken på att det är dags för en uppdatering av webbplatsen. Din webbplats måste se bra ut och prestera bra för att övertyga kunderna att konvertera. Om kunderna inte kan hitta dina CTAs (Call to action-knappar), spåra rätt produkter i din katalog eller använda din kassa utan stress, kommer dina intäkter att bli lidande. En omdesign av webbplatsen kan vara ett bra sätt att säkerställa att din webbplats genererar bästa möjliga ROI.

Kunder klagar

Dagens kunder är ganska högljudda när de inte gillar något med en onlineupplevelse. Om du tillåter dina kunder att lämna kommentarer på din butik, eller om du lyssnar på vad de säger om dig på sociala medier, kanske du märker regelbundna referenser till en dålig webbplatsupplevelse. Om dina kunder ständigt klagar på prestandan eller utseendet på din webbplats kan det vara dags att söka upp en expert på UX-design eller UI-design.

Ditt varumärke eller företag utvecklas

Slutligen, ibland är det vettigt att investera i en omdesign av webbplatsen om du behöver uppdatera ditt företag eller varumärke. Om ditt företag utvecklas kan du behöva överväga att lägga till nya funktioner på din webbplats. Du kan använda din omdesign för att uppdatera din kundvagn med nya betalningsmetoder, erbjuda kunder prenumerationer och medlemskonton eller lägga till nya appar och widgets i din butik. Du kan också använda din omdesign för att säkerställa att ditt varumärke är konsekvent i alla kanaler. Dina färger, typsnitt, logotyper och alla andra varumärkestillgångar bör vara konsekventa över alla kontaktpunkter du har med kunderna.

Så här gör du om din e-handelswebbplats: 4 steg

Nu vet du varför och när du bör överväga att designa om din e-handelsbutik, det är dags att lista ut en plan för framgång. Det är värt att notera att den exakta processen du följer när du uppdaterar din e-handelswebbdesign kommer att bero på många faktorer, från dina övergripande mål till de interna proffsen du har i ditt team.

Här är några av de viktigaste stegen för att uppdatera din onlinebutik.

Steg 1: Granska din webbplats och sätt upp mål

Innan du börjar göra betydande förändringar i din butik är det värt att bestämma dig för vad du absolut behöver ändra. Det är bäst att börja med att lokalisera verkliga problem med användbarhet och prestanda först. Utforska din webbplats från en kunds perspektiv och fråga dig själv vilka problem som kan hindra dig från att göra ett köp.

Markera allt som inte fungerar särskilt smidigt, från kassaprocessen, till dina CTA-knappar och till och med bilderna i dina produktsidor. När du har hittat de viktigaste problemen med din webbplats, sätt upp mål för vad du vill uppnå under din omdesign.

Vill du helt enkelt skapa en mer användarvänlig upplevelse för dina kunder, eller vill du ge din e-handel ett lyft genom att förbättra webbplatsens utseende och sökmotoroptimering samtidigt? Att sätta upp mål hjälper dig att avgöra vilken typ av hjälp du behöver.

Steg 2: Räkna ut din budget

Därefter är det värt att notera att en redesign av en e-handelsbutik alltid kommer att kräva vissa investeringar, men det behöver inte kosta jorden. Din budget kommer att bero på hur stor del av din butik du behöver förändra och hur många experter du behöver anlita för att hjälpa dig.

Om du använder en enkel butiksbyggare, t.ex Shopify eller WordPress, kanske du kan göra justeringar av din mall själv, eller till och med köpa en ny utan att spendera en förmögenhet. Alternativt, om din e-handelswebbplatsdesign är lite mer komplex och kräver viss kodningsexpertis, kan du behöva anlita experter på webbplatsutveckling för att arbeta med dig.

Andra punkter att tänka på när du bygger din budget inkluderar:

• Kostnaden för ev plugins eller tillägg som du kommer att använda i din omdesign av e-handel
• Kostnader för wireframes, teman, mallar och andra verktyg
• Kostnaden för att hantera driftstopp om din butik behöver gå offline.

Steg 3: Hitta rätt support

Om du använder en relativt enkel webbplatsbyggare, eller om du har ett team av webbdesignexperter tillgängliga i huset, kanske du kan göra ändringar i din butik utan att behöva få hjälp utifrån. Om inte, måste du tänka på att anställa specialister för att säkerställa att din webbdesign blir framgångsrik.

Du kan överväga att anlita en byrå eller arbeta med frilansare från sajter som Fiverr eller Upwork. Fundera på om du behöver en webbdesignspecialist, en webbutvecklare eller en kombination av de två. En webbdesignexpert kommer att arbeta med utseendet och användbarheten av din webbplats, medan en utvecklare kommer att hantera backend-funktioner.

Medan du anställer experter för att arbeta med din butik, kanske du också vill överväga att leta efter lite bonushjälp med sökmotoroptimering eller grafisk design. Dessa proffs kan hjälpa till med att se till att dina marknadsföringsstrategier lönar sig.

Steg 4: Implementera förändringar strategiskt

Efter att ha hittat de experter du behöver för att bygga en ny butik av hög kvalitet, börja implementera förändringar långsamt och försiktigt. Det är ofta bäst att göra ändringar en i taget, så att du kan se till att stegen i din e-handelsredesignprocess inte bryter andra delar av din webbplats.

Se till att du har säkerhetskopior av din webbplats tillgänglig i varje steg också, så att du kan rulla tillbaka din butik till en tidigare version om något skulle gå fel. När du har gjort alla dina ändringar, och du tar din webbplats live igen, var noga uppmärksam på alla mätvärden som kan hjälpa dig att avgöra om din strategi var framgångsrik eller inte.

Titta på hur många nya kunder som nu har tillgång till din webbplats med smartphones om du var fokuserad på responsive design. Spåra SEO-prestanda med hjälp av Google Analytics om du vill öka din webbplatss synlighet och håll alltid ett öga på din omvandlingsfrekvens.

Hur du gör om din e-handelssida: Topptips

Undvik långa videor på hemsidan

Hemsidan är en plats att imponera på. Många webbplatser lägger pengar på high-end fotografering men du kanske överväger att använda video här för att visa upp produkter eller berätta varumärkeshistorien. När allt kommer omkring finns video överallt nu, särskilt på sociala medier.

När den används på rätt sätt kan video vara bra för att informera användare och spännande dem. Men oavsett hur prickande din video är, om användaren behöver klicka på uppspelning, var du beredd på de flesta människor att ignorera det. I de många användartest som jag har sett är detta det vanligaste beteendet med målsidevideoer.

Varför? I detta skede av användarresan är deras uppmärksamhetsspännen korta. Användare är mer benägna att lämna webbplatsen helt och studsande, inte förpliktar sig att titta på något okänt.

I början bör du hjälpa användare att gå igenom snabbt så håll dig till korta, tysta, automatiskt spelade, looping-videor. På så sätt får du informationen fram utan att de behöver engagera sig djupt. Längre videor kan bli mycket användbara senare på resan för att förklara saker som produktegenskaper, när användaren är mer intresserad.

Fyll inte din hemsida med överflödigt innehåll

Om du har gjort det hårda marknadsföringsarbetet för att få användare till din hemsida och har skapat en övertygande tonhöjd för din butik, vad händer då? Det finns mycket du kan berätta om ditt företag så är det nu chansen?

Var försiktig. Ju längre du gör din målsida desto mer riskerar du att användaren stänger av eller blir förvirrad. Medan användarna är roliga att rulla kommer de snart att sluta om innehållet inte är direkt relaterat till deras uppgift.

När du designar, håll dig till regeln om "en sida, ett syfte". Syftet med den här sidan är att presentera vad du säljer och få användaren att leta efter dessa produkter.

Behöver de verkligen se dina fem senaste blogginlägg, dina senaste tweets och en vägg med Instagram-bilder? Sociala inlägg är särskilt användbara eftersom du just har fått användare på din webbplats och klicka på dessa tar bort dem igen.

Ju fler saker du lägger på sidan, desto mer distraktioner du ger användaren från din huvudsakliga åtgärd och det viktigaste du vill att de ska göra. Mobilanvändare brukar ha kortare sessioner och fokusera på att uppnå uppgifter - extra innehåll hjälper inte med det.

Gör dina filter lättillgängliga

När du har många produkter är filter viktiga för att hjälpa användare att hitta det de behöver. De allra flesta e-handelssidor (cirka 90 % av de jag har studerat) har sina filter i en överlagring på mobilen. Detta är vettigt när det inte finns mycket utrymme tillgängligt men det betyder att användarna inte är mycket sannolikt att faktiskt se dem.

I regel 95% av användarna ändrar inte standardvärden och detta gäller för att öppna en filtermeny för att välja specifika alternativ. Det är något som har bekräftats i användartesterna för e-handel som jag också har sett. Att hitta produkter på listningssidor är ett område där e-handelsupplevelsen är överlägsen på skrivbordet.

Om dina användare filtrerar är det mer troligt att de hittar en produkt som de faktiskt vill ha. Din utmaning på mobil är att hitta platsbesparande sätt att göra det. En metod visar den mest relevanta filterkategorin på sidan med knappar för alternativen (se Macy's nedan). Genom att trycka på en laddas listor med det filtret som används, vid vilken punkt nästa mest relevanta filter skulle visas.

Se åtminstone till att din knapp för att nå hela filtermenyn är uppenbar. Det bör också tydligt indikera när ett filter används, så att användare vet när de ser en begränsad uppsättning resultat.

Omdesign dina listor för större bilder

De flesta sidor med e-handelslistor försöker visa många produkter på skärmen på en gång. Som ett resultat av produkten bilder tenderar att vara ganska små (det är därför de traditionellt kallas miniatyrbilder).

Ändå är bilden en viktig del av att hjälpa användaren att fatta ett beslut om vilken produkt han ska välja. I många fall berättar det mycket mer än någon text kan. Produkter som kläder och möbler förlitar sig på att användaren gör en subjektiv skillnad mellan de olika sakerna som erbjuds.

Du kan till och med ha stora bilder på mobilen. Appar som Instagram har fått användare att förvänta sig hög kvalitet var de än är och jag har ofta sett användare uppskatta detta. Det spelar ingen roll var de är på webbplatsen, bra fotografering är alltid älskad.

Naturligtvis om du tror att något kan säljas bättre i några bilder så gör du det. Resesidor har ofta flera foton i miniatyrbilder med en subtil pil för att bläddra igenom dem. Många klädplatser erbjuder möjligheten att visa produkten på egen hand och bäras av en modell.

Visa produktalternativ som knappar

Du kommer att vara medveten om att många produkter är tillgängliga i variationer som färg, storlek, material eller något annat. Produktinformationssidan är där användarna i slutändan gör det valet. För att göra valet lättare bör du undvika att dumpa dessa alternativ i rullgardinsmenyer.

De borde vara visuella knappar för att hjälpa användaren att se alla alternativ och de bör tydliggöra när en variation innebär en prisändring. Om varianten ändrar utseendet på produkten (till exempel färgen) bör du välja den för att uppdatera huvudproduktbilden. Detta lämnar användaren utan tvekan om vad som kommer att beställas.

En annan fördel är att genom att inaktivera vissa knappar så kan användaren med en blick se vilka varianter som är slut. Återigen sparar detta bläddring genom en rullgardinslista med alternativ.

När det gäller val av storlek är det bäst att inte ha en standardstorlek. Om det finns användare kan de lägga till standarden snarare än de de vill ha. Detta kan leda till att du får massor av avkastning och frustrerade kunder.

Lämna ut delningsknapparna

Facebook Twitter, Pinterest, Instagram, LinkedIn, Snapchat. Dina användare hänger antagligen på en eller flera av dessa sociala nätverk. Ska du ge dem delningsknappar på dina produktinformationssidor?

Många e-handelswebbplatser presenterar fortfarande de lilla ikonerna i hopp om att det kommer att uppmuntra människor att marknadsföra sina varor på nätet. Tyvärr är de nästan säkert ett slöseri med tid.

Ingen klickar på dem. Faktum är att 0.2% av människorna gör det, enligt en studie. Det kan också verka som ett kodavsnitt men det kommer med massor av extra saker som saktar ner din sidhastighet.

Ökningen av betalda "influencers" innebär att den moderna användaren inte längre vill sända för varumärken utan något för dem. Fler människor kommer att vara villiga att dela privat med en vän eller familjemedlem. Länkar som tillåter delning via e-post eller en snabbmeddelandetjänst som WhatsApp fungerar sannolikt bättre.

Integrera betalplånbok

Betalning plånbokstjänster som PayPal, Apple Pay och Android Pay ökar. Det blir allt vanligare att se dem som alternativ i kassaflöden för e-handel. I själva verket kan de döda standardutcheckningen och eventuellt användningen av kreditkort och kontanter sammanlagt.

Att ange ett lösenord, fingeravtryck eller ansiktsskanning och sedan kunna fullfölja kassan är så mycket bekvämare än att fylla i formulär. Med e-handel dominerad av mobil är det väsentligt att erbjuda enkel betalning som inte involverar fyldig formfyllning.

Den enkla användningen bör uppmuntra fler användare att slutföra kassan med dig. Det finns också en säkerhetsfördel eftersom användare troligen kommer att känna sig säkrare med en plånbok som mellanhand om de inte har hört talas om ditt varumärke tidigare.

Över de användartest som jag har kört på kassaflöden, jag hör regelbundet kommentarer som "Jag föredrar mycket att använda PayPal" och "Jag är mycket säkerhetsmedveten och betalar bara med PayPal". PayPal är för närvarande välkänt, men när du bestämmer vilken som ska användas går du med webbplatsens mest populära länder och enheter.

Låt användare samla in

Ett växande antal e-handelswebbplatser erbjuder användare möjlighet att samla in sin beställning snarare än att ha levererat den. Det är bra för användare som inte är hemma ofta och inte heller kan få leverans till sin arbetsplats. Om du ger det här alternativet ökar bara antalet användare som kan köpa från dig.

Den enklaste (och ofta den bästa) metoden är att lägga till samling som ett alternativ till leverans i kassan. Be användaren att ange sin plats och visa dem alternativ för var de kan hämta sin beställning. Det är också viktigt att du visar hämtningsplatsens öppettider - dessa data kommer ofta från att integreras med ett leveransföretag.

Det mer komplexa tillvägagångssättet är för dig att integrera alternativet att samla in på varje produktinformationssida på webbplatsen. Detta är meningsfullt om du har det tegel och murbruk eftersom det tillåter aktiekontroll i specifika butiker.

Men problem kan uppstå när användare har flera produkter i sin beställning. Om de inte är försiktiga kan de sluta med vissa produkter för leverans och några för hämtning (en "blandad" korg). För att undvika detta tidigast rekommenderar jag att låta användaren specificera hämtning eller leverans är i korgstadiet så det gäller för hela beställningen.

Få ut det mesta av din butiksdesign

Att effektivt uppdatera din butiks design kan ta mycket tid och ansträngning, men det kan också vara en avgörande del för att se till att ditt lilla företag fortsätter att frodas i den digitala världen. Ju bättre din webbplats ser ut och känns, desto fler potentiella kunder kommer du sannolikt att fånga.

Kom ihåg att chansen är stor att du kommer att behöva göra ändringar på din webbplats igen i framtiden. Fortsätt att titta på din statistik, var uppmärksam på vittnesmål och övervaka trenderna på marknaden, så att du vet när det är dags för en ny uppdatering.