105 Sfaturi UX pentru comerțul electronic: Cum să seduci vizitatorii să cumpere

Oamenii obișnuiți vă vizitează magazinul și pleacă pentru că nu au găsit ceea ce își doresc.

Ai nevoie de mai mult decât de topul pe Google. Oamenii trebuie să poată naviga la produsul pe care îl doresc și să aibă suficientă încredere în tine pentru a cumpăra. UX-ul tău de comerț electronic (experiența utilizatorului) ar trebui să se concentreze pe creșterea încrederii vizitatorilor, ajutându-i să-și atingă obiectivele.

Potrivit Nielson Norman Group, o firmă de cercetare a experienței utilizatorului, există peste 800 de bune practici pentru utilizarea comerțului electronic. Dacă nu aveți miliarde de dolari de cheltuit pentru dezvoltare, nu veți îndeplini toate liniile directoare. Această postare este plină de sfaturi și exemple, astfel încât să vă puteți îmbunătăți designul UX pentru comerțul electronic și să obțineți mai multe conversii.

Să defalcăm cele mai bune practici de bază în funcție de tipul de pagină. Consultați acest articol pentru sfaturi despre mobil ux.

Pagina de pornire Sfaturi UX care construiesc încredere dintr-o privire rapidă

Pagina ta de pornire primește cel mai mult trafic. Faceți evident că vindeți produse. Gândește-te la pagina ta de pornire ca la fereastra magazinului tău. Gândește-te la Macy's pe Magnificent Mile. Îmbrăcați-vă pagina de pornire cu cele mai bune produse și imagini. Un lucru pe care nu-l vezi niciodată la Macy's este rochiile diferite care trec una câte una pe fereastră. Aici vorbesc despre glisoare. Dacă trebuie să le utilizați, asigurați-vă că sunt ușor de utilizat.

Cele mai bune practici pentru zona eroilor

Zona dvs. de eroi (numită și zonă recomandată) este cea mai proeminentă proprietate imobiliară de pe pagina dvs. de pornire. Ai doar 50 de milisecunde pentru a lăsa o impresie bună, iată cum să o faci să conteze.

Zona eroului

1. Folosiți un design simplu, neaglomerat. Folosiți cât mai puține cuvinte posibil.
2. Eliminați tot ceea ce nu are impact. De exemplu, postările dvs. recente pe blog.
3. Folosiți cozi vizuale precum culoarea sau săgețile pentru a concentra atenția asupra unui singur îndemn.
4. Fă-le oamenilor să se identifice mai ușor. Vindeți jachete scumpe pentru femei?

Zona Eroilor Nu

1. Decora. Vârtejurile, sclipirile și alte simboluri fără sens adaugă încărcăturii cognitive și distrag atenția clienților.
2. Au conținut învechit, cum ar fi promoțiile de săptămâna trecută sau chiar de luna trecută. Îți vei pierde instantaneu credibilitatea.
3. Aglomerați zona cu prea multe mesaje sau promoții.
4. Aveți un glisor sau un carusel care avansează automat.
5. Subliniați un produs care nu este reprezentativ pentru mixul dvs. general.

Navigare în pagina principală

Când oamenii vă vizitează site-ul, doriți să îi ajutați să găsească pentru ce au venit. Potrivit expertului în conversii, Tim Ash, obiectivul principal al paginii dvs. de pornire este de a oferi navigare la nivel de categorie. Urmați aceste indicații pentru a ajuta vizitatorii să găsească ceea ce caută.

Pagina de pornire Navigare

1. Oferiți vizitatorilor o „vizualizare de 30.000 de picioare” a ceea ce vinde site-ul dvs., astfel încât să poată detalia anumite categorii.
2. Adăugați cele mai utilizate instrumente sau ghiduri de cumpărare.
3. Furnizați link-uri către paginile privind politica de returnare, serviciul pentru clienți, expedierea și confidențialitatea.

Pagina de pornire Navigare

