Pregătirea drumului către achiziție – Cele mai bune practici de eCommerce UX

Publicat: 2022-03-11

Vânzările de comerț electronic continuă să crească. Dispozitivele mobile reprezintă cea mai mare parte a traficului de comerț electronic, totuși site-urile desktop au rate mai scăzute de abandonare a coșului de cumpărături și valori medii de achiziție mai mari. Comerțul electronic mobil este viitorul, dar dacă designerii doresc să maximizeze profiturile în prezent, trebuie să îmbunătățească site-urile desktop cu cele mai bune practici de comerț electronic UX.

Potențialul este uluitor. An de an, veniturile din comerțul electronic cresc mai mult. Vânzările offline reprezintă în continuare majoritatea veniturilor din retail, dar arcul ascendent al comerțului electronic este de netăgăduit. În acest an, comercianții cu amănuntul de comerț electronic din SUA se estimează că vor atinge 840 de miliarde de dolari în vânzări, un nivel pe care nu se aștepta să-l atingă până în 2022.

Comerțul electronic a reprezentat 21% din toate veniturile din comerțul cu amănuntul din SUA în 2020.
Sursa: Digital Commerce 360

În splendoarea statistică se învârtește proclamațiile unui viitor eCommerce dominat de mobil – și din motive întemeiate. Dispozitivele mobile generează cel mai mare trafic și venituri cu amănuntul la nivel mondial. Din păcate, dispozitivul mobil nu reușește să satisfacă două valori cheie: site-urile mobile au rate mai mari de abandon al coșului de cumpărături și valori medii de achiziție mai mici decât site-urile desktop.

Site-urile de comerț electronic pentru desktop au rate mai mici de abandonare a coșului decât site-urile mobile.
Sursa: Merchant Savvy

Este destinul comerțului electronic mobil? Fara indoiala. Există bani importanți de câștigat prin optimizarea site-urilor desktop cu cele mai bune practici de comerț electronic UX? Absolut.

Experiența eCommerce în patru pagini

Pe desktop, aproape toate site-urile de comerț electronic se bazează pe o secvență similară de pagini pentru a canaliza cumpărătorii prin procesul de vânzare.

  • Pagini de pornire neaglomerate cu propuneri de valoare irezistibile
  • Pagini de categorii bine organizate, ușor de navigat
  • Pagini de produse rafinate care combină dovezi sociale și conținut convingător
  • Pagini simple de finalizare a achiziției care arată progresul și îi fac pe cumpărători să se simtă în siguranță

Modelele de design pentru desktop eCommerce UX constau din patru pagini principale: o pagină de pornire, o pagină de categorie, o pagină de produs și o pagină de plată.
Cele mai comune patru pagini de pe site-urile de comerț electronic desktop sunt paginile de pornire, paginile de categorii, paginile de produse și paginile de finalizare a achiziției. (Judy)

Aspectul, conținutul și navigarea fiecărei pagini există pentru a ajuta cumpărătorii să găsească informațiile pe care le caută, în timp ce îi apropie din ce în ce mai mult de cumpărare. Toate cele patru pagini trebuie să funcționeze în tandem pentru a crea experiențele de comerț electronic perfect pe care și le doresc cumpărătorii. Totul începe cu pagina de pornire.

Pagini de pornire neaglomerate

1. Faceți vizibilă instantaneu valoarea produsului

O pagină de pornire este o primă impresie. Cumpărătorii trebuie să fie capabili să constate rapid valoarea unui produs. Nu utilizați pagina de pornire pentru a informa despre caracteristicile tehnice. Ajutați cumpărătorii să își imagineze cum produsele le vor rezolva problemele și le vor îmbunătăți viața (cadru de lucru Jobs to Be Done este un punct de plecare util).

Păstrați copywritingul scurt și la obiect. Utilizați fotografii care ilustrează beneficiile produsului. Dacă cumpărătorii trebuie să citească mult, să deruleze mult sau să urmărească videoclipuri explicative pentru a înțelege valoarea, atunci valoarea nu este imediat vizibilă.

Textul și imaginile trebuie să facă evidente propunerile de valoare.
Pe paginile de start de comerț electronic, textul și imaginile trebuie să facă imediat evidente propunerile de valoare. (Myro)

2. Activați Căutarea de oriunde

Site-urile de comerț electronic care vând doar câteva articole pot să nu aibă nevoie de bare de căutare, dar pe măsură ce ofertele cresc, căutarea devine o modalitate esențială pentru clienți de a găsi produse conform modelelor lor mentale. Barele de căutare persistente asigură că căutarea este disponibilă peste tot pe fiecare pagină, dar cel mai bine este să eliminați căutarea din paginile de finalizare a achiziției de dragul conversiei.

