portaldacalheta.pt
  • Põhiline
  • Veebi Kasutajaliides
  • Ui Disain
  • Andmeteadus Ja Andmebaasid
  • Vilgas
Brändikujundus

e-kaubanduse kasutajaliides - olulised disainistrateegiad ja põhimõtted



Kuna kogu jaekaubandusmaastik areneb jätkuvalt ja telliskividest ketid võitlevad on e-kaubanduse turg majanduskasvul valmis. Aastaks 2021 peaks e-kaubanduse müük maailmas kasvama rohkem kui 4,48 triljonit dollarit , mis on enam kui kahekordne 2017. aasta arv.

E-kaubanduse jaemüüjad ja disainerid, kellele pööratakse suurt tähelepanu kasutuskogemus ja järgima standardseid e-kaubanduse UX-i kujunduspõhimõtteid, et klientide ostuvoog saaks selle turu kasvu ära kasutada ja saada käegakatsutavat rahalist tulu.



Ostuvoog on kasutajate üldine teekond, mille korralik rakendamine toob kaasa suurema impulssostu, vähem ostukorvi hülgamise ja suurema üldise konversiooni.



Kasutaja teekond sisaldab:



  • Veebisaidi avastamine
  • Tooteotsing ja sirvimine
  • Toote leht
  • Ostukorv
  • Kassas
  • Kinnitamine

See artikkel käsitleb neid kasutajate põhipunkte ja seda, kuidas e-kaubanduse disainerid saavad muuta kliendi kogemuse nauditavaks, arusaadavaks ja probleemideta.

E-kaubanduse ux kliendi reisi etapid

Kasutaja teekonna etapid e-kaubanduse veebisaidi kujundus .



Veebisaidi avastamine

Paigutage kaubamärk selgelt

Külastajad moodustavad veebisaidi esmamulje nii vähe kui võimalik 50 millisekundit . E-poe veebisait peab köitma kasutaja tähelepanu, näidates selgelt ja kiiresti, mida ta müüb ja kuhu see kogu turule sobib.

Näiteks luksuslike ehete jaemüüja veebisait näeks välja ja tunduks tõenäoliselt hoopis teistsugune kui eelarveteadliku suure kasti poe sait. Kõrgklassi elektroonika jaemüüja Bang & Olufsen annab edasi oma brändi kvaliteeti, kasutades elegantseid fonte, keerukat värvipaletti ja klanitud tootepilte.



pood sihtlehe ux kujundus

Brändi positsioneerimine fondi, fotograafia ja kopeerimise abil Bang & Olufsen .

Kuva asjakohased kutsed tegevusele

Kui kasutaja saabub avalehele, tervitage teda õigeaegse sisu ja konkreetsete kutsetega tegevusele (CTA). Suur bänneripilt, mis vastab praegusele hooajale või konkreetsele sündmusele, koos sobiva CTA-ga aitab kasutajal liikuda ostuprotsessi järgmise sammu juurde. CTA-de loomisel vältige üldisi väljendeid nagu alustamine, mis ei ütle kasutajale selgelt, mis edasi saab.



Polaroid lõi pühade ajal tõhusa CTA, aidates kasutajatel, kes kinke ostis. Üldise fraasi asemel kasutas Polaroid sõna „Poekingitused“, tehes selgeks, et kasutaja viiakse kinkide soovitustega saidi piirkonda.

pood üleskutse tegevusele

Polaroid näitab avalehel kingituste ostmiseks CTA-d.



Rätsep SEO-ga seotud sihtlehed

Ühendades kasutaja otsinguterminid otsingumootoritest, nagu Google, konkreetsete sihtlehtedega, saavad e-kaubanduse jaemüüjad haarata kasutajaid, kelle ülesanne on leida konkreetne toode.

Kui kasutaja midagi otsib, on tõenäoline, et ta soovib seda osta. Kohandatud loomine sihtleht tavaliste tooteotsingutingimuste korral suurendab jaemüüja võimalust müüki haarata (ja võib-olla ka uus klient). Kirjaettevõte Paber teeb seda hästi spetsiaalselt pulmakutseteks loodud lehega, mis kuvatakse Google'i otsingutulemites.



Mobiilse poodide sihtleht

- spetsiaalne pulmade kirjatarvete sihtleht Paber .

Tooteotsing ja sirvimine

Pakkuge kohapealset otsingut

Ehkki see võib tunduda üsna elementaarne, ei paku paljud saidid ikkagi üldist saidiülest otsingut või kui pakuvad, pole see korralikult optimeeritud. Aga kohapealne otsing on põhiline tugeva e-kaubanduse ostukogemuse saamiseks.

Vastavalt Invesp , 60% veebiostudest on mitte impulsiivne. Inimesed teavad sageli, mida nad otsivad, ja päringu sisestamine e-poe veebisaidi otsinguribale - näiteks toote nimi või mudeli number - on palju kiirem kui menüüvalikute sirvimine.