1. Să presupunem că știi ce caută oamenii.
2. Blocați fiecare categorie și subcategorie pe pagina dvs. de pornire.
3. Împingeți promoțiile la nivel de produs. Dacă aveți doar câteva produse, puteți ignora acest lucru.
4. Utilizați fotografii de stoc generice. Asta țipă neautenticitate.

Navigare: Fundamentul UX

Navigarea este critică atunci când aveți o mulțime de categorii, produse variabile sau produse cu multe opțiuni. Nimic nu este mai frustrant decât un meniu greoi. Cu cât oamenii pot găsi mai repede ceea ce își doresc, cu atât mai repede îi puteți trece la procesul de finalizare a comenzii.

Scopul unui meniu de navigare este de a duce oamenii acolo unde doresc. Iată o detaliere a ceea ce ar trebui să vă adresați:

Meniul de navigare principal

1. Limitați meniul de sus la 7 opțiuni.
2. Utilizați o navigare secundară din dreapta sus pentru articole precum „Contactați-ne”
3. Utilizați un meniu cu mai multe coloane care organizează categorii și subcategorii.
4. Afișați imagini de înaltă calitate ale produsului dvs.
5. Faceți meniul de navigare vizibil cu culori contrastante.
6. Încrucișați produsele în mai multe categorii. Cineva care caută o unitate USB poate căuta sub Laptop, Accesorii sau Computere.

Meniul de navigare principal Ce nu

1. Aveți un singur drop-down care ocupă o coloană lungă.
2. Afișați linkul paginilor de categorii goale la navigația principală.
3. Supraclasificarea produselor. Dacă există un singur produs într-o (sub)categorie, eliminați categoria și reclasificați produsul.
4. Nu utilizați opțiuni vagi precum „mai mult”.

Meniuri Coș de cumpărături

Un meniu de coș este probabil ultimul buton pe care îl va face clic pe utilizator înainte de a scoate cardul de credit. Nu privi peste această pictogramă minusculă.

Coș de cumpărături Meniu Do's

1. Afișați prețul total și numărul de articole din coș.
2. Link către pagina coșului de cumpărături unde pot vedea detaliile conținutului lor

Meniul coșului de cumpărături

1. Înlocuiți un „caruț mini” cu un cărucior plin. Site-ul dvs. de comerț electronic are nevoie de o pagină de coș, nu doar de un widget pentru coș.
2. Conectați-vă direct la o pagină de plată care nu afișează fiecare detaliu al produselor din coșul de cumpărături.

Căutare

Mulți utilizatori opresc cu totul meniul de navigare și se bazează pe căutare/căutare fațetă pentru a detalia în continuare. Căutarea fațetă se poate complica rapid. Din punct de vedere al dezvoltării și costurilor, dar și din perspectiva utilizatorului. Urmați aceste instrucțiuni pentru a menține lucrurile simple și utile.

Căutați

1. Utilizați o casetă de câmp de text deschisă în partea de sus a fiecărei pagini.
2. Utilizați căutarea fațetă atunci când există peste 20 de produse într-o categorie.
3. Filtrarea după preț, culoare, dimensiune sunt opțiuni de căutare fațete de bază.

Căutați nu

1. Utilizați textul de completare la intrarea căutării. Lăsați necompletat sau spuneți „Căutați”.
2. Folosiți opțiuni subiective de filtrare, cum ar fi „greutate” sau „ușoare”.

Pagini de categorii: Aduceți cumpărătorii cu un pas mai aproape

Paginile de categorii pot fi puțin complicate. Vrei să te asiguri că conținutul nu este prea subțire. Zone suplimentare de text pot face minuni cu clasamentele Google, dar prea mult text poate deruta clientul.

Având în vedere interogarea de căutare, „costum de baie”, rezultatul de la Macy's este extrem de relevant. Este ușor pentru un utilizator să rafineze și mai mult ceea ce caută.

Păstrați dezordinea de navigare prin categorii

Fii selectiv cu privire la subcategorii pe care le prezinți pe pagina ta de categorii. Macy's ar fi putut arăta poze cu costume de baie roz, costume de baie negre, dintr-o bucată, din două piese etc. Dacă ar fi prezentată fiecare opțiune, cumpărătorii ar fi paralizați de numărul de opțiuni. De asemenea, nu doriți ca oamenii să confunde pagina dvs. de categorie ca fiind o pagină slabă de listare a produselor.

