10 tips for utforming av en flott nettbutikk

Gründere og murstein-og-mørtelforhandlere som ønsker å utvide til online shopping, har flere alternativer tilgjengelig for dem enn noensinne, men de har også flere hensyn til nettstedet og tekniske alternativer for å dechiffrere. Å bygge en effektiv nettbutikk har fortsatt nøkkelferdige leverandører, for eksempel Wix Stores, som kan gjøre det dukke opp din første tilstedeværelse raskt og enkelt. Men de som virkelig ser alvorlig med å vokse sine online virksomheter, vil oppdage at deres behov utvikler seg utover disse nøkkelferdige tjenestene ganske raskt.

Det er mange spørsmål du må svare på før noe faktisk dukker opp på nettet og deretter mye mer etter hvert som virksomheten modnes. Datainnsamling om kunder er et godt eksempel, og et stort spørsmål i dag, spesielt for alle butikker som ønsker tilgang til europeiske markeder. Valutakonvertering og ulik lov om netthandel er fortsatt tornete problemer i disse markedene, men nå må du også håndtere den generelle databeskyttelsesforordningen (GDPR), som krever en mye mer nøye håndteringsprosess for kundedata.

Transaksjonssikkerhet er et annet sentralt spørsmål fordi det betyr å balansere behovet for kundesikkerhet med hvor mange bøyler du vil kreve at de skal hoppe gjennom før de kan kjøpe. Uansett hvilke avgjørelser du tar for ditt vanlige nettsted, må du ha de samme diskusjonene for den mobile iterasjonen. For mens mobilitet absolutt var et av fjorårets elskede buzzwords, har de ekstra 12 månedene på ingen måte redusert betydningen.

Nåværende tenkning utpeker at nettbyggere først må designe mobilopplevelsen og deretter justere skrivebordsopplevelsen etter behov.

"Hvert element, hvert innhold, må være funksjonelt på mobilen, " sa Jimmy Rodriguez, Chief Operating Officer (COO) ved 3dcart. "Hvis du begynner fra bunnen av, designer du for mobil. Med responsiv design kan du bygge nettstedet for å starte på mobil og deretter ta det med til skrivebordet."

For å hjelpe deg med å designe din butikk for e-handel for både mobile brukere og stasjonære brukere, har vi samlet de 10 viktige tipsene nedenfor. Rodriguez anbefaler imidlertid at før virksomheter inkorporerer noen av dem i butikkene sine, skal de A / B teste disse funksjonene på spesifikke produktsider for å se hvordan de gjør det før de rullerer dem ut på hele nettstedet.

1. Sticky Header Navigation

Vi har alle vært der: Vi har rullet ned til bunnen av en produktside for å lese brukeranmeldelser eller produktdetaljer, og nå er vi klare til å forlate siden for å komme tilbake til menyen for å fortsette handleturen. Dessverre, for å komme tilbake til menyen, har vi vanligvis måttet klikke på "Page Up" -knappen på skrivebordstastaturene våre eller trykke øverst på skjermen på våre mobile enheter.

Når du blar nedover, endrer størrelsen og justerer menyen med klistrete hoder. Menyen følger deg under reisen for å beholde navigasjonen på skjermen hvis du raskt trenger å hoppe sider. Du kan se dette i kraft på Bose.com. Til tross for at du er midtveis på siden, kan du fremdeles få tilgang til sidens viktigste navigasjon uten å måtte dra tilbake til toppen av skjermen.

2. Hamburgermenyer

Selv om Hamburger-menyer høres ut som en funksjon som er best egnet for hurtigmatrestauranter, blir de raskt et must for selskaper som driver mye med mobilenheter. Du har sett dem før: Hamburgermenyer har blitt standard mobilikonet for mobilnavigasjon og menyer.

De har tre horisontale linjer som, når de trykkes, tilbyr en rullegardinmeny for navigering på et nettsted. De er spesielt nyttige på mobile enheter der eiendomsmegling på skjermen er på høyeste pris. Men vi begynner å se dem på stasjonære nettsteder, så forbrukere har en lignende opplevelse på bedriftsnettsteder uavhengig av enheten de bruker.

