Kategorinavigasjon i nettbutikk ↗
Små sortiment trenger ofte en direkte produktliste. Større sortiment kan ha en kategoriinngang som hjelper kunder å velge retning.
Finn råd for oppgaven
du skal forbedre.
Søk etter et kundeproblem, velg en kjøpsoppgave eller utforsk artiklene som viser til et butikkdesign. Hver artikkel forklarer datakilden, begrensningene og hva du kan teste.
87 av 87 artikler
Søket bruker norsk og engelsk tekst. En designreferanse betyr ikke at alle funksjonene er implementert; les eksemplets avgrensning.
Søk, kategorier og produktlister ↗
22Produktsøk og nulltreff ↗
Et tomt søkeresultat bør gi relevante veier videre. Kunden trenger mulighet til å endre søket uten å starte hele besøket på nytt.
Kolleksjonsfiltre og variantmatching ↗
Vis aktive filtre og antall treff. Tillat flere valg innen samme filtergruppe, slik at for eksempel to farger kan passe samtidig.
Mobilfiltre med bruk og avbryt ↗
I et separat mobilfilter må kunden kunne gjøre flere valg og deretter bruke dem samlet, med en tydelig knapp som er lett å nå.
Produktkort med pris og viktige egenskaper ↗
Vis pris og viktige egenskaper på kortet. Samle varianter i ett produktkort og bevar kundens plass når de vender tilbake fra produktet.
Søketyper: navn, SKU, egenskaper og hjelp ↗
Et søk kan være et produktnavn, en egenskap eller et spørsmål om butikken. Vis et relevant svar for hver type.
Redigerbare søkeforslag med tastatur ↗
La kunden utforske forslag med tastaturet og redigere det markerte forslaget før søket sendes.
Brødsmulesti og tilbake til produktlisten ↗
Skill kategoriens plass i hierarkiet fra kundens forrige resultatliste. Et tilbakevalg bør bevare søk, filtre og sortering.
Produktsortering med riktig datagrunnlag ↗
Sortering skal passe kjøpsoppgaven. Pris, nyheter, popularitet og vurderinger krever hver sitt datagrunnlag.
Forsiden: vis hva butikken faktisk selger ↗
Vis ulike relevante innganger til sortimentet. Et stort kampanjebilde skal ikke få hele butikken til å se ut som én produktserie.
Navigasjonsnavn som kunden forstår ↗
Bruk navn på produkter og behov i navigasjonen. Kreative kampanjenavn trenger en forklaring på hva lenken inneholder.
Kategoriforside eller direkte produktliste? ↗
En kategoriforside skal hjelpe kunden å velge en meningsfull undergruppe, med en tydelig vei til alle produktene.
Mobilmeny med tydelige produktinnganger ↗
La produktkategorier være lette å finne når menyen åpnes. Lukking skal være like lett som åpning.
Synlig søk og en redigerbar søketekst ↗
Gi søkefeltet et navn, en send-knapp og den siste søketeksten. Kunden skal kunne forbedre søket uten å begynne på nytt.
Synonymer i produktsøk uten falske treff ↗
Knytt kundens ord til dokumenterte produkttyper og egenskaper. Et synonym skal utvide språkforståelsen, ikke finne på en funksjon.
Skrivefeil: foreslå retting, behold kundens søk ↗
Vis et gjenkjennelig rettingsforslag ved kjente skrivefeil. Behold originalteksten til kunden selv velger forslaget.
Søkeområde: produkter, hjelp eller hele innholdet ↗
Vis hvilket innhold søket gjelder. Kunden skal kunne utvide området uten å miste søketeksten.
Nulltreff med konkrete veier videre ↗
Forklar nulltreff uten å skylde på kunden. Tilby retting, et bredere område eller fjerning av begrensninger.
Filtre: OR innen en egenskap, AND mellom egenskaper ↗
Brun eller svart kan være to akseptable farger. Størrelse L og lagerstatus skal likevel gjelde den samme varianten.
Valgte filtre: oversikt og fjerning av ett valg ↗
Vis aktive begrensninger over resultatlisten med lesbare navn. Kunden skal kunne fjerne ett valg uten å nullstille alt.
Filterantall og nulltreff uten å fjerne kundens valg ↗
Antallet ved et filter skal forklare hva valget kan gi i nåværende kontekst. Behold allerede valgte nullverdier som mulige å fjerne.
Mer lasting og tilbake til samme produktliste ↗
Behold valgt filter, sortering og plass når kunden går tilbake fra et produkt. Ekstra lasting må ha en forståelig slutt.
Produktvalg, bilder og produktinformasjon ↗
20Produktbilder, miniatyrer og zoom ↗
Miniatyrbilder viser hva de ekstra bildene inneholder. Gjør dem tilgjengelige også på mobil, slik at flere bilder er lette å oppdage.
Farger, størrelser og variantvalg ↗
Synlige størrelsesknapper gjør tilgjengelige og utsolgte størrelser enklere å oppdage enn en lukket nedtrekksmeny.
Lagerstatus, utsolgt og restordre ↗
Midlertidig utsolgte produkter trenger en vei videre. Restordre kan være nyttig når virksomheten faktisk kan levere senere og forklarer forventningene.
Størrelsesguide og måltabell ved produktvalg ↗
En størrelsesbetegnelse alene gir lite grunnlag for å vurdere passform. Gi relevante mål og forklar hvordan de tas.
Enhetspris og pakkepris i produktlisten ↗
Når pakningsstørrelser varierer, vis både totalpris og en sammenlignbar enhetspris.
Produktsammenligning for tekniske kjøp ↗
En spesifikasjonstabell kan hjelpe ved tekniske kjøp. Bruk synlige valg og en tydelig oversikt over valgte produkter.
Produktinformasjon i synlige seksjoner ↗
Kjerneinformasjon bør være synlig eller ligge i tydelige vertikale seksjoner. Ikke gjem viktige detaljer i horisontale faner.
Produktbeskrivelser som forklarer bruk og begrensninger ↗
Del opp informasjonen etter spørsmålene kunden må besvare. Korte fakta hjelper mer enn en lang tekst med generelle løfter.
Retur og vilkår ved produktvalget ↗
Gi kunden en kort, forståelig vei til retur- og leveringsvilkår mens produktet vurderes.
Produktvurderinger med antall og tydelig datakilde ↗
Hvis reelle vurderinger finnes, vis både gjennomsnitt og antall. Ingen vurderinger betyr ukjent erfaring, ikke null stjerner.
Variantbilder som følger valgt farge ↗
Hovedbildet og variantnavnet skal vise samme valg. Et fargebytte må ikke stille kunden foran et gammelt bilde.
Fargenavn og størrelser som tekst, ikke bare symboler ↗
Vis et lesbart navn ved farge og størrelse. Fargeprøven er et tillegg til teksten, ikke en erstatning.
Utsolgte størrelser: forklar valget og neste mulighet ↗
Behold utsolgte størrelser synlige og forklar hvorfor de ikke kan velges. Restordre trenger egen tekst.
Produktbilder som forklarer størrelse og skala ↗
Suppler bilder med mål og en kjent referanse når størrelsen påvirker valget. Et pent utsnitt gir ikke automatisk skala.
Mobil bildezoom med tydelig lukking og fokus ↗
La kunden inspisere detaljer i et større bilde uten å miste produktvalget. Tilby en synlig lukkeknapp og tastaturvei.
Fra-pris og prisområde for varianter ↗
Vis hva en fra-pris betyr og oppdater til valgt variants pris. Ikke la en billig, irrelevant variant stå som kjøpets pris.
Produktvideo som tillegg til fakta og bilder ↗
Bruk video til å vise bevegelse eller bruk. Viktig informasjon må også finnes som tekst og stillbilder.
Spesifikasjoner med enheter og ukjent-verdi ↗
Vis tall sammen med enheten og forklar ukjent informasjon. Null betyr ikke det samme som manglende data.
Sammenligning: fremhev forskjeller uten å skjule pris ↗
La kunden skjule like egenskaper, men behold produktnavn, pris og forklaring på ukjente verdier.
Fast kjøpsknapp på mobil: behold variant og pris ↗
En fast kjøpsknapp må ha samme tilstand som produktvalget og ikke dekke informasjon eller fokus.
Handlekurv, checkout og betaling ↗
22Handlekurv: antall, fjerning og angre ↗
Pluss/minus kombinert med et tallfelt gjør antallsendringer enklere. Oppdater summen automatisk og la kunden angre når en linje fjernes.
Totalkostnad og frakt før checkout ↗
Fraktkostnad påvirker produktvalget. Vis et relevant estimat eller forklar tydelig hva som gjenstår, fremfor å skjule kostnader til siste steg.
Gjestecheckout uten påtvunget konto ↗
Gjestecheckout bør være lett å finne og bruke. Kontoopprettelse skal ikke være en nødvendig omvei for en kunde som bare vil kjøpe.
Frakt, hentested og lokal henting ↗
Vis alle tilgjengelige leveringsmåter der kunden velger levering. Forklar kostnad, sted og tidspunkt før kunden bestemmer seg.
Betaling: total, neste steg og status ↗
Vis total før betaling og bruk en knappetekst som beskriver neste steg. Betalingsvalg skal være tydelige, med forklaring når kunden forlater butikken.
Checkout-feil og gjenoppretting ↗
Ved en feil skal kunden beholde det de har skrevet og finne hva som må rettes. Forklar problemet ved feltet og gjør neste handling tydelig.
Leveringsdato, pris og hentetid ↗
En estimert leveringsdato gjør valget konkret. Kostnad og forventning bør være tilgjengelig før siste bekreftelse.
Checkout-felt for privatkunde og B2B ↗
Merk påkrevde og valgfrie felt. Vis ekstra felt først når kjøpssituasjonen trenger dem.
Relevant tilbehør i handlekurven ↗
Foreslå tilbehør som løser et konkret behov ved produktet kunden har valgt. Forklar sammenhengen og la kunden fortsette uten tillegget.
Rabattkoder med vilkår og forklaring ↗
Hold rabattkodefeltet ute av hovedoppgaven. Når kunden bruker det, forklar hvilke varer som er kvalifisert og hva rabatten endrer.
Kurv i skuff: redigering, sum og en tydelig utgang ↗
En skuff bør vise hva som ble lagt til og la kunden fortsette, redigere eller lukke. Ikke gjør den til en blindvei.
Endre størrelse eller farge direkte fra kurven ↗
La kunden korrigere en variant uten å fjerne varen og finne produktet på nytt. Behold antallet ved endringen.
Kontroller lager på nytt før checkout ↗
En lagret kurv er et ønske, ikke en lagerreservasjon. Forklar endret kjøpbarhet før kunden kan betale.
Fri frakt: forklar grense og unntak ved valget ↗
Vis både betingelsen og aktuell frakt. Et banner med fri frakt er utilstrekkelig hvis kjøpet ikke kvalifiserer.
Fraktestimat før kunden fyller hele checkout ↗
Gi tidlig informasjon om leveringspris og hva som kreves for et presist tilbud. Ukjent frakt skal ikke se gratis ut.
Rabattfeil med forklaring og beholdt kurv ↗
Forklar om koden er ukjent, utløpt eller ikke gjelder varene. Behold kurv og inntastet kode så kunden kan rette.
E-post i gjestecheckout uten påtvunget konto ↗
Forklar e-post som kontakt for kjøpet. Nyhetsbrev og kontooppretting er separate valg.
Autofyll og riktig tastatur i checkout ↗
Bruk standard feltsemantikk så nettleseren kan hjelpe med navn, e-post og adresse. Ikke lag egendefinerte felter uten behov.
Adressekontroll: skill format fra leverbar adresse ↗
Et gyldig postnummerformat beviser ikke at adressen finnes. Vis forslag fra en reell adressekilde som forslag, ikke stille retting.
Valgfrie felt og hvorfor påkrevde felt trengs ↗
Merk både påkrevd og valgfritt. Vis ekstra felt når kjøpet trenger dem, og forklar hvorfor data samles inn.
Betalingsfeil: trygg retry uten dobbeltordre ↗
Skill bekreftet feil fra ukjent eller avventende status. En timeout betyr ikke at betalingen mislyktes.
Gjennomgang med varer, levering og riktig total ↗
Vis valgt vare, antall, levering og total før siste handling. Endre-valget skal beholde det kunden allerede fylte inn.
Ordrebekreftelse og oppfølging ↗
6Ordrebekreftelse og neste steg ↗
Etter kjøpet kan kunden inviteres til videre engasjement uten å avbryte checkout. Forklar konkrete fordeler ved valgfrie handlinger.
Bekreftelse: status først, så ordre og neste steg ↗
Bekreft det som faktisk er kjent: ordre, betalingsstatus, vare, frakt og total. Tilleggstilbud kommer etter den informasjonen.
Ordresporing: skille klargjøring, sendt og levert ↗
Vis status og tidspunkt fra riktig kilde. En fraktetikett betyr ikke at transportøren har mottatt pakken.
Kundeservice med ordrekontekst og riktig mottaker ↗
Fortell hvem som kan hjelpe med kjøpet og hvilken referanse kunden bør oppgi. Ikke send kunden til feil plattformkontakt.
Returprosessen: valg, kostnad og faktisk status ↗
Forklar hvordan kunden starter en retur, hvilke varer som gjelder og hva som skjer videre. En forespørsel er ikke en refusjon.
E-postvalg: samtykke, forventning og avmelding ↗
Skill ordremeldinger fra frivillig markedsføring. Forklar hva påmelding betyr før kunden velger den.
SEO og innholdsstruktur for nettbutikk ↗
7SEO for nettbutikk: kategorier, titler og URL-er ↗
Én side bør løse én tydelig oppgave. Bruk lesbare titler, lenker og stabile kategoriadresser; ikke lag indekserbare sider for hver filterkombinasjon.
Kategori-SEO som hjelper kunden å velge ↗
Gi en kategori en tydelig tittel og nyttig innledning. Forklar hva som skiller utvalget før du legger til mer tekst.
SEO for filtre: nyttige landingssider uten URL-eksplosjon ↗
Behandle ad hoc søk og filtre som arbeidsverktøy. Kurater egne landingssider når kombinasjonen har varig kundeverdi.
Produktside-SEO: stabil identitet og korrekt informasjon ↗
En produktside trenger et beskrivende navn, stabil URL og riktig tilgjengelighet. Rik produktdata skal bygge på ekte varer.
Internlenker som forklarer neste relevante oppgave ↗
Bruk beskrivende lenketekst mellom kategori, artikkel og eksempel. Et klikk skal føre til innhold som faktisk løser oppgaven.
Bilde-SEO: beskrivelse, størrelse og riktig format ↗
Bruk relevante bilder med beskrivende alt-tekst og plass i layouten. Filformat skal støtte kvalitet og lasting, ikke fylle et søkeordkrav.
Paginering: lenker som virker uten klikkende crawler ↗
Hvis produkter eller artikler deles i sider, skal hver side kunne nås med en vanlig URL og lenke.
CRO, måling og ytelse ↗
6CRO og A/B-testing: hypotese, måling og beslutning ↗
Start med et observerbart kundeproblem. Velg en primær måling, en tydelig nevner og kvalitetskontroller før et eksperiment settes i gang.
Ytelse i nettbutikk: lasting, respons og stabilitet ↗
Mål om siden blir synlig, reagerer på kundens handlinger og holder elementer på plass. Hastighet må vurderes på faktiske enheter og kjøpsoppgaver.
Kjøpstrakt med tydelig nevner og bekreftet utfall ↗
Definer hvert steg som en observerbar hendelse. Skill et forsøk på checkout fra akseptert ordre og bekreftet betaling.
Eksperimentmålgruppe før resultater deles opp ↗
Definer hvem endringen gjelder før testen starter. Mobil, marked og ny kunde kan være relevante segmenter, men etterpåjakt skaper falske vinnere.
Skjev testfordeling: sjekk SRM før du tolker effekt ↗
Kontroller om observerte deltakertall stemmer med planlagt fordeling. Uforklart avvik kan gjøre et eksperiment upålitelig.
CRO-kvalitetsgrenser: margin, returer og feil ↗
Mål mer enn gjennomførte kjøp. En endring som øker feil, retur eller rabattkostnad kan skade virksomheten.
Tilgjengelige valg, skjema og dialoger ↗
4Dialoger: tastatur, Escape og tilbakeført fokus ↗
Åpning skal flytte fokus inn i dialogen, og lukking skal føre kunden tilbake til en meningsfull kontroll.
Tilgjengelige skjema med feltfeil og feilsammendrag ↗
Knytt label og feiltekst til feltet. Gi et sammendrag som peker til feilen, og behold gyldige opplysninger.
Redusert bevegelse uten å miste tilbakemelding ↗
Respekter redusert bevegelse for scrolling og ikke-essensielle overganger. Kunden skal fortsatt se hva som endret seg.
Trykkflater for farger, størrelser og kurvkontroller ↗
Gi små valg nok trykkflate og avstand. Den synlige fargeprøven kan være liten mens knappen er større.