Includeți o bară de căutare persistentă pe site-urile de comerț electronic cu mai multe categorii de produse.
Este înțelept ca site-urile cu mai multe categorii de produse să includă o bară de căutare persistentă, astfel încât cumpărătorii să poată găsi mai repede ceea ce caută. (Uniune Nativă)

3. Dați nume produselor care au sens pentru cumpărători

Numele de produse care au sens intern pot lăsa cumpărătorii perplexi. Oferiți context de luare a deciziilor. Numele bazate pe numerele de model sau pe tehnologia subiacentă riscă să-l înstrăineze pe profan. Același lucru este valabil și pentru titlurile prea drăguțe sau creative. Alegeți nume de produse care indică utilitatea sau valoarea din perspectiva cumpărătorilor.

Scrieți nume de produse de comerț electronic care să aibă sens pentru cumpărători.
Bacca face suporturi din lemn pentru laptopuri și instrumente. Denumirile sale de produse sunt simple, dar indicative pentru utilizarea lor preconizată.

4. Evidențiați Oferte și Promoții

Cumpărătorii vin pe site-urile de comerț electronic cu anumite produse în minte. Când ofertele și promoțiile se amestecă în paginile de pornire, acestea trec neobservate. Apelați oferte cu culori strălucitoare, text îndrăzneț și fotografii pe toată pagina.

Dacă o vânzare are o importanță secundară, ar trebui să fie vizibilă, dar nu ar trebui să concureze cu propunerea de valoare principală a paginii de pornire. Dacă o promoție este primul lucru despre care trebuie să știe cumpărătorii, puneți-o în atenție.

Vânzările și ofertele ar trebui să iasă în evidență pe paginile de start de comerț electronic.
Vânzările, ofertele și promoțiile ar trebui să iasă în evidență pe paginile de start de comerț electronic. (Pachet gratuit)

Pagini de categorii bine organizate

1. Prezentați Produsele în Grile

Spațiul oferit de ecranele desktop este perfect pentru grilele de produse. Grilele se aliniază cu scanarea modelului F și permit cumpărătorilor să compare rapid mai multe produse. Ele sunt deosebit de eficiente pentru articole care sunt ușor de explicat în imagini. Pentru a maximiza beneficiile grilelor, încercați să păstrați numărul de articole pe rând între două și patru. La cinci sau mai multe produse, grilele devin semnificativ mai greu de scanat.

Bonus: vizualizările de listă funcționează, dar sunt cele mai potrivite pentru produsele care necesită explicații mai detaliate.

Pentru cea mai bună experiență de utilizare a comerțului electronic, aranjați produsele în vizualizări de grilă pe site-urile desktop.
Pe site-urile desktop, cumpărătorii preferă să răsfoiască produsele aranjate în grile, spre deosebire de liste. (Wayfair)

2. Asigurați o navigare fără efort

Navigarea trebuie să fie intuitivă. Cumpărătorii nu ar trebui să se chinuie să comute între paginile de categorii sau să activeze filtrele de produse. Site-urile cu un număr mare de produse într-o singură categorie ar trebui să folosească navigarea din coloana din stânga pentru a permite cumpărătorilor să sorteze produsele în funcție de diferite atribute (căutare fațetă).

Navigarea în paginile categoriei trebuie să fie intuitivă și neaglomerată pentru cea mai optimă experiență de comerț electronic.
Navigarea în paginile categoriei trebuie să fie intuitivă, neaglomerată și ușor de utilizat. (True Linkswear)

3. Prezentare bestselleruri

Marcați articolele cele mai vândute cu pictograme unice sau plasați-le în secțiunile de bestselleruri. De ce? Bestsellerurile sunt o formă de dovadă socială. Când oamenii sunt nesiguri, se vor uita la acțiunile altora pentru a le determina pe ale lor. Acest lucru este valabil mai ales pentru cumpărătorii noi.

Un principiu similar se aplică produselor recent lansate. Prezentarea articolelor noi și îmbunătățite este mai mult decât o simplă tactică de vânzare; este o modalitate de a atrage cumpărătorii să revină pentru actualizări în viitor.

Afișați cumpărătorilor bestsellerurile și noile sosiri pe paginile produselor de comerț electronic.
Great Jones își susține personalitatea de brand familiară prin marcarea celor mai bine vândute cu o mănușă de cuptor.

Pagini de produse lustruite

1. Atrage cu dovada socială

