Strategier for design af produktsider, der øger konverteringerne

Intro

Hvad er den vigtigste side på dit websted?

Nej, det er ikke hjemmesiden, selv om hjemmesiden spiller en vigtig rolle for at give et mindeværdigt første indtryk. Vinderen er i dette tilfælde en underdog - din(e) produktside(r).

Det er helt logisk, hvis man tænker over det. En stor del af dine e-mail, SEO, sociale medier og betalte annoncer har til formål at sende trafikken ikke til din hjemmeside, men til specifikke produktsider. Det er der, hvor den egentlige beslutningstagning og køb finder sted.

I gennemsnit er det dog kun 2,5 %-3 % af besøgene på e-handelswebsteder, der fører til succesfulde konverteringer. Den skyldige for en så ringe konverteringsrate er som regel dårligt design og optimering af produktsiderne.

I dette indlæg vil vi diskutere, hvad der kendetegner en veldesignet produktside, og se nærmere på, hvorfor hver strategi virker. Vi vil også forklare, hvordan du implementerer hver strategi, så læs videre for at få mere at vide og tage dit produktsidedesign til det næste niveau.

Gør tilpasningsprocessen nem og intuitiv

Varemærker, der udmærker sig ved personalisering, genererer 40 % mere omsætning end de mærker, der halter bagefter. Samme undersøgelse har vist, at 71 % af kunderne forventer, at virksomheder tilbyder personlige interaktioner.

Baseret på disse statistikker kan man roligt konkludere, at det ikke er valgfrit at levere skræddersyede oplevelser og imødekomme kundernes behov. Tilpasning er blevet et uundværligt element i enhver vellykket produktside.

Selv om det er nemmere at tilpasse online, skal du passe på, at du ikke overvælder dine potentielle kunder. Valgparalyse er en reel ting, og det sker, når folk bliver præsenteret for en række forskellige muligheder.

Ifølge Hick's lov gælder det, at jo flere valgmuligheder en person har, jo længere tid vil det tage at træffe en beslutning. Denne forsinkelse kan resultere i, at dine potentielle kunder opgiver at købe, hvilket igen kan skade dit salg.

Hvordan kan du mindske denne valgparalyse?

Her er nogle gode råd:

• Begræns antallet af valgmuligheder eller fremhæv i det mindste et par af de mest markante. Du kan altid tilføje en "Mere"-knap, der viser andre, mindre populære valgmuligheder.
• Forenkl personaliseringsprocessen, og gør det lettere for dine potentielle kunder at tilpasse det produkt, de kan lide.
• Tilbyd standardiserede, foruddefinerede indstillinger baseret på de mest populære valg og bestsellere. Dette vil mindske nogle kunders træthed i beslutningstagningen.

Det handler om at gøre hele processen så brugervenlig som muligt og give dine kunder mulighed for at få indflydelse på, hvordan det endelige produkt skal se ud.

Nike gør et godt stykke arbejde med at give kunderne kreativ kontrol over den sneaker-model, de ønsker at købe. Mærkets produkttilpasningsværktøj er intuitivt og viser tydeligt alle de produktelementer, der kan justeres. Desuden kan kunderne klikke på den sneakerdel, de gerne vil ændre, og se de tilgængelige farver eller materialer.

(Kilde: Nike)

Diversificer dit produktgalleri

En af de største hindringer for online-shopping er kundernes manglende mulighed for at røre, føle, prøve og opleve produkterne. Selv efter købet kan disse faktorer skade dit salg, da de er ansvarlige for, at 10-15 % af de produkter, der købes online, returneres. I visse brancher, som f.eks. modebranchen, er dette tal endnu højere og når op på 50 %.

Selv om det stadig er et privilegium for fysiske butikker at inddrage alle sanser, kan du bruge det næstbedste - et varieret produktgalleri.

1. Angiv så mange billeder som nødvendigt

Vis dit produkt fra forskellige vinkler og i nærbilleder for at hjælpe dine kunder med at forestille sig det. Brug kun billeder af høj kvalitet, men sørg for, at de er optimerede, så de ikke gør dit websted langsommere.

Grynede eller pixelerede billeder vil kun hæmme dine konverteringsrater, da de ikke viser dine produkter korrekt og dermed ikke tilføjer nogen værdi. En sådan fejltagelse vil både påvirke kundernes opfattelse af dine produkter negativt og skade dit omdømme. Husk, at visuel appel er en afgørende faktor, når det gælder tillid og troværdighed, hvilket betyder, at dine besøgende på webstedet vil være tilbageholdende med at give dig deres kreditkortnummer, hvis dine produktsider virker skumle.