"Mange ser Hamburger-menyer og de vet hva det betyr, men de vet ikke at det i utgangspunktet er den nye standarden, " sa Rodriguez. "Mobil besøkende har lært betydningen av dette symbolet, og nettsteder bør omfavne det som en standard for mobilnavigering."

Du kan se en Hamburger Menu i øvre høyre hjørne av Target.com og på Targts mobilnettsted. Du kan også se den avbildet nedenfor.

3. Rulling av parallax

Parallax Scrolling, som er mindre funksjonalitetsfunksjon og mer en måte å forbedre nettstedets estetikk, drar fordel av store bannere som er fulle av bilder med høy oppløsning for å legge til et kunstnerisk preg på nettstedet ditt. Ved å dra nytte av store bilder i full bredde kan du skape en forskyvningseffekt mellom nettstedets bakgrunnsbilde og bildet som ligger rett foran forbrukeren.

Som du kan se på bildet nedenfor fra RimmelLondon.com, mens du blar nedover på siden, endres nettstedets bakgrunnsbilder. Endringen skjer imidlertid subtilt når bakgrunns- og forgrunnsbildene smelter sammen. Skjermdumpen nedenfor viser nettstedet akkurat i det øyeblikket bakgrunnsbildet endres fra lilla til rosa.

4. Uendelig rulling

Uendelig rulling høres mer ut som en torturteknikk enn det gjør en e-handelsfunksjon. Imidlertid lar dette fine verktøyet brukerne dine kontinuerlig se nye produkter uten å måtte klikke seg inn og laste inn en ny side. Slik fungerer det: Når du blar ned til bunnen av en e-handelsside, laster siden automatisk flere elementer nederst på siden. De er fremdeles katalogisert som sider på baksiden, men besøkende vet ikke det.

Du kan se en lignende funksjon på UnderArmour.com. Dessverre krever Under Armour at du klikker på "Last inn mer" -knappen for å se tilleggsinnhold. Noen nettsteder er utstyrt med en automatisk åpen mekanisme som vil vise deg mer innhold uten å kreve et klikk.

5. En flytende "Legg i kurv" -knapp

På samme måte som med Sticky Navigation-verktøyet, lar flytende "Legg i handlekurv" -knapper forbrukerne legge til produkter i handlekurven uansett hvor de er på produktsiden. Tidligere ville brukerne bla ned til brukeranmeldelser, produktdetaljer og andre elementer på nedre side, og for å legge produktet til i handlekurven, måtte de bla tilbake til toppen av siden. Nå lar selskaper som Diesel.com deg se produktets pris, mengde, fargevalg og bilde så vel som "Legg til i handlekurv" -knappen, uavhengig av hvor du er på produktsiden.

6. Bruk Fitts 'lov

Vi vil ikke kjede deg med matematikken bak Fitts Law, men det er egentlig en teori at jo større og nærmere et objekt er oss, jo mer sannsynlig er det at vi interagerer med det. Det samme grunnleggende prinsippet kan brukes på netthandel. Hvis du vil veilede brukere til produktsider, handlekurver og kampanjer, bør du gjøre knappene store, fargerike og så nær midten av siden som mulig.

Hvis du ignorerer Fitts Law og plasserer bittesmå, svart-hvite knapper langs skinnene eller nederst på sidene, kan du miste potensielle kjøpere. Ikke gjør denne feilen.

7. Vis kundeomtaler og attester

Du vil ikke at kunder kommer til nettstedet ditt, ser på produktene dine og deretter går til Amazon.com for å sjekke anmeldelser fra brukerne. Tross alt kan Amazon.com selge produktet billigere, eller kunden foretrekker kanskje Amazon.com shoppingopplevelse fremfor nettstedet ditt.

