7 tips for utforming av en bedre kasseside
Med høytiden rett rundt hjørnet, vil mange av oss handle på nettet. (OK ... kanskje mye shopping!) Kassesiden på et nettsted kan gjøre den opplevelsen en til å huske, eller en du skulle ønske du kunne glemme.
Hvis du designer en kasseside, er det så mange hensyn - funksjonalitet, brukervennlighet, sikkerhet og design. Det siste elementet er noe enhver designer kan ha innvirkning på. En kasseside skal ikke utformes som en ettertanke; det er uten tvil den viktigste siden i online shoppingopplevelsen.
Gjør det visuelt
Dette kan høres ut som en åpenbar idé, men kassesiden til en e-handelsside må være visuell. For mange nettsteder gjør det til en grunnleggende form.
Dette er viktig av flere grunner. En visuell forbindelse mellom kassesidene og resten av nettstedet gir merke til troverdighet. Hvis kassen siden ser ut som resten av siden, føles den trygg og som den hører til nettstedet. Visualer, fra logoer til elementer i handlekurven, hjelper brukerne å huske hvorfor og hvor de er på nettet. (Husk at store deler av verden er en ganske distrahert gruppe internettbrukere.)
Så hva slags grafikk bør du bruke?
- Bilder. Som et minimum skal hvert element være ledsaget av et ikon som viser hva brukeren kjøper.
- Logoer. Firmaets logo skal alltid være tydelig synlig (og klikkbar for å komme tilbake til resten av siden).
- Store knapper. Ring til handling som "Legg i handlekurv", "Oppdater vare" og "Kjøp nå", fargerike og visuelt tiltalende. Knappene skal være enkle å finne og gjøre at du vil klikke på dem.
- Farge. For mange kassesider er alle hvite med skisserte bokser. Det er OK å bruke farger. Vedlikehold fargeskjemaet for resten av nettstedet på kassen.
- Typografi. Teksten skal være enkel og lett å lese. (Folk pleier å "stole på" enkle serif eller sans serif-skrifter mer enn et skrift eller en nyhetstype.) Men du kan også ha det moro med større tekstelementer.
Inkluder betalingslogoer og sikkerhetssegler
Ta med grafikk som får brukerne til å føle seg bra når du handler med deg. Mens de fleste forstår at de kan betale med et kredittkort på nettet, forsterker denne ideen å ha små logoer ved siden av betalingsknapper.
Det er en liten, men likevel betryggende, visuell signal for brukere. Det kan bidra til å eliminere forvirring rundt hvilke typer betaling som aksepteres.
Bare husk å ta med logoer for alle betalingstyper. (For mange nettsteder husker kredittkortlogoer, men glem PayPal eller Apple Pay.) Hold bildene små og gruppere dem på en organisert måte. (Heldigvis for designere de fleste av disse elementene gjengir godt i små formater og har lignende størrelsesforhold.)
Vurder å designe eller laste ned et spesialt brukergrensesnitt sett med logoer for dette formålet. Du er ikke begrenset til aksjelogoer fra selskapet. Bare ikke bli for vill med designet; målet er at brukerne skal kjenne igjen logoene i en veldig liten størrelse på skjermen.
Vurder å forstørre bilder
Kassesider som lar brukerne få et siste blikk på varene i handlekurven er en flott bonus. Sveveeffekter som forstørrer hvert element i handlekurven eller en pop-up, kan gjøre det enkelt for brukere å se potensielle kjøp en siste gang og eliminere frustrasjonen over å måtte navigere tilbake for å sjekke farge eller størrelse.
Et annet alternativ er å lage store miniatyrbilder for elementer på kassen. Dette tilleggsbildet kan hjelpe en bruker med å bekrefte at det er shoppingvalget hennes og føle seg enda bedre med kjøpet.
For mange designere unnlater å ta med bilder i det hele tatt, noe som gjør det lettere å forlate en handlevogn. Tenk på det på denne måten, å ha et bilde i kassen tilsvarer det å stå i linjen i en fysisk butikk med en gjenstand i hånden. Det er ikke mange som ombestemmer seg på dette tidspunktet.
Bruk tabeller
Informasjon i handlekurven må organiseres til perfeksjon. Den enkleste måten å oppnå dette på er å designe vognen i form av et bord eller lignende nettbasert format.
Bruk kolonner og rader for å vise hvert element, et bilde, beskrivelse, mengde, pris og annen relevant informasjon. Elementer skal sorteres vertikalt i kolonner med annen informasjon i den tilsvarende raden. Denne sorteringsstilen er viktig for vogner med flere elementer, slik at brukerne ikke blir tvunget til å bevege seg over skjermene i stedet for opp og ned (noe som er mer behagelig).
Bruk jevn justering i hver tabell eller rutenett. Venstre er vanligst. Tenk på hvordan prisene justeres så bra som det er lett å se på skjermen. Ideelt sett bør prisene stille opp slik at tallene før og etter en periode er i samme posisjoner for hver vare.
Tenk på funksjonalitet
Selv om mye av den generelle funksjonaliteten til en kassesidesign kanskje ikke er direktivet om en designer, er det noe som må vurderes. (Enten designere eller utviklere lager disse konseptene kan variere etter team.)
Viktige funksjoner som trenger designelementer inkluderer:
- Kapasitet og enkel utskrift fra flere skjermer, inkludert før og etter kassen.
- Ta med ønskeliste-funksjonalitet eller en annen metode for å lagre elementer for senere kjøp. Gjør den informasjonen delbar.
- For mange kassesider blir mørke hull uten lenker tilbake til andre deler av shoppingopplevelsen. Ikke lås brukere på sider de ikke kan komme ut av.
- Tillat redigering av varer i kurven.
- Vurder et utskriftsmessig faktureringsalternativ eller -side. (Dette er spesielt viktig hvis kundene dine inkluderer forretningsklienter.)
- Gjør det enkelt for brukerne å forstå hvordan de kan endre, endre eller oppdatere bestillinger. Mange kassesider inneholder en mengdeteller ved siden av hvert element. Gjør det nummeret enkelt å redigere (og det skal oppdateres automatisk).
- Gjør det enkelt å opprette en konto etter kassen. Ikke alle kunder har handlet med deg før. Det skal være raskt og enkelt å gjøre et kjøp og deretter registrere seg for en konto. Covert salget først.
Nøkkelikoner skal vises på hver side
Når du tenker på kassesidedesign, starter det øyeblikket nettstedkonseptet begynner å inkludere et e-handelsalternativ. Enkelte designelementer må bæres gjennom hele nettstedet.
Legg til i handlekurv og kasse-sideikoner skal bæres gjennom hele designen. Knappene eller navigasjonselementene skal ha samme design (eller ganske like) som de tilsvarende handlingsknappene på kassen.
Husk mobilbrukere
En økende andel av salget skjer på mobile enheter i stedet for stasjonære datamaskiner. Tenk på utformingen av kassesiden din og brukervennligheten for disse kundene også. (Ingenting er mer frustrerende - og altfor vanlig - enn et nettsted som fungerer på en telefon frem til kassesiden.)
Design elementer med trykk og sveip i tankene. Knappene skal være større og lettere å se. Skjemaet skal inneholde dypere bokser, slik at de er enkle å tappe inn uten å måtte zoome inn skjermen.
Når det gjelder mobilbrukere, er det like viktig å holde alt på en enkelt side. Lag en kasseside som ruller frem for å bla gjennom flere skjermer.
Konklusjon
Å designe en kasseside kan være en stor oppgave for enhver designer. Nøkkelen er noe vi snakker om ofte i designmiljøet: Hold det enkelt. Design en enkel disposisjon med minimale effekter og fokus på brukervennlighet, og det er mer sannsynlig at du vil lykkes.
Husk brukeren når du tenker på kassesider. Forsøk å designe en side som har visuell appell, logoer for å veilede og informere brukere, mange bilder, en organisert layout, funksjon, ikoner for å veilede og fremme salg og et mobilvennlig grensesnitt.
Arkivbilder Med tillatelse fra det kreative markedet.