2. Tilbyd en 360-graders produktvisning

En 360-graders visningsfunktionalitet kan erstatte et besøg i en fysisk butik, da den giver kunderne mulighed for at flytte et produkt og se det fra forskellige vinkler.

Ved at implementere dette UX-element vil du desuden kunne uploade færre billeder uden at det går ud over brugeroplevelsen.

3. Aktiver en funktion til at zoome ind

Når kunderne kigger på produkter i en fysisk butik, vil de altid se nærmere på dem og undersøge detaljerne.

En zoom-in-funktionalitet efterligner dette og giver dine besøgende på webstedet mulighed for at få en bedre visuel forståelse af et produkt og se dets tekstur. Når de kan udforske produktet så detaljeret, føler potentielle kunder sig mere sikre på at foretage et køb.

4. Vis dine produkter i brug

Kontekstualisér hvert produkt ved at vise potentielle kunder, hvordan andre bruger det.

Det vil give dem en fornemmelse af, hvordan et produkt ser ud i den virkelige verden, og hvordan det skal bruges. Det er f.eks. mere relaterbart og engagerende at vise en beklædningsgenstand på en model end at placere den på en flad overflade.

Fotos i sammenhængen giver kunderne en bedre idé om tøjets pasform.

Det er en god idé at inkludere modeller af forskellige størrelser og etniske baggrunde for at skabe en følelsesmæssig kontakt til alle segmenter af dit publikum.

5. Udnytte video

88 % af folk siger, at det at se en produktvideo har overtalt dem til at købe et produkt.

Dette format har en særlig god evne til at samle en masse oplysninger på kort tid. Vi har allerede nævnt problemet med den korte opmærksomhedsspændvidde, og i stedet for at tvinge dine potentielle kunder til at læse om produktfunktioner og fordele er det meget mere effektivt at vise alt dette i en kort video.

6. Vis produktstørrelsen i det virkelige liv

Størrelsen betyder noget, når du handler online.

Hvis du ikke vil vildlede dine potentielle kunder, skal du sørge for, at de kan visualisere, hvor stort eller lille et bestemt produkt er. Angiv alle dimensionerne på både produktet og emballagen, og tilføj et størrelsesskema for tøj og sko.

Hvis der er bare en lille chance for, at størrelsen på et produkt kan være vildledende, skal du vise skalaen ved at placere det ved siden af genstande, der kan bruges som referencepunkter.

Somnifix er et godt eksempel på diversificering af produktgalleriet. Mærkets produktside er fyldt med nyttige billeder, illustrationer og andre visuelle elementer, der viser, hvordan man anvender deres produkt, hvem der kan bruge det, og hvad dets vigtigste fordele er.

(Kilde: Somnifix)

Gør brug af prisforankring

Markedsføring er i høj grad baseret på menneskelig psykologi. Prisfastsættelse er ikke anderledes, og du kan bruge flere strategier til at øge dine konverteringsrater.

Kunderne har ingen idé om, hvor meget et bestemt produkt bør koste, og de danner sig en mening om, hvorvidt en pris er god, ud fra flere referencepunkter. De vil f.eks. undersøge, hvor meget et lignende produkt koster, og bruge det som målestok.

Hvis der er stor efterspørgsel efter et produkt, vil folk også være villige til at betale mere. Hermès har f.eks. udnyttet dette i årtier ved at skabe kunstig knaphed og en aura af eksklusivitet omkring deres ikoniske Birkin-taske.

Denne evalueringsmekanisme indikerer derfor, at dine kunders opfattelse af prisen er

1. Relativ
2. Modtagelig for manipulation

Tilbage i 2010 holdt Steve Jobs en af sine keynote-præsentationer, hvor han denne gang afslørede virksomhedens helt nye produkt, iPad'en. Da han diskuterede prisen på denne prangende gadget, kom Jobs ind på spekulationerne om, at prisen ville ligge lige under 1.000 dollars, hvilket er branchens kodenavn for 999 dollars. På det tidspunkt dukkede tallet op på en storskærm i baggrunden, for 60 sekunder senere at blive knust af prisskiltet på 499 dollars, hvor publikum fik mere at vide om enhedens fordele.

