Design av produktsider: 12 detaljer som øker salget
Vi går gjennom 12 designdetaljer i galleri, pris, lager, levering og omtaler som øker andelen som legger varen i handlekurven, med mobilen i første rekke.
Aurora YazılımRedaksjonen
6 min lesetid
Et godt design av produktsiden gir kunden alt hun trenger for å bestemme seg i første skjermbilde og med ett blikk: et galleri med zoom, tydelig pris og delbetaling, lagerstatus, en tydelig legg i handlekurv-knapp og estimert leveringsinformasjon. Nedenfor støtter detaljert beskrivelse, omtaler og lignende produkter beslutningen. Siden må åpnes raskt på mobil.
Hvorfor er produktsiden så viktig?
I en nettbutikk er det på produktsiden kjøpsbeslutningen tas. Forsiden og kategorisidene fører kunden til produktet, men produktsiden svarer på spørsmålet «bør jeg kjøpe dette?». En liten uklarhet her er nok til at kunden lukker fanen og går til en konkurrent.
Suksessen til designet av produktsiden følges med ett enkelt tall: andelen som legger varen i handlekurven. Hvor mange av de besøkende som ser siden og legger produktet i handlekurven, viser om designet gjør jobben sin. De 12 detaljene under er de mest grunnleggende områdene som påvirker dette tallet.
Før vi går inn på detaljene, en påminnelse om ett prinsipp: en produktside er ikke en mal, men en side som bygges rundt strukturen til produktet ditt. Å presentere klær, mat og elektronikk i samme oppsett skyver den viktigste informasjonen for hver av dem i bakgrunnen.
Bilde- og informasjonsfeltet
De fire første detaljene gjelder feltet der kunden blir kjent med produktet. Dette feltet skal ligge øverst på siden, i området som er synlig uten å rulle.
1. Produktgalleri med zoom
Produktgalleriet tilsvarer øyeblikket i butikken da du tar produktet i hånden og ser på det. Bruk bilder fra ulike vinkler som kan zoomes, og om mulig en kort video. På mobil må galleriet kunne sveipes med fingeren, og miniatyrbildene må være store nok til å trykke på. Detaljer om selve fotograferingen finner du i artikkelen vår om produktbilder for nettbutikk.
2. Tydelig produkttittel
Tittelen bør inneholde merke, produkttype og det som skiller produktet fra andre. En tittel som «Merke Modell X termos i rustfritt stål 500 ml» i stedet for «Modell X» forteller både kunden og søkemotoren hva produktet er.
3. Hovedegenskaper
Et kort sammendrag på tre til fem punkter rett under tittelen gir kunden som ikke leser den lange beskrivelsen, den viktigste informasjonen. Hvert punkt bør forklare både en egenskap og nytten den gir.
4. Synlig valg av variant
Farge- og størrelsesvalg bør ikke gjemmes i en nedtrekksliste, men vises som knapper eller fargeruter. Når bildet, prisen og lagerstatusen endres umiddelbart etter valgt variant, unngår kunden å legge feil produkt i handlekurven. Lenken til størrelsestabellen bør ligge ved siden av valgfeltet.
Kjøpsfeltet
De neste fire detaljene utgjør feltet der kunden bestemmer seg og handler. Dette feltet bør ha et enkelt oppsett uten distraksjoner.
5. Pris, rabatt og delbetaling
Prisen bør være en av de best leselige opplysningene på siden. Ved rabatt vises den gamle prisen overstreket og den nye tydelig. Delbetalingsalternativer kan stå under prisen som en kort oppsummering, mens den detaljerte delbetalingstabellen kan ligge i et felt som åpnes med ett klikk.
6. Lagerstatus
Opplysninger som «på lager», «siste 3 stk.» eller «forhåndsbestilling» hjelper kunden å bestemme seg. Men opplysningen må bygge på reelt lager; falske tellere som skaper kunstig hastverk, svekker tilliten. For utsolgte produkter kan et «varsle meg når den er tilbake på lager»-valg hente kunden tilbake i stedet for å miste henne.
7. Tydelig legg i handlekurv-knapp
Legg i handlekurv-knappen er det mest synlige elementet på siden: kontrastfarge, god størrelse og en tydelig tekst. På mobil bør knappen bli stående fast nederst på skjermen når siden rulles ned, slik at kunden ikke må lete etter den når hun bestemmer seg.
8. Levering og frakt
Ved siden av prisen vil kunden vite når hun har produktet i hånden og om frakten koster noe. Estimert tid før sending og grensen for gratis frakt bør stå like ved knappen. At disse opplysningene først vises i betalingssteget, er en av de vanligste årsakene til forlatte handlekurver.
Tillits- og oppfølgingsfeltet
De fire siste detaljene er feltene som overbeviser den usikre kunden og får henne til å handle videre. Disse delene ligger vanligvis under kjøpsfeltet.
9. Detaljert beskrivelse
Den lange beskrivelsen, tekniske opplysninger og råd om bruk og vedlikehold kan organiseres i faner eller utvidbare seksjoner. Hvordan teksten bør skrives, har vi forklart med 10 regler i guiden vår om hvordan skrive produktbeskrivelse.
10. Kundeomtaler
Omtaler med bilder og fordelingen av poeng er blant de sterkeste overbevisningsmidlene, fordi de viser reell bruk av produktet. Merket «bekreftet kjøper» og høflige svar på negative omtaler øker tilliten. Å slette omtaler eller bare vise de positive, svekker derimot tilliten på sikt.
11. Retur og sikker betaling
En kort oppsummering av returvilkårene og de godtatte betalingsmåtene kan stå som et lite informasjonsbånd i nærheten av kjøpsfeltet. For en kunde som handler for første gang, er disse opplysningene avgjørende.
12. Lignende og utfyllende produkter
Lignende produkter nederst på siden holder kunden som ikke fant helt det hun lette etter, på nettstedet. Utfyllende produkter og produktsett øker handlekurvens verdi. Det er viktig at dette feltet faktisk er relatert til produktet; tilfeldige produkter distraherer.
Tenk mobil først
Størstedelen av trafikken i nettbutikker kommer fra mobile enheter. Derfor bør produktsiden først utformes for telefonskjermen, og så utvides for stasjonær. På mobil bør pris, valg av variant og legg i handlekurv-knappen være synlige uten å rulle, og trykkflatene bør være store nok til å treffe komfortabelt med fingeren.
Hastighet er en uatskillelig del av mobilopplevelsen. Terskelverdiene Google regner som gode i Core Web Vitals er 2,5 sekunder for LCP, 200 millisekunder for INP og 0,1 for CLS. Å komprimere store produktbilder, sørge for at galleriet ikke hopper når siden åpnes, og fjerne unødvendige skript forbedrer disse verdiene direkte. Her kommer arbeidet med mobiltilpasset design og hastighet og ytelse inn.
Mål og forbedre designet
En god produktside blir ikke ferdig på én gang; den modnes med data. Å følge jevnlig med på forholdet mellom antall visninger av produkter, antall som legger i handlekurv og antall kjøp viser i hvilket trinn problemet ligger.
Verktøy for varmekart og øktopptak lar deg se hvor brukerne klikker på siden og hvor de stopper opp. Før du gjør en endring på hele nettstedet, bør du teste den på noen få produkter og sammenligne resultatene, så unngår du beslutninger basert på gjetning.
- Hvis andelen som legger i handlekurv er lav: se på galleri, pris og variantfelt.
- Hvis mange legger i handlekurv, men få kjøper: se på fraktkostnaden og betalingssteget.
- Hvis fluktfrekvensen er høy: kontroller sidehastigheten og informasjonen i første skjermbilde.
- Hvis det er stor forskjell mellom mobil og stasjonær: test mobiloppsettet separat.
Produktside hos Aurora
I Aurora Smart E-Ticaret brukes ingen ferdige temaer; designet av hver butikk, inkludert produktsidene, lages unikt for firmaet ditt og strukturen til produktene dine gjennom tjenesten vår konseptdesign. Brukerreisen og grensesnittet planlegges etter prinsippene for UI/UX-design.
På produktsiden følger galleri med zoom og video, valg av variant, lignende produkter, produktsett, hurtigvisning og omtaler med bilder merket «Bekreftet kjøper» som standard. Opplastede bilder konverteres automatisk til et format som åpnes raskt. Til selve bildene kan du også bruke tjenesten vår produktfotografering.
Måter å hente tilbake kunder du mister etter produktsiden, har vi samlet i artikkelen vår om forlatte handlekurver.
Vanlige spørsmål
01Er det nødvendig med video på produktsiden?
Det er ikke obligatorisk, men for produkter der bruk, tekstur eller bevegelse er viktig, viser video det bildet ikke kan fortelle. Velg korte videoer som kan forstås uten lyd og som åpnes raskt. Videoen bør lastes først når brukeren spiller den av, så den ikke går ut over sidehastigheten.
02Er en lang eller kort produktside best?
Det avgjørende er ikke lengden, men rekkefølgen på informasjonen. Det som trengs for å bestemme seg, bør stå i første skjermbilde, og detaljene bør komme nedenfor i ryddige seksjoner. For dyre og tekniske produkter gir lengre sider vanligvis bedre resultater.
03Øker det salget å vise lagerantall?
Reell og lav lagerinformasjon kan få kunden til å bestemme seg. Men å vise «siste stykke» hele tiden på alle produkter eller bruke falske tellere svekker tilliten. Vis opplysningen bare når den er sann.
Produktsiden er salgsdisken i nettbutikken din; hver detalj fra galleriet til leveringsinformasjonen bør gjøre kundens beslutning enklere eller raskere. For en rask og mobilvennlig side bygget rundt produktene dine kan du se tjenesten vår konseptdesign, og for hele butikken kan du ta en titt på nettbutikkløsningene våre.
