Strategier for design av produktsider som øker konverteringer

Introduksjon

Hva er den viktigste siden på nettstedet ditt?

Nei, det er ikke hjemmesiden, selv om hjemmesiden spiller en nøkkelrolle når det gjelder å gi et minneverdig førsteinntrykk. Vinneren er i dette tilfellet en underdog - produktsiden(e) din(e).

Det er helt logisk hvis du tenker over det. Mye av arbeidet med e-post, søkemotoroptimalisering, sosiale medier og betalte annonser er rettet mot å sende trafikk ikke til hjemmesiden din, men til spesifikke produktsider. Det er der den faktiske beslutningsprosessen og kjøpet finner sted.

I gjennomsnitt resulterer imidlertid bare 2,5-3 % av besøkene på netthandelsnettsteder i vellykkede konverteringer. Synderen for en slik underveldende konverteringsfrekvens er vanligvis dårlig design og optimalisering av produktsider.

Dette innlegget vil diskutere hva som gjør en godt designet produktside og gå i dybden på hvorfor hver strategi fungerer. Vi vil også forklare hvordan du implementerer hver strategi, så les videre for å lære mer og ta produktsidedesignet ditt til neste nivå.

Gjør tilpasningsprosessen enkel og intuitiv

Merkevarer som utmerker seg med personalisering, genererer 40 % mer inntekter enn de som henger etter. Den samme forskningsstudien har vist at 71 % av kundene forventer at selskaper skal tilby personaliserte interaksjoner.

Basert på denne statistikken er det trygt å konkludere med at det ikke er valgfritt å levere skreddersydde opplevelser og imøtekomme kundenes behov. Tilpasning har blitt et uunnværlig element i enhver vellykket produktside.

Selv om det er lettere å tilpasse på nettet, må du være forsiktig så du ikke overvelder potensielle kunder. Valglammelse er en reell ting, og det skjer når folk blir presentert for en rekke forskjellige alternativer.

I henhold til Hicks lov, jo flere valg en person har, jo lengre tid vil det ta dem å ta en beslutning. Denne forsinkelsen kan føre til at potensielle kunder gir opp å kjøpe, og i sin tur skade salget ditt.

Hvordan kan du redusere denne valglammelsen?

Her er noen tips:

• Begrens antall valg eller uthev i det minste et par av de mest tydelige. Du kan alltid legge til "Mer"-knappen som viser andre, mindre populære valg.
• Forenkle personaliseringsprosessen og gjør det enklere for potensielle kunder å tilpasse produktet de liker.
• Tilby forhåndsdefinerte standardalternativer basert på de mest populære valgene og bestselgerne. Dette vil redusere beslutningstretthet hos noen kunder.

Det handler om å gjøre hele prosessen så brukervennlig som mulig og hjelpe kundene dine med å påvirke hvordan sluttproduktet skal se ut.

Nike gjør en god jobb med å gi kundene kreativ kontroll over joggesko-modellen de ønsker å kjøpe. Merkets produkttilpasningsverktøy er intuitivt og viser tydelig alle produktelementer som kan justeres. I tillegg kan kundene klikke på joggesko-delen de ønsker å endre og se tilgjengelige farger eller materialer.

(Kilde: Nike)

Diversifiser produktgalleriet ditt

En av de største hindringene for netthandel er kundenes manglende evne til å ta på, føle, prøve og oppleve produktene. Selv etter kjøpet kan disse faktorene skade salget ditt, siden de er ansvarlige for at 10-15 % av produktene som kjøpes på nettet, blir returnert. I visse bransjer, for eksempel motebransjen, er dette tallet enda høyere og når 50 %.

Selv om det å engasjere alle sansene fortsatt er et privilegium for mursteinbutikker, kan du bruke det nest beste - et diversifisert produktgalleri.

1. Oppgi så mange bilder som nødvendig

Vis frem produktet ditt fra forskjellige vinkler og nærbilder for å hjelpe kundene dine med å forestille seg det. Bruk bare bilder av høy kvalitet, men sørg for at de er optimalisert slik at de ikke sinker nettstedet ditt.

Kornete eller pikselerte bilder vil bare hindre konverteringsfrekvensen din siden de ikke viser produktene dine ordentlig, og dermed ikke tilfører noen verdi. En slik tabbe vil både påvirke kundenes oppfatning av produktene dine negativt og skade omdømmet ditt. Husk at visuell appell er en avgjørende faktor når det gjelder tillit og troverdighet, noe som betyr at besøkende på nettstedet ditt vil være motvillige til å gi deg kredittkortnummeret sitt hvis produktsidene dine virker tvilsomme.