Lisafunktsioonid, nagu ennustav otsing või automaatne täitmine, aitavad kasutajatel valikuid kiiresti näha. Apple kasutab seda taktikat otsinguväljaga, mida värskendatakse dünaamiliselt toodete kiir linkide ja populaarsete soovitatud otsingute abil.

poodide otsinguvälja

Otsingu rakendamine Apple .

Inspireerige külastajaid avastamisrežiimis

Kuigi paljudel ostjatel on ostmiseks meeles mõni konkreetne kaup, pole kõik külastajad nii kindlad. Nielsen Normani sõnul on viit tüüpi e-kaubanduse ostjaid , millest üks on „brauser”. Brauserid ei pruugi otsida midagi konkreetset. Pigem vaatavad nad rahulikult ringi, kas leiavad midagi huvitavat.

e-kaubanduse veebisaidid saab toetada ostjat avastamisrežiimis, näidates neile uusi või enimmüüdud tooteid ning võimaldades neil hõlpsalt ja kiiresti näha tootekategooriaid.

Etsy kaasab brausereid, näidates neile seda, mis on praegu populaarne, ja kuvades selgelt üldised tootekategooriad nii navigeerimis- kui ka avalehe sisus.

pood ux - toote avastamine

Etsy aitab kasutajatel lisaks kategooriate kuvamisele avastada ka populaarseimat.

Kasutage filtreid ja lihvitud otsingut

Lihtne otsing kasutab filtreerimist ja viib selle ühe sammu kaugemale, võimaldades kasutajatel valida korraga mitu atribuuti.

Filtrite loomisel lisage müüdavatele toodetele spetsiifilised filtrid selle asemel, et piirduda valikute üldiste kriteeriumidega, nagu suurus, värv või hind. Need filtrid võivad olla näiteks rõivaste sobivus või kangas, kutsed fontide või sündmuste jaoks ning vidinate jaoks ekraani suurus või protsessor.

Kui kasutaja filtreid rakendab, peaks kasutajaliideses olema kohe näha, milliseid filtreid on rakendatud. Samuti peaks kasutaja saama hõlpsalt rakendatud filtrid eemaldada.

ASOS näitab üksikasjalikku filtrite vahemikku iga kategooria jaoks ja näitab selgelt, milliseid filtreid on rakendatud.

Mobiilse poodide filtreerimine

Kategooriaspetsiifilised filtrid ASOS .

Toote leht

Esmaste toimingute kuvamine selgelt

Kasutaja ei tohiks kunagi mõelda, kuidas teha midagi olulist, näiteks panna toode oma ostukorvi. Esitage peamised toimingud nagu „Lisa ostukorvi” või „Osta kohe” nuppudena ja asetage need ülejäänud sisu suhtes ekraanil silmatorkavasse kohta.

Kodukaupade jaemüüja Lowe’s annab kasutajale teada, kuidas toodet lehe ühe silmapaistvama asjana suure rohelise nupuga oma ostukorvi lisada.

pood ux parimad tavad silmapaistvalt kuvatud esmane tegevus

Lowe’s näitab suurt rohelist nuppu „Lisa ostukorvi“ esmast toimingut.

Esitage üksikasjalik teave toote kohta

Näidake kvaliteetseid ja professionaalseid fotosid ning üksikasjalikke kirjeldusi, mis aitavad ostjatel toodet mõista.

erakinnisvara investeerimisfirmad

Kasutage järkjärguline avalikustamine ja visuaalne hierarhia, et anda kasutajale õige kogus teavet, kui ta seda vajab. Andke neile kohe kõige olulisem teave, seejärel lisage üksikasjad lehele allpool kasutajatele, kes soovivad lisateavet saada.

Pikkade kirjelduste jagamine osadeks; näiteks ülevaade, suurused / mõõtmed, üksikasjalikud funktsioonid ja saatmisteave. Laiendamise / ahendamise navigeerimise kasutamine täiendavate jaotiste jaoks, nagu Myprotein aitab kasutajal end ülekoormatuna hoida.

Mobiilne pood ux - tootekirjeldus

Toote kirjeldus on korraldatud jaotises laiendatavad jaotised Myprotein .

Looge klientide usaldus

Vältige klientide arvamusi saatmisvõimaluste, toodete saadavuse ja tagastamiseeskirjade kohta. Veenduge, et kogu see teave oleks hõlpsasti kättesaadav, mis suurendab klientide usaldust ja võib aidata ebakindlat klienti ostu poole tõsta. Teadmine, kas ja kuidas nad midagi tagastada saavad, aitab neil langetada teadlikumaid otsuseid.