Categorii de navigare

1. Folosiți o mulțime de spațiu alb și text limitat.
2. Descrieți subcategorii în cât mai puține cuvinte posibil, dar fiți specific.
3. Utilizați imagini pentru a reprezenta subcategorii principale în mod corespunzător.
4. Folosiți doar text pentru a reprezenta categorii mai puțin populare.
5. Aveți o categorie de părinte dacă utilizați un meniu mega sau drop-down.

Navigare prin categorii Nu

1. Afișați imagini irelevante.
2. Bazează-te doar pe text.
3. Utilizați text în mai multe culori.
4. Împingeți puternic promoțiile.
5. Utilizați nume de produse pentru subcategorii.

Pe site-ul Target. trebuie să cauți foarte greu pentru a găsi „costume de baie pentru juniori”.

Conținutul paginii categorie

Paginile de categorii nu trebuie să fie subțiri în ceea ce privește conținutul. Cercetarea cuvintelor cheie vă poate ajuta să înțelegeți întrebările arzătoare ale cumpărătorilor. Folosiți acele cuvinte cheie pentru a răspunde întrebărilor frecvente despre linia dvs. de produse.

Categorie Conținutul paginii

1. Concentrați-vă pe nevoile cumpărătorului dvs.
2. Utilizați cuvinte cheie semantice pentru a completa cuvântul cheie principal.
3. Adresați întrebări frecvente legate de categorie.

Conținutul categoriei Nu

1. Puneți blocuri mari de copii în partea de sus a paginii.
2. Folosiți din nou cuvântul cheie principal.
3. Folosiți imagini irelevante. Îți vine să crezi fotografia cu costumul unui bărbat de pe pagina cu costumul de baie a lui Target?
4. Pune text în imagini.

Pagini cu liste de produse: informează și creează încredere

Sunt șocat de câte pagini cu lista de produse sunt subțiri în conținut. Paginile de listare a produselor Best Buy sunt bogate în conținut și ușor de utilizat. Pagina lor ilustrează multe dintre cele mai bune practici. Pagina de listare a produselor Best Buy face posibilă efectuarea conversiei fără a vizita chiar pagina produsului. Paginile cu liste de produse de comerț electronic trebuie să ofere informații esențiale despre produs, cum ar fi: imagine, preț, opțiuni și disponibilitate. Lasă aceste pagini să vândă ceva pentru tine.

Conținut SEO pentru paginile cu listare de produse

Copie prietenoasă cu utilizatorul va fi în mod natural SEO prietenoasă. Vrei ca oamenii (și Google) să înțeleagă clar conținutul paginii tale. De asemenea, doriți să navigați ușor oamenii din această pagină dacă nu văd ceea ce doresc.

Conținut SEO Do's

1. Utilizați cuvintele cheie cele mai relevante și cu cea mai mică dificultate în titlul paginii și eticheta h1. Citiți mai multe despre cercetarea cuvintelor cheie.
2. Utilizați cuvinte cheie suplimentare într-un scurt rezumat al categoriei.
3. Dacă sunt necesare informații suplimentare, puneți-le sub listele de produse.
4. Utilizați breadcrumbs pentru a ajuta utilizatorii să navigheze și să distribuie PageRank în paginile dvs. de categorii.
5. Afișați prețurile și opțiunile.
6. Furnizați o prezentare generală a produsului, dacă există un buton de adăugare în coș.

Conținut SEO Nu

1. Încărcați prea mult conținut înainte ca produsele să fie listate.
2. Folosiți nume drăguțe sau figurative pentru produse. Dacă vindeți pantofi pentru copii, nu spuneți „George” sandalelor maro.

Navigare cu liste de produse

Odată ce un utilizator are o idee despre ce vrea să cumpere, va cumpăra pagina dvs. de produse. Precizați că au mai multe opțiuni și pagini pentru cumpărături. Vrei să caute în continuare dacă nu văd ce vor pe prima pagină.