2. Tilby en 360-graders produktvisning

En 360-graders visningsfunksjonalitet fungerer som en erstatning for å besøke en fysisk butikk, siden den lar kundene bevege et produkt og se det fra forskjellige vinkler.

Ved å implementere dette UX-elementet vil du dessuten kunne laste opp færre bilder uten å ofre brukeropplevelsen.

3. Aktiver en zoom inn-funksjonalitet

Når kunder blar gjennom produkter i en fysisk butikk, vil de alltid se nøye og inspisere detaljer.

En zoom-in-funksjonalitet etterligner dette og gjør det mulig for besøkende å få en bedre visuell forståelse av et produkt og se dets tekstur. Når de kan utforske produktet i så stor detalj, føler potensielle kunder seg tryggere på å gjøre et kjøp.

4. Vis produktene dine i bruk

Kontekstualiser hvert produkt ved å vise potensielle kunder hvordan andre bruker det.

Dette vil gi dem en følelse av hvordan et produkt ser ut i den virkelige verden og hvordan det skal brukes. Det er for eksempel mer nærliggende og engasjerende å vise et klesplagg på en modell enn å plassere det på en flat overflate.

Bilder i kontekst gir kundene et bedre inntrykk av plaggets passform.

Det er en god idé å inkludere modeller av ulik størrelse og etnisk bakgrunn for å få følelsesmessig kontakt med alle segmenter av publikum.

5. Utnytte video

88 % av folk sier at det å se en produktvideo overbeviste dem om å gjøre et kjøp.

Dette formatets evne til å kondensere mye informasjon på kort tid er spesielt kraftig. Vi har allerede nevnt problemet med kort oppmerksomhetsspenn, og i stedet for å tvinge potensielle kunder til å lese om produktegenskaper og fordeler, er det mye mer effektivt å vise alt dette i en kort video.

6. Vis produktstørrelsen i virkeligheten

Størrelsen betyr noe når du handler på nettet.

Hvis du ikke vil villede potensielle kunder, må du sørge for at de kan visualisere hvor stort eller lite et bestemt produkt er. Oppgi alle dimensjonene på både produktet og emballasjen, og legg ved en størrelsestabell for klær og sko.

Hvis det er en liten sjanse for at størrelsen på et produkt kan være villedende, bør du vise skalaen ved å plassere det ved siden av gjenstander som kan brukes som referansepunkter.

Somnifix er et godt eksempel på diversifisering av produktgalleriet. Merkets produktside er fullpakket med nyttige bilder, illustrasjoner og andre visuelle elementer som viser hvordan produktet skal brukes, hvem som kan bruke det, og hva som er de viktigste fordelene.

(Kilde: Somnifix)

Gjør bruk av prisforankring

Markedsføring er sterkt avhengig av menneskelig psykologi. Prissetting er ikke annerledes, og du kan bruke flere strategier for å øke konverteringsfrekvensen.

Kundene har ingen anelse om hvor mye et bestemt produkt bør koste, og de danner seg en mening om hvorvidt en pris er god basert på flere referansepunkter. De vil for eksempel sjekke hvor mye et lignende produkt koster og bruke det som målestokk.

Hvis et produkt er svært etterspurt, vil folk også være villige til å betale mer. Hermès har for eksempel utnyttet dette i flere tiår ved å skape kunstig knapphet og en aura av eksklusivitet rundt sin ikoniske Birkin Bag.

Følgelig indikerer denne evalueringsmekanismen at kundenes oppfatning av prisen er

1. Relativ
2. Utsatt for manipulasjon

Tilbake i 2010 holdt Steve Jobs en av sine hovedpresentasjoner, denne gangen avduket han selskapets splitter nye produkt, iPad. Da han diskuterte prisingen av denne prangende dingsen, tok Jobs opp spekulasjonene om at prislappen ville ligge like under 1000 dollar, som er bransjens kodenavn for 999 dollar. På det tidspunktet dukket tallet opp på en stor skjerm i bakgrunnen, bare for å bli knust av prislappen på 499 dollar 60 sekunder senere, der publikum lærte mer om enhetens fordeler.

Da prisen "falt", fikk kundene et sterkt inntrykk av at de ville spare 500 dollar og få et fantastisk produkt for bare en brøkdel av den faktiske verdien.