ASOS kuvab igal tootelehel selgelt olulise saatmis- ja tagastusteabe, kasutades modalit, millele pääseb juurde iga toote nime all olevalt lingilt.

pood ux - saatmis- ja tagastuspoliitika

ASOS näitab saatmis- ja tagastusteavet moodulis, mis on lingitud toote üksikasjade lehelt.

õppige c++ või c

Lisage sotsiaalne tõend

Sotsiaalne tõestus on mõiste, mis tähendab, et inimesi mõjutab teiste käitumine. Kontseptsioon on osa Dr Robert Cialdini oma (mõjutusteaduse juhtivteadur) veenmise põhimõtted ja on tõestatud, et see töötab.

E-kaubanduse jaemüüjad saavad sotsiaalsete tõenditega tugevdada ostjate usaldust, lisades klientide hinnanguid, ülevaateid ja kommentaare. Tooted sisse lülitatud Amazon sageli on tuhandeid ülevaateid ja kasutajad saavad neid sortida tärnide taseme järgi.

pood ux klientide ülevaateid

Toodete ülevaated veebisaidil Amazon .

Ostukorv

Kuva selge tellimuse kokkuvõte

Enne ostja ostu lõpetamist näidake neile selget ja ülevaatlikku tellimuste kokkuvõtet, mis sisaldab ostetud esemeid, iga kauba kogust ja hinda ning tellimuse kogusummat. Lubage kasutajal redigeerida üksusi, mida nad soovivad värskendada või kustutada, ja vältige saatmiskokkuvõtte lisamisega üllatusi saatmiskulude eest.

Modist näitab nii selget tellimuse kokkuvõtet kui ka kviitungit. Kasutaja saab hõlpsasti hallata valitud üksusi (teisaldada soovinimekirja, eemaldada, muuta kogust) ja näha nii kokkuvõtet kui ka üksikasjalikku jaotust saatmise ja maksude kohta.

Mobiilne pood ux poekott

Tellimuste ülevaade ja üksikasjalik jaotus Modist .

Kassas

Luba kasutajatel külalistena välja registreerida

Impulssostud esindavad peaaegu 40% kogu e-kaubanduses kulutatud rahast. Kõrvaldage konto loomise või sisselogimisega seotud täiendavad takistused, võimaldades ostjatel end külalistena registreerida. Külalisena väljaregistreerimise käigus võib konto loomiseks vajalik lihtne integreerimine muuta mõne külalise konto kasutajaks.

Aesop võimaldab kasutajatel hõlpsasti külalistena registreeruda, andes samas võimaluse sisse logida või registreeruda. Mitme valiku pakkumine ühes vormis eemaldab potentsiaalsed ostu blokeerijad neile, kes soovivad kiiresti tasuda, kuid annab ka võimaluse registreeruda soovivatele kasutajatele.

pood ux sisselogimine

Aesop sisselogimisekraan valikuga „Jätka külalisena”.

Pakkuge kassasse visuaalset tagasisidet

Edenemisriba lisamine aitab klientidel mõista, kus nad on kassas ja kui palju on neil veel täita.

Apple näitab kasutajale protsessi kõiki etappe ja võimaldab neil toimingulinkide abil liikuda sammude vahel. Edusammud salvestatakse, nii et kasutaja ei kaota sammude vahel liikudes midagi.

pood ux checkouti edenemisriba

Apple on samm-sammult kassas edenemisriba.

Kasutage tavalisi makseviise

Lisaks peamiste krediitkaartidega maksmise lubamisele lisatakse ka muid populaarseid makseviise nagu PayPal võib suurendada konversiooni ostjate jaoks, kes ei soovi oma krediitkaardiandmeid üle anda.

Hollandis ideaalne kasutatakse sageli e-kaubanduse tehinguteks ja 60% Hollandi tarbijatest on seda hiljutises ostus kasutanud. Rõivaste jaemüüja Šoti ja sooda võimaldab ostjatel iDEALi ja PayPali kaudu järele vaadata.

pood maksevalikud

Erinevad makseviisid aastal Šoti ja sooda Kassas.

Tellimuse kinnitus

Kuvage üksikasjalik tellimuse kinnitus pärast ostmist

Kui klient on ostu lõpule viinud, andke talle kinnitus, mis sisaldab edukat maksetöötlust ja kohaletoimetamise üksikasju, nagu aadress, kohaletoimetamise viis ja eeldatav kohaletoimetamise kuupäev.

See mõiste Amazoni kinnitusmeilis kuvatakse tellimuse number, antakse ülevaade ostetud kaupadest, antakse saatmiskuupäev ja mõned soovitused edaspidisteks ostudeks.

pood ux tellimuse kinnitus

Tellimuse kinnitamise e-posti idee poolt Drew Christiano .

Saada tellimuse ja saatmise värskendused e-posti teel

