Da jeg skisserte utformingen av en modell for en kaffebutikk i 2014, ga det mening å beskrive topptekst, startside, kategori og produktdetaljer nesten som byggeklosser: logo til venstre, handlekurv til høyre, filtre her, kjøpsknapp der.
Folks grunnleggende forventninger har ikke endret seg mye. Konteksten har: De fleste utforminger må fungere på mobil, tilbudene er mer komplekse, og hvert ekstra skript konkurrerer om hastighet og oppmerksomhet. Derfor anbefaler jeg ikke lenger å kopiere en utforming blindt. Jeg anbefaler å gå gjennom kundenes oppgaver.
Toppteksten skal orientere, ikke vise alle valgmuligheter
I toppteksten ser folk etter merkevaren, navigasjon, søk, konto og handlekurv. Alt trenger ikke ha samme tyngde. Prioriteringen endrer seg med katalogen og kjøpsfasen.
- Logoen leder hjem og har et forståelig tekstnavn.
- Søk er lett tilgjengelig der folk kjenner et produkt eller en parameter.
- Handlekurven viser statusen sin og forsvinner ikke etter at et produkt er lagt til.
- Kontakt eller hjelp er lett å finne uten å konkurrere med kjøpet.
- Menyen fungerer med berøring, tastatur og uten presis bruk av musen.
En skuffmeny kan være nyttig for en bred katalog. Med ti kategorier er den ofte bare et imponerende hinder. Google anbefaler å gjøre kategorier og produkter tilgjengelige gjennom vanlige navigasjonslenker; søk alene gjør kanskje ikke hele katalogen synlig for roboter. Prinsippene er beskrevet i dokumentasjonen om strukturen på e-handelsnettsteder.
Startsiden skal fordele trafikk, ikke fortelle hele katalogen
På startsiden må jeg raskt forstå hva butikken selger, hvem den er for, og hvor jeg skal fortsette. I stedet for en automatisk karusell foretrekker jeg én tydelig prioritet og flere stabile innganger til de viktigste kjøpssituasjonene.
Bestselgere kan være nyttige, det samme kan sesongkategorier, råd eller en grunn til å stole på butikken. Hver blokk må ha en oppgave. «Slik at siden ikke er tom» er ikke en oppgave.
En kategori hjelper med å snevre inn valget
En kategori er ikke SEO-tekst limt inn over et produktgitter. Den er et beslutningsverktøy. Navnet og den korte introduksjonen definerer tilbudet, filtrene snevrer det inn, og sorteringen hjelper med kundens situasjon.
- Navngi filtre med kundenes språk, ikke interne databasefelt.
- Vis aktive valg etter filtrering, og gjør dem enkle å fjerne.
- Vis viktige underkategorier som lenker, ikke bare som skriptverdier.
- Vis listedata som trengs for sammenligning; legg resten i detaljene.
- Et tomt resultat bør tilby en vei tilbake, ikke en blindvei.
Brødsmuler hjelper folk med å forstå hvor de befinner seg i katalogen, og kan hjelpe søkemotorer med å forstå hierarkiet. Hvis du bruker strukturerte data, bør du følge Googles gjeldende dokumentasjon om brødsmuler.
Produktdetaljene må besvare spørsmål både før og etter knappen
En synlig knapp for å legge i handlekurven er et grunnlag, ikke hele produktdetaljen. Før de bestemmer seg, trenger folk navn, pris, variant, tilgjengelighet, frakt, retur, fotografier og informasjon som står i forhold til kjøpsrisikoen.
For kaffe er opprinnelse, smak, brenning, vekt og tilberedning viktig. For en drill er spesifikasjoner, kompatibilitet og service viktigere. Det finnes ingen universell rekkefølge. Men det finnes et universelt spørsmål: Hva trenger kunden å vite for å kjøpe riktig variant og slippe å returnere den senere?
Anmeldelser bør være troverdige og gjelde det konkrete produktet. Anbefalte varer bør støtte valget, ikke lede noen bort fra et nesten fullført kjøp. En sosial knapp på en produktdetalj er fortsatt ikke en prioritet. Vi burde ha overlevd tiden da en liker-knapp var svaret på alt.
Handlekurven og utsjekkingen bør fjerne overraskelser
Handlekurven må tillate endringer av antall og variant, samt fjerning av produkter. Vis totalpris, frakt og leveringsdato så tidlig som mulig, ikke etter det tredje steget og registreringen.
Gjestekjøp er ofte et fornuftig standardvalg. Hvis en konto gir reell verdi, kan du tilby den etter bestillingen. Skjemaer trenger riktige etiketter, autofyll og feilmeldinger som forklarer hva som må rettes. Berøringsmålene må være store nok; det gjeldende kriteriet er beskrevet i WCAG 2.2 under Target Size.
Mål oppgaver, ikke knappens farge
A/B-testing kan være nyttig når en bedrift har nok trafikk, én hypotese og en avgjørende måleverdi. Ukentlige bannerendringer uten et tilstrekkelig utvalg er en lekeplass, ikke en pålitelig konklusjon.
Jeg følger med på bruk av søk og filtre, handlinger for å legge i handlekurven, skjemafeil, frafall i hvert steg, returer og spørsmål til kundestøtten. Jeg supplerer tallene med å observere mennesker og spørsmålene deres. Analyse viser hvor; et menneske forklarer ofte hvorfor.
Grunnlaget for målingen ligger i Google Analytics 4. Jeg går gjennom ytelseskontroller i Slik gjør du et nettsted raskere.
En nettbutikk trenger ikke å være original når det gjelder hvor handlekurven er. Den må overbevise kundene om hvorfor de skal kjøpe dette produktet her.
For argumenter på produkt- og salgssider kan du fortsette med Viktige elementer på en salgsside. Det komplette grunnlaget for nettstedet finner du i Slik starter du et webprosjekt.