Hvis du gir kundene dine muligheten til å vurdere og vurdere produkter, vil du kunne avverge de forsiktige kundene som trenger forsikring om andre forbrukers meninger før du kjøper. De fleste e-handelsverktøy gjør rangeringer og anmeldelser enkle å implementere, så ikke skam deg fra å implementere denne praksisen.

8. En effektiv kundeservicedesk

Det å samhandle med kunden er avgjørende for suksess i detaljhandelen, og ingen steder er det enklere eller mer effektivt enn ved kundeservicetanken. Å ta skikkelig vare på en irriterende, misfornøyd eller til og med bare forvirret kunde, er en av de sikreste veiene for å gjenta virksomheten. Dagens servicedesk og helpdesk-applikasjoner gjør det enklere enn noen gang. Ved å bruke en av disse appene organiseres ikke bare kundeforespørsler, den lar deg også ta tak i kunde- og responsdataene som disse møtene genererer og rør dem til dine kundeforholdsadministrasjon (CRM), markedsføring og forretningsanalysemaskiner. Hvis du gjør dette, kan du følge med på hva kundene synes om butikken din og produktene.

Hvor du plasserer dine kundeserviceforankringer og berøringspunkter er viktig for den generelle kundeopplevelsen. Og om dette samspillet har form av en enkel kontaktside, eller går så langt som å åpne et chatvindu med alle som er igjen på nettstedet i mer enn 60 sekunder, er noe som avhenger av hvilke typer produkter du selger og gjennomsnittlig nettstedsbesøkstatistikk for butikken din.

Men å gjøre et kundeservicebord til en suksess handler om mer enn programvare. Du må sørge for at noen profesjonelle er der for å håndtere disse forespørslene, eller at det er en bortkastet investering. Kunder som har gått i bryet med å klikke på en "Kontakt kundeservice" -knapp, forventer å få litt livehjelp fra et faktisk menneske. Du kan administrere dette via telefonen eller via øyeblikkelig chat, en funksjon som blir mer vanlig hos helpdesk-tjenesteleverandører. Og hvis du er ansatt for ansatte, kan du fronte kundeserviceavdelingen med intelligente chatbots som "høres ut" menneskelig, samtidig som du kan håndtere en mengde innkommende forespørsler på et grunnleggende nivå, og bare avlevere de mer komplekse forespørslene til faktisk homo sapiens.

9. Kryss av brødsmuler

Når kunder sjekker ut av butikken din, liker de å vite hvor i prosessen de er, hvor langt fra de er ferdige og hvordan de enkelt kan gå tilbake uten å miste alle dataene de allerede har skrevet inn. Breadcrumb Checkout viser kundene nøyaktig hvor de er i prosessen ved å bruke en lineær navigasjonsknappdesign som lar forbrukere klikke fremover og bakover fra pålogging, betalingsalternativer, leveringsalternativer, bestill eller fortsette å handle. Uten denne utformingen kan forbrukere trykke på Tilbake-knappen, se at informasjonen deres ikke er logget, bli frustrert og deretter forlate nettstedet.

10. Visninger på 360 grader

Har du noen gang kjøpt en tilsynelatende beskjeden jakke på nettet bare for å innse at den har en bedazzled-rhinestone-rygg? Vel, da du returnerte dette produktet, kastet du bort din egen tid og leverandørens tid, og du kostet selskapet penger. Ikke bekymre deg, det var ikke din skyld. Mer enn sannsynlig hadde leverandøren bare bilder fra siden og fra siden av jakken. Hadde leverandøren tilbudt 360-graders visningsbilder, ville du sett disse rhinestones og klikket på Avbryt ordre-knappen.

Ikke gjør den samme feilen på din egen hjemmeside. I tillegg til å la kundene zoome inn på bilder, kan du gi dem muligheten til å rotere eller se flere vinkler på bildet, akkurat som Kenneth Cole.com gjør. På denne måten blir de ikke overrasket når de åpner leveringsboksen og trekker ut et produkt de ikke forventet.