En omfattende guide til redesign af e-handelswebsted i 2023

Hvis du abonnerer på en tjeneste fra et link på denne side, kan Reeves and Sons Limited optjene en kommission. Se vores etikerklæring.

Er dette året du skal redesigne dit websted for e-handel? Hvis der er gået et par år siden, har du brug for at vide, at meget er ændret.

Det siger næsten sig selv, at et moderne e-handelswebsted først skal designes til mobil, da det meste, som jeg arbejder med, nu får 70% eller mere af deres trafik fra mobile enheder. Men det er bare et udgangspunkt - der er en masse subtile overvejelser, hvis du vil have dit websted til at konvertere brugere til kunder.

Jeg har hørt om usability for en bred vifte af e-handelswebsteder i løbet af de sidste fem år, og jeg har udarbejdet de principper, som de bedste følger. Jeg vil tage dig igennem otte måder, hvorpå du kan sikre, at dit websted er op til bunden for dagens bruger.

Fordelene ved at investere i redesign af e-handelswebsteder

For det første er det værd at fastslå, hvorfor det nogle gange kan være en god idé at redesigne dit websted.

Redesign af din butik eller oprettelse af en ny hjemmeside fra bunden er en tidskrævende proces. Du skal undersøge dit marked, finde de rigtige fagfolk at arbejde med, teste dine butiksopgraderinger og endda finde det rigtige budget til dit projekt. Fordelene ved et redesign kan dog ofte langt opveje ulemperne. Forudsat at du redesigner dit websted af en god grund (vi dækker dette om et minut), kan en opdatering af din butik hjælpe med:

  • Øget kundeloyalitet: En veldesignet butik gør ikke kun dit websted mere attraktivt for nye kunder, det kan også forbedre dine chancer for at fastholde eksisterende kunder. Hvis dit websted er svært at bruge, uattraktivt eller mangler vigtige funktioner, 88% af kunderne sige, at de sandsynligvis ville undgå at vende tilbage til det. Investering i et redesign af hjemmesiden kan derfor hjælpe dig med at reducere kundeafgang og øge brandloyaliteten.
  • Styrkelse af dit brand: Din hjemmeside er en vigtig del af din brandidentitet. Det har en direkte indflydelse på alt fra dit image, til hvordan du deler din personlighed med kunder, og endda hvordan du adskiller dig fra dine konkurrenter. Med et redesign af hjemmesiden kan du sikre dig, at kerneværdierne og fordelene ved dit brand skiller sig ud for din målgruppe. Derudover kan du sikre, at dit brand er konsistent på tværs af alle kanaler.
  • Forbedring af SEO: Redesign af dit websted kan også give dig mulighed for at implementere nye metoder til at forbedre dine SERP-placeringer. Du kan eksperimentere med tekniske og on-site SEO-metoder for at sikre, at dit websted rangerer for alle de rigtige søgeord. Blot at forbedre brugeroplevelsen af ​​dit websted hjælper også med at sikre, at kunderne bliver på dit websted i længere tid, reducerer afvisningsprocenten og forbedrer din autoritet i Googles øjne.
  • Boost salg og konverteringer: At opdatere din hjemmeside er en fantastisk måde at forbedre dine chancer for øget salg og konverteringer. Et attraktivt websted får dit brand til at fremstå mere troværdigt, så kunderne vil være mere tilbøjelige til at købe hos dig. Plus, hvis du fokuserer på at forbedre brugeroplevelsen på dit websted, vil du gøre det nemmere for kunderne at købe dine produkter og interagere med din virksomhed.

5 tegn på, at det er tid til et redesign af et e-handelswebsted

Det er klart, at investering i et redesign af et e-handelswebsted kan give en masse fordele. Men som vi nævnte ovenfor, er det vigtigt at få timingen rigtig. Da redesign af et websted koster tid og penge, bør du ikke gøre det på månedsbasis, ellers ender du med at dræne din pengestrøm.