Navigarea în pagină cu liste de produse

1. Afișați numărul de pagini înainte și după listele de produse.
2. Afișați numărul total de produse din categoria respectivă.
3. Permite utilizatorilor să sorteze după: preț,
4. Permiteți utilizatorilor să sară la anumite pagini din rezultate.

Navigarea în pagină cu liste de produse Nu

1. Faceți utilizatorii să facă clic pe săgeți pentru a schimba paginile.
2. Să presupunem că oamenii vor derula înapoi în sus sau vor face clic pe butonul „Vedeți tot”.
3. Utilizați fotografii mici sau neclare ale produselor.

Pagini de produse: Unde se întâlnesc SEO, UX și vânzări

Detaliile complete ale produsului sunt critice. Pentru SEO și experiența utilizatorului. Link-urile interne stimulează SEO și ajută utilizatorul să navigheze înapoi la pagina cu listări de produse. Un design de pagină de produs ușor de utilizat va avea informații esențiale despre produs deasupra pliului.

Paginile de produse sunt carnea site-ului dvs., ele trebuie să fie convingătoare. Dacă clientul dvs. trebuie să selecteze o opțiune înainte de a adăuga în coș, afișați un mesaj de eroare când se face clic pe butonul „Adăugați în coș”.

Stratificarea conținutului paginii de produs

Pagina dvs. de produs poate suferi rapid din cauza supraîncărcării de informații. Doriți nivelul corect de informații despre produse pentru oamenii care știu deja ce vor să cumpere, dar și pentru cumpărătorii care au nevoie de până la ultimul detaliu despre produs. Prin stratificarea informațiilor dvs., puteți satisface ambele tipuri de cumpărători.

Stratificarea conținutului paginii produsului

1. Furnizați un scurt rezumat al produsului în partea de sus a paginii sau lângă fotografie.
2. Adăugați un chenar sau un fundal umbrit în „zona de acțiune” – unde oamenii selectează opțiuni și dați clic pe butonul dvs.
3. Prezentați opțiunile de comandă în partea de sus în zona de acțiune
4. Aveți pesmet pe paginile produselor.
5. Pune detalii despre produs, recenzii, date etc. sub imaginea produsului și zona CTA.

Stratificarea conținutului paginii de produs

1. Puneți un bloc mare de copie lângă sau deasupra butonului CTA.
2. Ascundeți butonul de adăugare în coș până când cineva face o selecție.
3. Faceți informații despre disponibilitate la un clic suplimentar distanță.
4. Faceți o schimbare subtilă când cineva face clic pe butonul dvs. de adăugare în coș. Oamenii vor rata mesajul tău „Adăugat cu succes”.

O greșeală comună pe care am văzut-o cu multe teme de comerț electronic WordPress a fost butoanele „Adăugați în coș” ascunse.

Imagini din pagina produsului

Fotografiile mari și zoom-ul reprezintă cel mai apropiat cumpărător fără să atingă fizic produsul. Imaginile neclare, de proastă calitate, fac și produsele să arate de proastă calitate. Consultați acest studiu de caz, în care imaginile de produse mai mari și mai bune au crescut conversiile cu peste 300%.

Imagini din pagina produsului

1. Utilizați fotografii mari, de înaltă rezoluție, pe un fundal alb.
2. Folosiți funcțiile de zoom pentru a le permite utilizatorilor să vadă ei înșiși detaliile.
3. Permiteți utilizatorilor să deruleze înainte și înapoi între imagini.
4. Furnizați instrucțiuni clare că imaginile suplimentare sau funcțiile de zoom sunt activate.

Imaginile paginii produsului nu sunt

1. Afișați imagini cu „stil de viață” sau produsul dvs. Arată doar produsul.
2. Nu vă înfundați fotografiile cu logo-uri, filigrane sau fundaluri.
3. Forțați o fereastră pop-up pentru a vedea mai multe detalii sau fotografii suplimentare.

Procesul de checkout: construit pentru încredere

