En omfattande guide till omdesign av e-handelswebbplatser 2023

Om du prenumererar på en tjänst från en länk på den här sidan kan Reeves and Sons Limited tjäna en provision. Se vår etik uttalande.

Ä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 e-handelsdesign
  • 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 kommer du informatjon över 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.

Prynt-webbplatsen använder en kort automatisk uppspelningsvideo för att visa produkten i aktion. Det finns också ett alternativ att titta på det hela med ljud.

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 distractions you’re giving the user 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 desktop.

If your users filter then they’re more likely to find a product that they actually want. Your challenge on mobile is finding space-saving ways of doing so. One method is showing the most relevant filter category in the page with buttons for the options (see Macy’s below). Tapping one would load listings with that filter applied, at which point the next most relevant filter would show.

ecommerce redesign - Macy's filteralternativ
Macy's webbplats ger några filteralternativ på sidan som knappar. Burberry gör filterkategorierna synliga på sidan.

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.

You can even have big images on mobile. Apps like Instagram have led users to expect high quality wherever they are and I’ve often seen users appreciate this. It doesn’t matter where they are on the site, good photography is always loved.

Airbnb har stora bilder som kan bläddras igenom (till vänster). Zara (till höger) har bilder på hela skärmbredd på sina listor.

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

You’ll be aware that many products are available in variations such as colour, size, material, or something else. The product details page is where users ultimately make that choice. To make the choice easier you should avoid dumping these options in dropdown menus.

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.

ecommerce redesign - alternativ i nike-storlek
John Lewis (till vänster) har produktfärger som knappar med visuella indikatorer. Nike (till höger) avslöjar alla storleksalternativ och inaktiverar de storlekar som inte är tillgängliga.

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.

e-handel omdesign - Amazon betala integration
Tamara Mellon (till vänster) har möjlighet till Apple Pay, PayPal och Amazon Pay i sin korg och kassa. Gucci erbjuder möjligheten att hoppa till PayPal från meddelandet "Lägg till i väska".

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.

Across the user tests I’ve run on checkout flows, I regularly hear comments like “I much prefer the option of using PayPal” and ”I’m very security conscious and will only pay using PayPal“. PayPal is currently well known but when deciding which to use go with your site’s most popular countries and devices.

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.

Ett klick- och samlingsfönster från ASOS-kassan, så att användaren kan välja vilken närbutik han vill skicka leveransen till.

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.

Kommentarer 0 Responses

Kommentera uppropet

E-postadressen publiceras inte. Obligatoriska fält är markerade *

Betyg *

Den här sidan använder Akismet för att minska spam. Läs om hur din kommentardata behandlas.