Derudover kan det at ændre dit websted for ofte føre til en mere forvirrende oplevelse for dit publikum. Kunder ønsker ikke at lære at navigere i din butik igen, hver gang de besøger den.

Så hvor ofte skal du redesigne din butik? Svaret på det spørgsmål afhænger af en række faktorer, fra din valgte branche, til hvor hurtigt din e-handelsplatforms funktioner opdateres, og endda den feedback du får fra dine kunder.

Her er et par klare tegn, der indikerer, at et redesign af webstedet kan være en god idé:

Din afvisningsprocent stiger

Udtrykket "afvisningsprocent” refererer til, hvor ofte kunder klikker ind på din hjemmeside og trykker hurtigt på tilbage-knappen uden at gøre andet. En høj afvisningsprocent kan være forårsaget af adskillige faktorer, fra dårlige SEO-strategier til sider, der indlæser langsomt. Det kan dog også ofte være et tegn på, at du skal redesigne din hjemmeside. Hvis din afvisningsprocent er højere end 70 %, er det værd at undersøge, om folk forlader dit websted på grund af langsomme indlæsningstider, dårlig brugeroplevelse eller generelt dårligt design.

Du mangler afgørende funktionalitet

Lever din nuværende e-handelsbutik op til din kundes forventninger? Et redesign af webstedet kunne være en glimrende måde at tilføje ekstra funktionalitet til dit websted, fra målrettede landingssider til at øge salget, til en blog eller nyhedssektion til SEO. Det er også en mulighed for at sikre, at dit websted fungerer godt på tværs af alle platforme og enheder. Hvis dit websted ikke indlæses hurtigt på mobile enheder, eller det gør det sværere for kunder at afgive ordrer på farten, kan du gå glip af salg.

Salg og overskud falder

Apropos at gå glip af salg, hvis dine fortjenstmargener konsekvent falder, kan dette være endnu et tegn på, at det er tid til en hjemmesideopdatering. Dit websted skal se godt ud og præstere godt for at overbevise kunderne om at konvertere. Hvis kunderne ikke kan finde dine CTA'er (Call to Action-knapper), spore de rigtige produkter i dit katalog eller bruge din kasse uden stress, vil din omsætning lide skade. Et redesign af webstedet kunne være en god måde at sikre, at dit websted genererer det bedst mulige investeringsafkast.

Kunder klager

Nutidens kunder er ret højlydte, når de ikke kan lide noget ved en online oplevelse. Hvis du tillader dine kunder at efterlade kommentarer til din butik, eller du lytter til de ting, de siger om dig på sociale medier, vil du måske bemærke regelmæssige referencer til en dårlig hjemmesideoplevelse. Hvis dine kunder konstant klager over dit websteds ydeevne eller udseende, kan det være på tide at opsøge en UX-design- eller UI-designekspert.

Dit brand eller din virksomhed udvikler sig

Endelig giver det nogle gange mening at investere i et redesign af hjemmesiden, hvis du skal opdatere din virksomhed eller dit brand. Hvis din virksomhed udvikler sig, skal du muligvis overveje at tilføje nye funktioner til dit websted. Du kan bruge dit redesign til at opdatere din indkøbskurv med nye betalingsmetoder, tilbyde kunder abonnementer og medlemskonti eller tilføje nye apps og widgets til din butik. Du kan også bruge dit redesign til at sikre, at dit branding er ensartet på tværs af alle kanaler. Dine farver, skrifttyper, logoer og alle andre brandaktiver skal være konsistente på tværs af alle kontaktpunkter, du har med kunderne.

Sådan redesigner du dit e-handelswebsted: 4 trin

Nu ved du hvorfor og hvornår du bør overveje at redesigne din e-handelsbutik, det er tid til at finde ud af en plan for succes. Det er værd at bemærke, at den nøjagtige proces, du følger, når du opdaterer din e-handelswebdesign vil afhænge af adskillige faktorer, fra dine overordnede mål til de interne fagfolk, du har i dit team.

Her er et par af de vigtigste trin involveret i at opdatere din onlinebutik.

Trin 1: Revider dit websted og sæt mål