Procesul dvs. de plată trebuie să fie simplu, logic și fără distragere. Nu complica. Pagina coșului lui Macy atinge multe dintre punctele principale. Coșul de cumpărături arată detaliile produsului cu imagini, prețuri, taxe și link-uri către paginile individuale ale produselor.

Pagina Coș de cumpărături

Prima pagină din procesul de plată este pagina coșului. Această pagină reafirmă ceea ce au intenția de a cumpăra în detaliu. Acest lucru îi ajută să își dezvolte încrederea în magazinul dvs. O vârstă bine concepută vă va ajuta să reduceți abandonul căruciorului.

Pagină cu coșul de cumpărături

1. Confirmați totul. Produs, mărime, culoare, cantitate, disponibilitate, data expedierii, livrare estimată.
2. Permiteți utilizatorilor să navigheze direct înapoi la produsele din coșul lor.
3. Ușurează schimbarea cantității sau ștergerea produselor. Permiteți utilizatorilor să schimbe cantitatea la 0 pentru a elimina produse sau faceți clic pe un buton „eliminare”.
4. Arată o poză a produsului, în culoarea în care a fost comandat. Dacă clientul tău comandă o jachetă neagră și vede una albastră la casă, își pierde încrederea.
5. Evidențiază butonul de continuare a plății, dar permite oamenilor să continue cumpărăturile.
6. Afișați prețul total la ușă.

Prezentarea paginii coșului de sopping Dont's

1. Solicitați prematur un card de credit sau o adresă de e-mail. Lăsați oamenii să confirme ceea ce cumpără.
2. Nu folosiți butonul „Actualizare” pentru a elimina produse.

Pagina de înregistrare

Acesta este momentul esențial în care trebuie să obțineți informații de la vizitatorul dvs. Permiteți cumpărătorilor să comandă fără a crea un cont. Clienții nu sunt obligați să creeze și să-și amintească o nouă autentificare și o nouă parolă, dar beneficiul creării unui cont este subliniat. Observați aspectul simplu al paginii. Alegerea simplă reduce sarcina cognitivă.

Pagina de înregistrare Do's

1. Subliniați beneficiile creării unui cont.
2. Utilizați un aspect simplu.
3. Nu pune mai mult de 2 intrebari.

Pagina de înregistrare Nu

1. Forțați oamenii să creeze un cont. Nimeni nu vrea să-și amintească un nou nume de utilizator și o nouă parolă.
2. Solicitați prematur un card de credit sau o adresă de e-mail. Lăsați oamenii să confirme ceea ce cumpără.
3. Nu folosiți butonul „Actualizare” pentru a elimina produse.

Pagina de plată

După ce cumpărătorii se simt încrezători că comandă produsul potrivit de la compania potrivită (a ta), este timpul să înceapă petrecerea.

Odată ce utilizatorii încep procesul de check out, vor să finalizeze achiziția cât mai repede posibil. Ajută-i să te ajute. Eliminați distracția și faceți procesul cât mai ușor posibil. Nu-i obliga să-și introducă din nou adresa sau să ghicească cum să completeze formularul.

Pagină de finalizare

1. Solicitați doar informațiile minime necesare.
2. Înlocuiți navigarea principală cu o navigare „de contact”.
3. Păstrați procesul de finalizare scurt și pașii clari și logici.
4. Afișați progresul în timpul procesului de plată.
5. Permiteți utilizatorilor să utilizeze adresa de facturare ca adresă de expediere cu un singur clic.

Pagina de finalizare a achiziției

1. Prezentați informații sau opțiuni noi.
2. Forțați oamenii să se „alăture” sau să „devină membru”.
3. Faceți oamenii să reintroducă aceeași informație de două ori.

Cum se comportă site-ul dvs.?

Nu trebuie să ai un milion de dolari pentru a crea o experiență pozitivă de cumpărături. Niciuna dintre mărcile mari de mai sus nu îndeplinește cele peste 800 de linii directoare sugerate de Nielson Norman Group. Nu presupuneți că clienții dvs. vă cunosc site-ul la fel ca dvs. Culege aceste elemente de bază și vei face ca Google și clienții să iubească site-ul tău și să cumpere de la tine.