Dovada socială insuflă încredere cumpărătorilor. Evaluările și recenziile au un impact profund asupra deciziilor de cumpărare, dar site-urile desktop sunt suficient de spațioase pentru a gestiona și alte forme de dovezi sociale:

  • Fotografii ale produsului realizate de clienți
  • Susținerea celebrităților și a influențelor
  • Citate de la experți
  • Insigne de aprobare de pe site-uri independente de recenzii

Scopul dovezii sociale este de a ajuta cumpărătorii să simtă că iau decizii informate care se aliniază cu experiențele pozitive ale altor persoane.

Dovada socială este o tactică de vânzări persuasivă pentru comerțul electronic.
Evaluările, recenziile și fotografiile clienților sunt motivatoare puternice. (Etsy)

2. Folosiți copie și imagini pentru a arăta viața bună

Conținutul de comerț electronic ar trebui să fie informativ, dar este mai mult de persuasiune decât fapte și liste de caracteristici. Folosiți text și imagini pentru a ajuta cumpărătorii să-și imagineze viața bună care îi așteaptă după finalizarea comenzii.

Din nou, dimensiunile desktopului sunt un avantaj. Nu există niciun motiv să nu folosiți fotografii și videoclipuri colosale sau să afișați produse din mai multe unghiuri. Același lucru este valabil și pentru copiere. Nu ezitați să faceți anteturi uriașe și să încadreați blocuri de text cu cantități generoase de spațiu alb.

Cea mai bună practică UX pentru comerțul electronic: copierea paginii de produs și imaginile ar trebui să lumineze valoarea.
Textul și imaginile de pe paginile de produse Allbirds îi ajută pe cumpărători să-și imagineze viitorul ideal.

3. Câștigați mai mult cu vânzări suplimentare și produse înrudite

Dacă cumpărătorii nu sunt mulțumiți de ceea ce văd pe paginile de produse, nu ar trebui să fie nevoiți să navigheze înapoi la paginile de categorii pentru a găsi alte opțiuni. În schimb, arătați-le produse alternative la prețuri similare sau opțiuni mai scumpe cu caracteristici, recenzii sau recunoaștere a mărcii mai bune.

De asemenea, este posibil să sugerați articole similare care completează pagina produsului. Cumpărați pantofi? De ce să nu iei șireturi și suporturi pentru arc? Pentru a reduce frecarea, asigurați-vă că articolele înrudite au opțiunea „Adăugați în coș”.

Câștigați mai multe venituri pe paginile de produse de comerț electronic, incluzând vânzări în plus și vânzări încrucișate.
Interfața desktop a Amazon este plină de oportunități pentru vânzări în plus, vânzări încrucișate și cumpărături impulsive.

4. Creați butoane mari și îndrăznețe „Adăugați în coș”.

Când vine vorba de paginile de produse, butoanele „Adaugă în coș” trebuie să iasă în evidență. Fă-le mari, cu contrast ridicat și ușor de făcut clic. Rezistați impulsului de a fi plin de duh și scrieți text cu îndemnuri fără ambiguitate și orientat spre acțiune.

Cumpărătorii trebuie să primească feedback vizual atunci când adaugă articole în coșul de cumpărături. Multe site-uri desktop fac acest lucru cu suprapuneri de rezumat al coșului de cumpărături care alunecă momentan din partea laterală a ecranului (un mod creativ de a permite cumpărătorilor să treacă la casă sau să continue să navigheze).

Butonul „Adăugați în coș” ar trebui să fie ușor de găsit și să faceți clic pentru cea mai bună experiență de comerț electronic.
Creați butoane „Adăugați în coș” care sunt ușor de identificat și de a face clic. (Kin Euphorics)

Pagini de plată simple

1. Afișați cumpărătorii progresul plății

Cumpărătorii de comerț electronic petrec mult timp și energie căutând produse online. Când sunt gata să cumpere, au nevoie de asigurare că sfârșitul procesului este la vedere. O bară de progres este o modalitate simplă de a arăta cumpărătorilor unde se află în fiecare etapă de finalizare a comenzii.

Pentru cel mai bun UX de finalizare a comenzii, barele de progres ale comenzii îi țin pe cumpărători conștienți de cât de aproape sunt de linia de sosire.
Barele de progres ale comenzii îi ajută pe cumpărători să vadă lumina la sfârșitul pâlniei de vânzări. (dud)

2. Acceptați mai multe forme de plată