Før du begynder at foretage væsentlige ændringer i din butik, er det værd at beslutte, hvad du absolut skal ændre. Det er bedst at starte med først at udpege reelle problemer med brugervenlighed og ydeevne. Udforsk din hjemmeside fra en kundes perspektiv, og spørg dig selv, hvilke problemer der kan forhindre dig i at foretage et køb.

Fremhæv alt, der ikke fungerer særlig gnidningsløst, fra betalingsprocessen, til dine CTA-knapper og endda billederne i dine produktsidedesigns. Når du har fundet de vigtigste problemer med dit websted, skal du sætte mål for, hvad du vil opnå under dit redesign.

Vil du blot skabe en mere brugervenlig oplevelse for dine kunder, eller vil du give din e-handelsvirksomhed et løft ved at forbedre webstedets udseende og søgemaskineoptimering på samme tid? At sætte mål vil hjælpe dig med at bestemme, hvilken slags hjælp du har brug for.

Trin 2: Find ud af dit budget

Dernæst er det værd at bemærke, at et redesign af en e-handelsbutik altid vil kræve nogle investeringer, men det behøver ikke at koste jorden. Dit budget vil afhænge af, hvor meget af din butik du skal ændre, og hvor mange eksperter du skal hyre til at hjælpe dig.

Hvis du bruger en simpel butiksbygger, f.eks Shopify eller WordPress, kan du måske selv lave tweaks til din skabelon eller endda købe en ny uden at bruge en formue. Alternativt, hvis dit e-handelswebsitedesign er lidt mere komplekst og kræver en vis kodningsekspertise, skal du muligvis hyre webstedsudviklingseksperter til at arbejde sammen med dig.

Andre punkter at overveje, når du opbygger dit budget, omfatter:

  • Udgiften til evt plugins eller tilføjelser, du vil bruge i dit redesign af e-handel
  • Omkostninger til wireframes, temaer, skabeloner og andre værktøjer
  • Omkostningerne ved at administrere nedetid, hvis din butik skal gå offline.

Trin 3: Find den rigtige support

Hvis du bruger en relativt simpel hjemmesidebygger, eller du har et team af webdesigneksperter til rådighed i huset, kan du muligvis foretage ændringer i din butik uden at få adgang til hjælp udefra. Hvis ikke, skal du overveje at ansætte specialister for at sikre, at dit web-redesign er vellykket.

Du kan overveje at hyre et bureau eller arbejde med freelancere fra sider som Fiverr eller Upwork. Tænk over, om du har brug for en webdesignspecialist, en webudvikler eller en kombination af de to. En webdesignekspert vil arbejde med dit websteds udseende og brugervenlighed, mens en udvikler administrerer backend-funktionalitet.

Mens du hyrer eksperter til at arbejde på din butik, vil du måske også overveje at lede efter bonushjælp med søgemaskineoptimering eller grafisk design. Disse fagfolk kan hjælpe med at sikre, at dine marketingstrategier betaler sig.

Trin 4: Implementer ændringer strategisk

Når du har fundet de eksperter, du skal bruge for at bygge en ny butik af høj kvalitet, begynde at implementere ændringer langsomt og omhyggeligt. Det er ofte bedst at foretage ændringer én ad gangen, så du kan sikre dig, at trinene i din e-handelsredesignproces ikke bryder andre dele af dit websted.

Sørg for, at du også har sikkerhedskopier af dit websted tilgængeligt på hvert trin, så du kan rulle din butik tilbage til en tidligere version, hvis noget går galt. Når du er færdig med at foretage alle dine ændringer, og du tager dit websted live igen, skal du være meget opmærksom på alle metrics, der kan hjælpe dig med at afgøre, om din strategi var vellykket eller ej.

Se på, hvor mange nye kunder nu får adgang til dit websted ved hjælp af smartphones, hvis du var fokuseret på responsive design. Spor SEO-ydeevne ved hjælp af Google Analytics, hvis du vil booste dit websteds synlighed, og hold altid øje med din konverteringsrate.