Lisaks kinnitusekraanile aitab kinnitusmeili saatmine hoida kasutajat ostu olekuga kursis. Kuigi kõik kliendid peaksid saama e-posti teel kinnituse, on see eriti kasulik juhtudel, kui kasutajad on end külalistena registreerinud ja neil pole veebisaidil oma varasemate tellimuste kontrollimiseks kontot.

Kui tellimusega midagi muutub, näiteks tarneviivitus, saatke värskendus. Kui toode on tarnitud, saatke jälgimisnumbriga värskendus e-kirjaga.

Kokkuvõte

Selle artikli põhimõtted pakuvad kasutajate teekonna puutepunktide baasjoone e-kaubanduse disainer peaks järgnema, kuid see on alles algus. Mobiilse e-kaubanduse UX-i kohta lisateabe saamiseks külastage aadressi e-pood mobiilse kasutuskogemuse jaoks või lugege lisateavet sihtlehe kujunduse kohta Kuidas kujundada tõhusaid sihtlehti .

Kasvav e-kaubanduse turg pakub jaemüüjatele palju võimalusi. Need, kes tunnistavad UX-i tähtsust ja järgivad parimaid tavasid e-kaubanduse kasutajateekonnal, võivad jääda konkurentsivõimeliseks ja mõjutada positiivselt nende põhirida.

• • •

Lisalugemine ApeeScape'i disainiblogist:

  • Silmapaistvad e-kaubanduse suundumused ja nende mõju disainile (koos infograafikaga)
  • e-kaubanduse kasutajaliides mobiilse kasutuskogemuse jaoks
  • e-kaubanduse UX - ülevaade parimatest tavadest (koos infograafikaga)
  • E-kaubanduse veebisaidi kujundamise ülim juhend
  • E-kaubandus on ümber kujundatud: kuidas väiksemad muudatused muutsid olulisi kasutajaliidese täiustusi

Põhitõdede mõistmine

Mis on e-kaubanduse jaemüüja?

E-kaubanduse jaemüüjad on veebipoed, mis on lisanud klientidele võimaluse veebisaidi kaudu tooteid sirvida ja osta.

Mis on e-kaubanduse veebisaidi eelised?

Veebipoodide suurenenud ja prognoositava kasvuga saavad jaemüüjad, kes järgivad peamisi e-kaubanduse UX-i kujunduspõhimõtteid, tohutut turukasvu ära kasutada.

Mis on üleskutse veebisaidil?

E-kaubanduse veebisaidi üleskutsed aitavad ostjal ostuprotsessi juhtida. Neid kuvatakse sageli nuppudena.

Ettevõtte lähtepunkt: andmeteadus ja tehisintellekt

Innovatsioon

Ettevõtte lähtepunkt: andmeteadus ja tehisintellekt
Scala.js kasutamine koos NPM-i ja Browserify-ga

Scala.js kasutamine koos NPM-i ja Browserify-ga

Tagumine Ots

Lemmik Postitused
Raha kogumise pigi teki kunst
Raha kogumise pigi teki kunst
Amazon vs. Walmart: Bezos läheb kogu toiduainete omandamisega jugulaarseks
Amazon vs. Walmart: Bezos läheb kogu toiduainete omandamisega jugulaarseks
Bootstrapped: kaugettevõtte ehitamine
Bootstrapped: kaugettevõtte ehitamine
Bootstrapi kasutamine ja .NET-projektide loomine
Bootstrapi kasutamine ja .NET-projektide loomine
Kuidas luua meilisõnumite analüüsi bot: NLP-õpetus.
Kuidas luua meilisõnumite analüüsi bot: NLP-õpetus.
 
Kommunikatsioonidirektor
Kommunikatsioonidirektor
Kuidas vältida funktsioonide libisemist kasutajalugude parimate tavade abil
Kuidas vältida funktsioonide libisemist kasutajalugude parimate tavade abil
Täpsem Git-juhend: Git Stash, Reset, Rebase ja palju muud
Täpsem Git-juhend: Git Stash, Reset, Rebase ja palju muud
Disainihariduse tähtsus
Disainihariduse tähtsus
KPI-d edu saavutamiseks - ülevaade projektijuhi jõudlusmõõdikutest
KPI-d edu saavutamiseks - ülevaade projektijuhi jõudlusmõõdikutest
Lemmik Postitused
  • seotuse ja suletuse põhimõtted illustreerivad seda kõige paremini
  • kuidas luua kontoplaani
  • php rest api näidiskood
  • php näitab kõiki postituse andmeid
  • mis on jõudluse häälestamine SQL-serveris
Kategooriad
  • Veebi Kasutajaliides
  • Ui Disain
  • Andmeteadus Ja Andmebaasid
  • Vilgas
  • © 2022 | Kõik Õigused Kaitstud

    portaldacalheta.pt