Comoditatea și securitatea sunt preocupările principale ale cumpărătorilor atunci când ajung la gateway-uri de plată și sunt două dintre principalele motive pentru abandonarea coșului. Din fericire, există un număr tot mai mare de opțiuni de plată online care atenuează temerile de securitate și accelerează finalizarea plății. Opțiunile de plată de la terți susținute de companii de încredere (cum ar fi Amazon și Apple) pot fi mai atrăgătoare pentru cumpărători decât introducerea informațiilor despre cardul de credit.

De asemenea, merită să luați în considerare opțiunile „cumpărați acum, plătiți mai târziu” (BNPL), precum Paypal Credit și Klarna. BNPL este o formă de credit la punctul de vânzare care permite clienților să plătească pentru produse în timp după primirea mărfurilor.

Acceptați mai multe forme de plată pentru a ușura finalizarea comenzii electronice.
Acceptând alte forme de plată decât cardurile de credit, site-urile de comerț electronic fac cumpărăturile mai ușoare și sporesc nivelurile percepute de securitate. (Fotbal Azteca)

3. Luați în considerare checkout pentru oaspeți

Cazarea oaspeților poate să nu fie potrivită pentru toți comercianții cu amănuntul de comerț electronic, în special pentru cei ale căror strategii de afaceri se bazează pe generarea de conturi de clienți. Cu toate acestea, s-a dovedit că accelerează finalizarea comenzii, previne oboseala de la crearea contului și reduce abandonul coșului.

O alternativă este solicitarea de e-mailuri pentru confirmarea comenzii, apoi urmărirea ofertelor în mesajele de expediere și livrare.

Pentru cel mai bun UX de plată, oferiți oaspeților finalizarea plății pentru a reduce abandonul coșului.
Two Chimps este un serviciu de abonament pentru cafea, dar le permite cumpărătorilor să facă cumpărături pentru un singur oaspete.

4. Furnizați un rezumat clar al comenzii

Acesta este obligatoriu. Oferiți cumpărătorilor rezumate concise ale comenzilor care includ:

  • Detalii și cantități produse
  • O defalcare a tuturor taxelor
  • Informații de livrare și facturare

De asemenea, este inteligent să afișați imagini ale produselor, dar asigurați-vă că atributele se potrivesc cu selecțiile clienților (culoare, dimensiune, finisaj etc.).

Pentru a asigura experiențe superioare utilizatorilor de comerț electronic, rezumatele comenzilor sunt obligatorii.
Rezumatele comenzilor sunt o parte obligatorie a procesului de achiziție pentru comerțul electronic. (Vipp)

5. Sporiți încrederea cu insigne de securitate și asistență pentru clienți

Oferă-le cumpărătorilor încredere afișând insigne de securitate și aprobări de la terți. Checkout este un loc minunat pentru a reaminti cumpărătorilor clasamentele și recenziile verificate.

În apropiere, includeți funcții de asistență precum chatbot, politici de returnare, linkuri către întrebări frecvente și linii de asistență pentru clienți. Este posibil ca cumpărătorii să nu folosească aceste resurse la finalizarea comenzii, dar vor avea liniște sufletească știind că există.

Insignele de securitate și recenziile verificate sporesc încrederea cumpărătorilor.
Pe lângă afișarea insignelor de securitate, Physiq Apparel întărește încrederea reamintindu-le cumpărătorilor că site-ul are mii de recenzii pozitive.

Respectați cele mai bune practici UX pentru comerțul electronic

Cumpărăturile sunt tactile. Greutatea unui obiect, unghiurile și marginile sale, potrivirea și senzația sa - aceste lucruri contează. În absența prezenței, familiaritatea și dimensiunea afișajului sunt cruciale. Desktop-ul oferă ambele. Este o paradigmă confortabilă în care ecranele sunt spațioase, navigarea este simplă, iar imaginile și videoclipurile sunt mai reale.

În ciuda deficiențelor sale, comerțul cu amănuntul mobil este un domeniu relativ nou. Există îndoieli de descurcat, dar rămâne viitorul cumpărăturilor online. Până atunci, designerii sunt înțelepți să profite de prezent prin optimizarea site-urilor desktop cu cele mai bune practici de comerț electronic UX.

Spune-ne ce crezi! Vă rugăm să lăsați mai jos gândurile, comentariile și feedback-ul dvs.

• • •

Citiri suplimentare pe Blogul Toptal Design:

  • eCommerce UX – O privire de ansamblu asupra celor mai bune practici (cu infografic)
  • Ghidul suprem pentru designul site-urilor de comerț electronic
  • eCommerce 101: înțelegerea abandonului coșului de cumpărături (cu infografic)
  • eCommerce UX – Strategii și principii de design esențiale
  • Tendințe proeminente în comerțul electronic și influența lor asupra designului (cu infografic)