Sådan redesigner du dit e-handelswebsted: Toptips

Undgå lange videoer på startsiden

Hjemmesiden er et sted at imponere. Mange websteder lægger penge i avanceret fotografering, men du kan overveje at bruge video her til at vise produkter eller fortælle brandhistorien. Når alt kommer til alt er video overalt nu, især på sociale medier.

Når videoen bruges korrekt, kan video være god til at informere brugere såvel som at begejstre dem. Uanset hvor prangende din video er, hvis brugeren har brug for at klikke på play, skal du være forberedt på de fleste mennesker til at ignorere det. I de mange brugertest, jeg har set, er dette den mest almindelige opførsel med destinationssidevideoer.

Hvorfor? På dette stadie af brugerrejsen er deres opmærksomhedsspænd korte. Brugere er mere tilbøjelige til at forlade webstedet helt og studs og ikke forpligte sig til at se noget ukendt.

I starten bør du hjælpe brugerne med at komme hurtigt igennem, så hold dig til korte, lydløse, automatisk afspillende, looping-videoer. På denne måde kommer du indformation på tværs, uden at de behøver at engagere sig dybt. Længere videoer kan blive meget nyttige senere på rejsen til at forklare ting som produktfunktioner, når brugeren er mere interesseret.

Prynt-webstedet bruger en kort automatisk afspilningsvideo til at vise produktet i handling. Der er også en mulighed for at se det fulde ved lyd.

Fyld ikke din startside med overskydende indhold

Hvis du har gjort det hårde markedsføringsarbejde med at få brugere til din startside og du har oprettet en overbevisende tonehøjde til din butik, hvad derefter? Der er partier, du kan fortælle dem om dit firma, så er det nu chancen?

Vær forsigtig. Jo længere du laver din destinationsside, desto mere risikerer du, at brugeren slukker eller bliver forvirret. Mens brugere er komfortable med at rulle, stopper de snart, hvis indholdet ikke er direkte relateret til deres opgave.

Når du designer, så hold dig til reglen om 'én side, ét formål'. Formålet med denne side er at introducere, hvad du sælger, og få brugeren til at lede efter disse produkter.

Har de virkelig brug for at se dine fem seneste blogindlæg, dine seneste tweets og en mur af Instagram-billeder? Sociale stillinger er især uhensigtsmæssige, da du lige har fået brugere ind på dit websted, og hvis du klikker på disse, fjernes de igen.

Jo flere ting du lægger på siden, jo mere distraktioner, du giver brugeren fra din hovedhandling og den nøgleafdeling, du vil have dem til at gøre. Mobilbrugere har en tendens til at have kortere sessioner og fokusere på at udføre opgaver - ekstra indhold hjælper ikke med det.

Gør dine filtre let tilgængelige

Når du har mange produkter, er filtre afgørende for at hjælpe brugerne med at finde det, de har brug for. Langt de fleste e-handelssider (ca. 90 % af dem, jeg har studeret) har deres filtre i en overlejring på mobilen. Dette giver mening, når der ikke er meget plads til rådighed, men det betyder, at brugerne ikke er meget tilbøjelige til at se dem.

Som regel 95% af brugerne ændrer ikke standardindstillingerne og dette gælder for at åbne en filtermenu for at vælge specifikke muligheder. Det er noget, der er blevet bekræftet i de e-handelsbrugertest, jeg også har set. At finde produkter på fortegnelsessider er et område, hvor e-handelsbrowseroplevelsen er overlegen desktop.