Denne kognitive skjevheten som Jobs mesterlig spilte på, er kjernen i prisforankring. Du kan oppnå den samme effekten ved å gi kundene inntrykk av at et produkts faktiske pris er mye høyere. Trikset er å oppgi den opprinnelige prisen, krysse den ut og plassere en ny, lavere pris ved siden av den. Og voila! Kundene dine tror nå at de får et godt tilbud.

Bruk visuelt slående CTA-er

En effektiv oppfordring til handling kan gjøre underverker for konverteringsfrekvensen din. Det er grunnen til at det har en andre oppføring i denne artikkelen.

Selv om det kanskje ikke virker som rakettforskning å lage disse par ordene plassert på et knappformet element, krever prosessen faktisk mye forskning, data og A / B-testing. En oppskrift på en uimotståelig CTA er å finne den rette kombinasjonen av tekst, størrelse, farge og plassering.

Opprett handlingsorientert kopi

Poenget med en CTA er å fortelle de besøkende hva de skal gjøre videre og oppmuntre dem til å handle.

Men i stedet for å si "Kjøp", må ordlyden din være mer overbevisende og overbevisende. Setninger som "Finn ut mer", "Ja, jeg vil ha en gratis prøveperiode", "Få rabatt" eller "Gi meg min eksklusive avtale" er mer oppsiktsvekkende og kraftfulle.

Going kombinerer dette prinsippet med et smart ordspill på sin produktside for billige flyreiser. Merkets navn egner seg til et søtt ordspill som fanger øyet og også motiverer til handling.

(Kilde: Going)

Velg riktig størrelse

På den ene siden vil du at teksten i en CTA skal være leselig, på den andre siden vil du ikke ha en gigantisk knapp som ser billig og avskrekkende ut.

Den rette balansen vil være en knapp som er stor nok til å skille seg ut, men ikke så stor at den overvelder annet innhold på siden.

Cotton Bureaus produktsider har iøynefallende CTA-er som er lette å lese, uten at de overskygger andre elementer på siden eller virker for salgsfremmende.

(Kilde: Cotton Bureau)

Bruk kontrasterende, men komplementære farger

Ulike studier forsøkte å finne den mest effektive CTA-fargen, men fargen betyr hovedsakelig fordi den skal få CTA-knappen til å poppe mot bakgrunnen.

Bruk av komplementære farger (de på motsatte sider av fargehjulet) vil skape den beste kontrasten og øke synligheten til oppfordringen din.

En annen måte å gjøre CTA-en merkbar og fremtredende på er å utnytte negativ plass.

Kettle & Fire utnytter alle disse beste praksisene; deres CTA er knallrød og svært synlig mot den hvite bakgrunnen. En annen grunn til at dette eksemplet fungerer, er enkel bestillingstilpasning og gjennomsiktighet.

Kundene kan velge antall pakker de vil kjøpe og se nøyaktig hvor mye de vil bli belastet. Det er også mulig å velge mellom en engangsbestilling eller et abonnement.

(Kilde: Kettle & Fire)

Embrace forklaringsvideoer

Seerne sier at de husker nesten 95 % av et budskap fra en video.

Selv om du synes at dette tallet er litt overdrevet, kan det ikke benektes at dette formatet er uendelig mye kraftigere når det gjelder å formidle et markedsføringsbudskap og vise fordelene og bruksområdene til et bestemt produkt.

Ikke rart at 96 % sier at de har sett en forklaringsvideo for å finne ut mer om et produkt eller en tjeneste de er interessert i. Dette formatet er spesielt nyttig for komplekse tjenesteprodukter i SaaS-verdenen. Hvis produktet ditt er ukjent for den typiske kjøperen, bør du investere i å produsere en eller to videoer for produktsidene dine.

Forklaringsvideoer er gode for å demonstrere hvordan et produkt skal brukes, fordi de fungerer bedre for å gi instruksjoner. I stedet for å møte kundene dine med en vegg av tekst som beskriver et bestemt produkt, kan du tilby dem en kort, engasjerende video som viser hvordan det fungerer og leverer budskapet ditt raskere.

I tillegg er det dobbelt så sannsynlig at folk deler videoer enn noe annet format med nettverket sitt, noe som betyr at du også kan utvide rekkevidden din og generere mer trafikk.