Da prisen så "faldt", fik kunderne et stærkt indtryk af, at de ville spare 500 dollars og få et fantastisk produkt til en brøkdel af dets faktiske værdi.

Denne kognitive bias, som Jobs mesterligt spillede på, er kernen i prisforankring. Du kan opnå den samme effekt ved at give dine kunder indtryk af, at et produkts faktiske pris er meget højere. Tricket består i at angive den oprindelige pris, strege den over og placere en ny, lavere pris ved siden af den. Og voila! Dine kunder tror nu, at de får et godt tilbud.

Brug visuelt markante CTA'er

En effektiv opfordring til handling kan gøre underværker for din konverteringsrate. Det er grunden til, at den har en anden plads i denne artikel.

Selv om det måske ikke virker som raketvidenskab at lave disse par ord på et knapformet element, kræver processen faktisk en masse research, data og A/B-testning. Opskriften på en uimodståelig CTA er at sammensætte den rigtige kombination af tekst, størrelse, farve og placering.

Skab handlingsorienteret tekst

Formålet med en CTA er at fortælle dine besøgende, hvad de skal gøre næste gang, og at opfordre dem til at handle.

Men i stedet for at sige "køb" skal din formulering være mere overbevisende og overbevisende. Sætninger som "Find ud af mere", "Ja, jeg vil have en gratis prøveperiode", "Få rabat" eller "Giv mig mit eksklusive tilbud" er mere opmærksomhedsskabende og effektive.

Going kombinerer dette princip med nogle smarte ordspil på deres produktside for billige flyrejser. Brandets navn egner sig til et sødt ordspil, der både fanger øjet og motiverer til handling.

(Kilde: Going)

Vælg den rigtige størrelse

På den ene side skal teksten i en CTA være læsbar, på den anden side skal du ikke have en gigantisk knap, der ser billig og afskrækkende ud.

Den rette balance er en knap, der er stor nok til at skille sig ud, men ikke så stor, at den overdøver det øvrige indhold på siden.

Cotton Bureau's produktsider har tydelige CTA'er, der er lette at læse, men som alligevel ikke overskygger andre elementer på siden eller virker for salgsagtige.

(Kilde: Cotton Bureau)

Brug kontrasterende men komplementære farver

Forskellige undersøgelser har forsøgt at finde frem til den mest effektive CTA-farve, men farven er vigtig, fordi den skal få din CTA-knap til at skille sig ud fra baggrunden.

Ved at bruge komplementære farver (farver på modsatte sider af farvehjulet) skaber du den bedste kontrast og øger synligheden af din opfordring til handling.

En anden måde at gøre din CTA tydelig og fremtrædende på er at udnytte negativ plads.

Kettle & Fire udnytter alle disse bedste metoder; deres CTA er knaldrød og meget synlig mod den hvide baggrund. En anden grund til, at dette eksempel fungerer, er den nemme tilpasning af ordrer og gennemsigtighed.

Kunderne kan vælge det antal pakker, de ønsker at købe, og se præcis, hvor meget de skal betale. Der er også mulighed for at vælge mellem en engangsbestilling eller et abonnement.

(Kilde: Kettle & Fire)

Omfavn forklarende videoer

Seerne siger, at de beholder næsten 95 % af budskabet fra en video.

Selv om du mener, at dette tal er en smule overdrevet, kan det ikke benægtes, at dette format er uendeligt meget mere effektivt til at formidle et markedsføringsbudskab og vise fordelene og anvendelsesmulighederne ved et bestemt produkt.

Det er ikke underligt, at 96 % af folk siger, at de har set en forklaringsvideo for at få mere at vide om et produkt eller en tjeneste, de er interesserede i. Dette format er især nyttigt for komplekse serviceprodukter i SaaS-verdenen. Hvis dit produkt er ukendt for din typiske køberpersona, skal du investere i at producere en eller to videoer til dine produktsider.

Forklaringsvideoer er gode til at demonstrere, hvordan man bruger et produkt, fordi de er bedre til at give instruktioner. I stedet for at konfrontere dine kunder med en væg af tekst, der beskriver et bestemt produkt, kan du tilbyde dem en kort, engagerende video, der viser, hvordan det fungerer, og som hurtigere formidler dit budskab.

Desuden er folk dobbelt så tilbøjelige til at dele videoer som alle andre formater med deres netværk, hvilket betyder, at du også kan udvide din rækkevidde og generere mere trafik.