Hvis dine brugere filtrerer, er der større sandsynlighed for, at de finder et produkt, som de rent faktisk vil have. Din udfordring på mobilen er at finde pladsbesparende måder at gøre det på. En metode er at vise den mest relevante filterkategori på siden med knapper til mulighederne (se Macy's nedenfor). Hvis du trykker på en, indlæses lister med det pågældende filter anvendt, på hvilket tidspunkt det næstmest relevante filter vil blive vist.

e-handels-redesign - Macy's filterindstillinger
Macy's websted bringer nogle filterindstillinger ind på siden som knapper. Burberry gør filterkategorierne synlige på siden.

I det mindste skal du sørge for, at din knap for at nå den fulde filtermenu er indlysende. Det skal også tydeligt indikere, hvornår et filter anvendes, så brugerne ved, hvornår de ser et begrænset sæt resultater.

Gendesign dine lister for større billeder

De fleste sider med e-handelsfortegnelser forsøger at vise mange produkter på skærmen på én gang. Som et resultat af produktet billeder har en tendens til at være ganske små (det er derfor, de traditionelt kaldes miniaturebilleder).

Alligevel er billedet en vigtig del af at hjælpe brugeren med at tage en beslutning om, hvilket produkt han skal vælge. I mange tilfælde fortæller det dig meget mere, end enhver tekst kan. Produkter som tøj og møbler er afhængige af, at brugeren foretager en subjektiv sondring mellem de forskellige ting, der tilbydes.

Du kan endda have store billeder på mobilen. Apps som Instagram har fået brugerne til at forvente høj kvalitet, uanset hvor de er, og jeg har ofte set brugere sætte pris på dette. Det er lige meget, hvor de er på siden, god fotografering er altid elsket.

Airbnb har store billeder, der kan rulle gennem (til venstre). Zara (til højre) har billeder på fuld skærmbredde på deres lister.

Selvfølgelig, hvis du tror, ​​at noget bedre kan sælges på et par billeder, så gør det. Rejsesider har ofte flere fotos i lister-miniaturebilleder med en subtil pil for at rulle gennem dem. Mange tøjsteder tilbyder muligheden for at vise produktet på egen hånd og bæres af en model.

Vis produktindstillinger som knapper

Du vil være opmærksom på, at mange produkter er tilgængelige i variationer såsom farve, størrelse, materiale eller noget andet. Siden med produktdetaljer er det sted, hvor brugerne i sidste ende træffer det valg. For at gøre valget nemmere bør du undgå at dumpe disse muligheder i rullemenuer.

Det skulle de være visuelle knapper for at hjælpe brugeren med at se alle indstillinger, og de bør gøre det klart, når en variation betyder en prisændring. Hvis varianten ændrer udseendet på produktet (f.eks. Farve), skal det at opdatere hovedproduktbilledet, hvis du vælger det. Dette giver brugeren ingen tvivl om, hvad der vil blive bestilt.

e-handels redesign - indstillinger for nike størrelse
John Lewis (til venstre) har produktfarver som knapper med visuelle indikatorer. Nike (til højre) udsætter alle størrelsesindstillinger og deaktiverer de størrelser, der ikke er tilgængelige.

En anden fordel er, at ved at deaktivere visse knapper, kan brugeren derefter se med et øjeblik, hvilke varianter der er udsolgt. Igen gemmer dette rulle gennem en rulleliste med indstillinger.

Når det kommer til størrelsesvalg er det bedst ikke at have en standardstørrelse. Hvis der er brugere, kan de ende med at tilføje standard i stedet for dem, de ønsker. Dette kan føre til, at du får masser af afkast og frustrerede kunder.

Lad være med at dele delingsknapperne

Facebook, Twitter, Pinterest, Instagram, LinkedIn, Snapchat. Dine brugere hænger sandsynligvis sammen med en eller flere af disse sociale netværk. Så skal du give dem delingsknapper på dine produktdetailsider?

Mange e-handelssteder præsenterer stadig disse små ikoner i håb om, at det vil tilskynde folk til at reklamere for deres varer på nettet. Desværre er de næsten helt sikkert spild af tid.

Ingen klikker på dem. Faktisk gør 0.2% af mennesker, ifølge en undersøgelse. Det kan også virke som et kodestykke, men det kommer med masser af ekstra ting, der sænker din sides hastighed.

Stigningen af ​​betalte 'influencere' betyder, at den moderne bruger ikke længere ønsker at udsende for mærker uden noget i dem for dem. Flere mennesker er villige til at dele privat med en ven eller familiemedlem. Links, der tillader deling via e-mail eller en chatbeskedtjeneste som WhatsApp fungerer sandsynligvis bedre.

Integrer betalings tegnebøger

Betaling tegnebog tjenester såsom PayPal, Apple Pay og Android Pay stiger. Det bliver stadig mere almindeligt at se dem som muligheder i e-handels checkout-strømme. Faktisk kan de dræbe standardcheck og muligvis brugen af ​​kreditkort og kontanter helt.

e-handels redesign - amazon pay integration
Tamara Mellon (til venstre) har mulighed for Apple Pay, PayPal og Amazon Pay i deres kurv og kasse. Gucci tilbyder muligheden for at hoppe til PayPal fra meddelelsen 'tilføj til taske'.

Det er så meget mere praktisk at indtaste en adgangskode, fingeraftryk eller ansigtsscanning og derefter kunne fuldføre kassen end at udfylde formularer. Med e-handel, der er domineret af mobil, er det vigtigt at tilbyde nem betaling, der ikke involverer uformel udfyldning af formularer.

Den rene brugervenlighed bør tilskynde flere brugere til at gennemføre kassen med dig. Der er også en sikkerhedsfordel, da brugerne sandsynligvis føler sig mere sikre med en tegnebog som mellemmand, hvis de ikke har hørt om dit brand før.

På tværs af de brugertest, jeg har kørt på kasseflows, hører jeg jævnligt kommentarer som "Jeg foretrækker meget at bruge PayPal" og "Jeg er meget sikkerhedsbevidst og vil kun betale med PayPal". PayPal er i øjeblikket velkendt, men når du beslutter dig for, hvilken du skal bruge, skal du vælge dit websteds mest populære lande og enheder.

Tillad brugere at samle

Et stigende antal e-handelswebsteder tilbyder brugerne mulighed for at indsamle deres ordre snarere end at få den leveret. Det er godt for brugere, der ikke er hjemme meget ofte og heller ikke kan få levering til deres arbejdsplads. Hvis du giver denne mulighed, øges kun antallet af brugere, der kan købe fra dig.

Den letteste (og ofte den bedste) tilgang er at tilføje indsamling som et alternativ til levering i kassen. Bed brugeren om at indtaste deres placering og vise dem indstillinger for, hvor de kan afhente sin ordre. Det er også vigtigt, at du viser afhentningsplaceringens åbningstider - disse data kommer ofte fra integration med et leveringsfirma.

Et klik og saml vindue fra ASOS-kassen, så brugeren kan vælge, hvilken dagligvarebutik han vil sende deres levering til.

Den mere komplekse tilgang er for dig at integrere muligheden for at indsamle på hver side med produktdetaljer på webstedet. Dette giver mening, hvis du har det mursten og mørtel butikker da det tillader lagerkontrol i specifikke butikker.

Der kan dog opstå problemer, når brugere har flere produkter i deres ordre. Hvis de ikke er forsigtige, kan de ende med nogle produkter til levering og nogle til afhentning (en 'blandet' kurv). For at undgå dette anbefaler jeg tidligst at lade brugeren angive afhentning eller levering er på kurvestadiet, så det gælder for hele ordren.

Få mest muligt ud af din butiks redesign

Effektiv opdatering af din butiks design kan tage betydelig tid og kræfter, men det kan også være en afgørende del af at sikre, at din lille virksomhed fortsætter med at trives i den digitale verden. Jo bedre dit websted ser ud og føles, jo flere potentielle kunder vil du sandsynligvis fange.

Husk, at chancerne er, at du bliver nødt til at foretage ændringer på dit websted igen i fremtiden. Fortsæt med at se dine metrics, vær opmærksom på udtalelser og overvåg markedets tendenser, så du ved, hvornår det er tid til endnu en opdatering.

Kommentarer 0 Responses

Giv en kommentar

Din e-mail adresse vil ikke blive offentliggjort. Krævede felter er markeret *

Rating *

Dette websted bruger Akismet til at reducere spam. Lær, hvordan dine kommentardata behandles.