Bay Alarm Medical bruker forklaringsvideoen til å vise hvordan man installerer det medisinske varslingssystemet, slik at potensielle kunder ikke trenger å lete etter skriftlige instruksjoner.

(Kilde: Bay Alarm Medical)

Håndtere vanlige omstillingshindringer

Netthandel er praktisk ettersom kundene kan kjøpe et produkt hjemmefra. Det er imidlertid noen hindringer som kan hindre konverteringer, og de vanligste av dem er følgende:

Transaksjonssikkerhet

Kundene dine er bekymret for hvor sikker betalingen deres vil være. 18 % av folk forlater handlekurver på grunn av sikkerhetsbekymringer. I tillegg til å implementere et system som beskytter kundenes sensitive opplysninger og kredittkortopplysninger, bør du bruke tillitsmerker som viser at du utviser aktsomhet.

Sikker betaling og godkjente betalingsmerker, sammen med tredjepartsgodkjenninger, vil skape tillit hos kundene dine og oppmuntre dem til å fullføre kjøpene sine.

Fraktkostnader og retningslinjer for retur

Fraktkostnader og returpolitikk kan ha en betydelig innvirkning på konverteringene dine. Hvis kundene dine ikke ser de totale kostnadene på forhånd, er sjansen stor for at de forlater handlekurven uten å fullføre kjøpet.

På samme måte, gitt at de ikke kan prøve varen de bestiller, er en sjenerøs returpolicy noe som kan få dem av gjerdet.

Tilgjengelighet av ettersalgsstøtte

Konverteringen er ikke slutten på kjøperens reise. Når noen kjøper fra deg, er det avgjørende å levere en eksepsjonell kundeopplevelse og imøtekomme deres behov. Hvis folk ikke er sikre på hva som vil skje hvis de trenger støtte etter kjøpet, vil de være motvillige til å gjøre forretninger med deg.

Så la dem vite at de kan ta kontakt hvis de støter på et problem eller bare ønsker å lære hvordan de kan få mest mulig ut av produktet eller tjenesten de har kjøpt.

Mannequin Mall fjerner alle konverteringsbarrierer ved å adressere disse bekymringene på produktsiden sin tydelig og med en gang. Deres potensielle kunder kan få alle svarene de trenger uten å måtte utforske nettstedet og klikke frem og tilbake på jakt etter frakt- eller returreglene.

(Kilde: Mannequin Mall)

Tenk på mobilkunder

Utgiftene til mobil netthandel forventes å nå 728,28 milliarder dollar innen 2025.

For 59 % av forbrukerne er muligheten til å handle på mobilen en viktig faktor når de bestemmer seg for hvor de skal handle.

Til slutt sier 57 % av internettbrukerne at de ikke vil anbefale et merke med et dårlig utformet mobilnettsted til venner og familie.

All denne statistikken gir et solid argument for å opprette en mobilvennlig nettbutikk. Derfor bør du alltid bruke beste praksis når du utformer mobilversjonen av produktsiden din.

Her er noen tips for et mobilvennlig nettsted som ikke irriterer de besøkende:

• Hold designet enkelt og sørg for enkel navigering.
• Bruk store knapper for å forhindre fettfingerfeilen.
• Unngå å bruke popup-vinduer, da de kan være vanskelige å lukke på en mobil enhet.
• Optimaliser bilder for mobile enheter for å øke lastehastigheten.
• Bruk rammeverket Accelerated Mobile Pages (AMP) for å forbedre serverens ytelse og øke lastehastigheten.
• Slå av autokorrektur på nettskjemaer for å fremskynde utfyllingsprosessen.
• Bruk standard skrifttyper som er lette å lese.

Many Mornings implementerte mobilvennlig design på produktsidene sine. Enkelhet, enkel navigering, store CTA-knapper og en tydelig prosessoversikt gjør det enkelt for kundene å bla gjennom produktseksjonen, legge til et produkt i handlekurven og raskt få tilgang til varer de allerede har valgt.

(Kilde: Many Mornings)

Avsluttende tanker

Godt gjennomtenkte og optimaliserte produktsider resulterer i betydelig flere konverteringer. Når en kunde kommer til en produktside, betyr det vanligvis at de er kjøpsklare, og det er opp til deg å legge til rette for betalingsprosessen og gjøre den så smidig og distraksjonsfri som mulig. Disse strategiene vil peke deg i riktig retning og lede deg gjennom prosessen med å optimalisere kritiske produktsideelementer.