Bay Alarm Medical bruger forklaringsvideoen til at vise, hvordan man installerer deres medicinske alarmsystem, så potentielle kunder ikke behøver at lede efter skriftlige instruktioner.

(Kilde: Bay Alarm Medical)

Løsning af almindelige hindringer for omstilling

Online shopping er praktisk, da kunderne kan købe et produkt hjemmefra. Der er dog nogle hindringer, der kan hindre konverteringer, og de mest almindelige af dem er:

Sikkerhed i forbindelse med transaktioner

Dine kunder er bekymrede for, hvor sikker deres betaling er. 18 % af folk forlader indkøbskurve på grund af sikkerhedsproblemer. Ud over at implementere et system, der beskytter dine kunders følsomme oplysninger og kreditkortoplysninger, skal du bruge tillidsmærker, der viser, at du udviser den fornødne omhu.

Sikker checkout og badges for accepteret betaling vil sammen med godkendelser fra tredjepart skabe tillid hos dine kunder og tilskynde dem til at gennemføre deres køb.

Forsendelsesomkostninger og returneringspolitikker

Forsendelsesomkostninger og returpolitikker kan have en betydelig indvirkning på dine konverteringer. Hvis dine kunder ikke kan se de samlede omkostninger på forhånd, er der stor sandsynlighed for, at de vil forlade indkøbskurven uden at gennemføre et køb.

Da de ikke kan afprøve den vare, de bestiller, er en generøs returpolitik noget, der kan få dem til at skifte mening.

Tilgængelighed af eftersalgssupport

Konvertering er ikke afslutningen på købers rejse. Når en person først har købt hos dig, er det afgørende at levere en enestående kundeoplevelse og imødekomme deres behov. Hvis folk ikke er sikre på, hvad der vil ske, hvis de har brug for support efter købet, vil de være tilbageholdende med at handle med dig.

Så lad dem vide, at de kan henvende sig, hvis de støder på et problem eller blot ønsker at vide, hvordan de får mest muligt ud af det produkt eller den tjeneste, de har købt.

Mannequin Mall fjerner alle konverteringsbarrierer ved at tage disse problemer op på deres produktside klart og tydeligt og med det samme. Deres potentielle kunder kan få alle de svar, de har brug for, uden at skulle udforske hjemmesiden og klikke frem og tilbage for at finde frem til forsendelses- eller returpolitikken.

(Kilde: Mannequin Mall)

Husk de mobile kunder i tankerne

Udgifterne til mobil e-handel forventes at nå op på 728,28 mia. dollars i 2025.

For 59 % af forbrugerne er muligheden for at handle på mobilen en vigtig faktor, når de skal beslutte, hvor de vil købe ind.

Endelig siger 57 % af internetbrugerne, at de ikke vil anbefale et mærke med et dårligt designet mobilwebsted til deres venner og familie.

Alle disse statistikker taler for at skabe en mobilvenlig e-handelsbutik. Derfor bør du altid anvende bedste praksis, når du udformer din produkts sides mobilversion.

Her er nogle tips til et mobilvenligt websted, der ikke generer dine besøgende:

• Hold designet enkelt og gør det nemt at navigere.
• Brug store knapper for at undgå fedtfingerfejl.
• Undgå at bruge pop-ups, da de kan være svære at lukke på en mobilenhed.
• Optimer billeder til mobile enheder for at øge indlæsningshastigheden.
• Brug AMP-rammen (Accelerated Mobile Pages) til at forbedre serverens ydeevne og øge indlæsningshastigheden.
• Slå autokorrektion fra på webformularer for at fremskynde udfyldningsprocessen.
• Brug standardskrifttyper, der er lette at læse.

Mange morgener implementerede mobilvenligt design på deres produktsider. Enkelhed, nem navigation, store CTA-knapper og en klar procesoversigt gør det nemt for kunderne at gennemse produktsektionen, tilføje et produkt til indkøbskurven og hurtigt få adgang til de varer, de allerede har valgt.

(Kilde: Many Mornings)

Afsluttende overvejelser

Gennemtænkte og optimerede produktsider resulterer i betydeligt flere konverteringer. Når en kunde kommer til en produktside, betyder det som regel, at de er klar til at købe, og det er op til dig at lette checkout-processen og gøre den så gnidningsløs og distraktionsfri som muligt. Disse strategier vil pege dig i den rigtige retning og føre dig gennem processen med at optimere kritiske produktsideelementer.