Ghidul suprem pentru designul site-urilor de comerț electronic

Vânzările de comerț electronic din SUA continuă să atingă noi culmi în 2018. La nivel mondial, comerțul electronic va continua să înregistreze câștiguri solide în valoare de 2,3 trilioane de dolari. Dar ce face ca un site de comerț electronic să triumfe asupra altuia?

Mai mulți factori determină succesul general al unui site de comerț electronic, inclusiv calitatea produsului, recunoașterea mărcii, costurile de transport, politicile de returnare, încrederea și serviciul pentru clienți. Cu toate acestea, proiectarea atentă a experienței utilizatorului este, de asemenea, cheia pentru a oferi clienților o experiență satisfăcătoare, fără frecare. Nu numai că va converti clicurile potențiale în tranzacții reale de comerț electronic, ci va face clienții să revină mereu și din nou.

Iată un ghid cuprinzător de design eCommerce UX pentru crearea de site-uri web excelente de comerț electronic, complet cu exemple.

Proiectați comerțul electronic pentru încredere și securitate

În primul rând, este important să proiectați un site web în care cumpărătorii simt că pot avea încredere. Majoritatea cumpărătorilor sunt îngrijorați de confidențialitate și dacă site-ul își va proteja datele personale prin furnizarea unei tranzacții securizate. Dacă site-ul web nu se simte demn de încredere, vor alege pur și simplu să facă cumpărături în altă parte.

Iată câteva metode care vor comunica încrederea:

• Includeți o privire de ansamblu asupra afacerii:

  • Furnizați informații generale
  • Fotografii cu oameni din spatele afacerii
  • Informații de contact
  • Link-uri către rețelele de socializare
  • O pagină cu întrebări frecvente (FAQ).

• Publicați politicile magazinului și asigurați-vă că nu sunt prea greu de găsit:

  • Politici de expediere și retur
  • Descrieți procesul de returnare și ce produse pot fi returnate
  • Oferiți acces ușor la o politică de confidențialitate care acoperă informațiile personale și financiare ale cumpărătorilor (acest lucru este crucial)

Scrieți într-un limbaj simplu și evitați jargonul juridic sau al politicii interne.

• Distribuiți recenzii despre produse. Oferiți recenzii ale produselor pentru a ajuta cumpărătorii să înțeleagă mai multe despre produs; acest lucru va ajuta la atenuarea oricăror preocupări pe care le-ar putea avea și le va oferi UX excelent pentru comerțul electronic. Faceți un pas mai departe, oferind recenzii despre produse împreună cu informații suplimentare despre recenzenți sau rezumand recenziile. Acest pas poate ajuta cumpărătorilor să beneficieze pe deplin de opiniile altora.
• Utilizați un server securizat. Cumpărătorii se așteaptă ca informațiile lor personale să rămână în siguranță în timp ce cumpără online. Certificatele SSL (secure sockets layer) autentifică identitatea unui site web și criptează informațiile care trebuie să rămână în siguranță. Este un semn esențial care indică că plățile sunt sigure. Asigură cumpărătorii că datele lor sunt protejate prin implementarea SSL și afișarea insignelor de certificat SSL.

• Adăugați sigilii de încredere recunoscute. Un sigiliu de încredere verifică legitimitatea și securitatea unui site web. Unele companii de încredere adaugă chiar și un strat suplimentar de protecție, oferind o asigurare în cazul în care tranzacția se dovedește a fi frauduloasă. Utilizarea sigiliilor de încredere recunoscute asigură potențialilor cumpărători un proces de tranzacție securizat, care duce la creșterea vânzărilor și oferă o mai bună UX pentru comerțul electronic.
• Arătați atenție la detalii. Faceți ca site-ul web să pară legitim și profesionist, evitând greșelile de scriere, imaginile lipsă, linkurile rupte, erorile 404 (pagina nu a fost găsită) sau alte greșeli de ucidere a UX de comerț electronic.

Considerații de proiectare a interfeței de utilizare pentru comerțul electronic

Aspectul și senzația unui site web este principalul motor al primei impresii. Cercetările concluzionează că oamenii vor stabili dacă le place sau nu un site web în doar 50 de milisecunde.

Iată câteva sfaturi esențiale pentru proiectarea interfeței cu utilizatorul:

• Urmăriți identitatea mărcii. Branding-ul ar trebui să fie vizibil pe tot site-ul. Alegeți culori care reflectă marca și setați stilul pentru a clarifica ce tip de produse sunt vândute. Asigurați-vă că experiența mărcii este consecventă pe toate canalele, fie online, în magazin sau pe un dispozitiv mobil. Acest lucru va ajuta la construirea unei relații puternice de brand-client.
• Adoptă ierarhia vizuală. Conținutul cel mai critic ar trebui să fie afișat deasupra pliului. În unele cazuri, este mai bine să folosiți mai puțin spațiu alb pentru a apropia articolele decât să împingeți conținutul esențial sub pliul.
• Nu exagera designul. Limitați formatele de font, cum ar fi fontul, dimensiunile și culorile. Când textul seamănă prea mult cu grafica, va fi confundat cu un anunț. Utilizați text cu contrast ridicat și culori de fundal pentru a face conținutul cât mai clar posibil.
• Respectați simbolurile cunoscute. Folosiți pictograme sau simboluri ușor de identificat. Pictogramele necunoscute nu vor face decât să deruteze cumpărătorii. O modalitate bună de a evita orice posibilă confuzie este să oferiți etichete pentru pictograme.
• Evitați ferestrele pop-up. Ferestrele pop-up sunt o distragere a atenției. Chiar dacă conțin informații valoroase, cumpărătorii sunt mai mult decât probabil să le respingă imediat – odată plecate, chiar dacă doresc, este greu pentru cumpărători să găsească din nou informația.

Importanța navigării pe site-ul de comerț electronic fără fricțiuni

Fără frecare este modul de a fi. Navigarea se referă la cât de ușor este pentru oameni să se deplaseze pe site, să găsească ceea ce caută și, în sfârșit, să ia măsuri. Experiența de cumpărături în comerțul electronic ar trebui să fie perfectă, astfel încât cumpărătorii să nu renunțe la jumătatea procesului.

Unele aspecte cheie ale designului site-ului de comerț electronic pentru o navigare ușoară includ:

Categorii de produse bine definite

Nivelul superior de navigare ar trebui să arate setul de categorii pe care le oferă site-ul. Grupați produsele în categorii și subcategorii care au sens. Etichetele categoriilor funcționează cel mai bine ca cuvinte unice care descriu gama de produse, astfel încât cumpărătorii să le poată scana și să înțeleagă instantaneu ce reprezintă. Cel mai bine este să testați navigarea pe site cât mai mult posibil pentru o excelentă UX de comerț electronic, deoarece este o caracteristică cheie a site-ului.

Căutare produs

Mai simplu spus, dacă cumpărătorii nu găsesc produsul, nu pot cumpăra produsul - construiește o funcție de căutare care îi ajută să găsească cu ușurință ceea ce caută:

• Faceți căutarea omniprezentă. Pune caseta de căutare pe fiecare pagină și în locații familiare. Cutia trebuie să fie vizibilă, ușor de recunoscut și ușor de utilizat. Pozițiile standard pentru implementarea casetei de căutare sunt în dreapta sus sau în centrul paginilor, sau în meniul principal.
• Suportă tot felul de întrebări. Căutările trebuie să accepte toate tipurile de interogări, cum ar fi numele produselor, categoriile și atributele produselor, precum și informații legate de serviciul clienți. Este o idee bună să includeți un exemplu de interogare de căutare în câmpul de introducere pentru a sugera cumpărătorilor utilizarea diferitelor funcții.
• Aveți o funcție de completare automată a căutării. Funcționalitatea de completare automată face mai ușor pentru cumpărători să găsească ceea ce caută și crește potențialul de vânzări, sugerând lucruri din zona pe care o caută deja.
• Permite sortarea și filtrarea rezultatelor. Permiteți cumpărătorilor să sorteze rezultatele căutării în funcție de diverse criterii (cel mai bine vândut, prețul cel mai mare sau cel mai mic, evaluarea produsului, cel mai nou articol etc.), precum și să elimine articolele care nu se încadrează într-o anumită categorie.

Produse de filtrare

Cu cât se oferă mai multe opțiuni, cu atât este mai greu să alegi. Ajutați cumpărătorii să găsească produsele potrivite prin implementarea filtrelor. Îi va ajuta să-și restrângă opțiunile și să treacă direct la gama de produse dorită.

Vizualizare rapidă a produsului

O „vizualizare rapidă” reduce timpul necesar cumpărătorilor pentru a găsi produsul potrivit, eliminând încărcările inutile ale paginilor. De obicei, detaliile produsului sunt afișate într-o fereastră modală deasupra paginii vizualizate. Nu încercați să afișați toate detaliile produsului, în schimb, includeți un link către pagina completă a produsului pentru a vedea detaliile complete. De asemenea, asigurați-vă că includeți un buton „Adăugați în coș” poziționat vizibil, precum și o funcționalitate „Salvare în lista de dorințe”.

Oferte speciale

Cumpărătorii caută întotdeauna oferte speciale, reduceri sau cele mai bune oferte. Faceți vizibile ofertele exclusive, astfel încât cumpărătorii să le cunoască. Chiar dacă diferențele de preț nu sunt atât de mari, sentimentul psihologic de a economisi niște bani creează iluzia de a avea un avantaj.

Design pagini de produse de comerț electronic

Pentru UX remarcabil de eCommerce, atunci când cumpărătorii găsesc cu succes produsul pe care îl doresc, lăsați-i să afle despre produs. Proiectați o pagină de produs care să creeze o experiență cât mai asemănătoare cu o experiență de cumpărături în persoană, incluzând o mulțime de imagini, descrieri detaliate și orice alte informații utile și conexe despre produs. Să aruncăm o privire în profunzime la ce înseamnă asta.

Furnizați imagini grozave ale produselor

Cu comerțul electronic, cumpărătorii nu pot atinge, simți sau încerca produsul. În schimb, totul depinde de ceea ce văd online. Acesta este motivul pentru care este esențială furnizarea de imagini ale produsului care să prezinte în mod clar toate aspectele produsului. Iată o listă de verificare pentru imaginile produselor perfecte:

• Utilizați un fundal alb. Fundalul pentru imaginile produselor nu trebuie să distragă atenția sau să intre în conflict cu produsul în sine. Un fundal alb funcționează cel mai bine, deoarece permite produsului să iasă în evidență și funcționează cu aproape orice stil sau schemă de culori.
• Utilizați imagini mari de înaltă calitate. Imaginile bune vând produsul. Imaginile de înaltă calitate captează interesul cumpărătorilor și le arată exact ce cumpără. Averea de imagini mari permite cumpărătorilor să mărească și să examineze un produs în detaliu.

• Utilizați o varietate de imagini. Afișați produsul din mai multe unghiuri și includeți prim-planuri pentru a oferi o imagine mai completă a produsului. O vedere la 360 de grade, unde pot muta produsul, este o modalitate bună de a oferi o experiență aproape de intrarea fizică în magazin și implicarea în el. Comerțul electronic VR este următorul val al acestei experiențe.
• Folosește video. Videoclipurile au capacitatea de a furniza o mulțime de informații într-un interval scurt de timp. Utilizați un videoclip pentru a afișa produsul în uz și pentru a oferi cât mai multe informații funcționale posibil.
• Fii consistent. Utilizați imagini care sunt consecvente pe mai multe pagini și sunt, de asemenea, în concordanță cu aspectul și senzația restului site-ului. Acest lucru va menține totul să arate curat și neaglomerat. Imaginea principală a produsului ar trebui să fie aceeași în toate zonele site-ului, cum ar fi cele mai importante produse sau în secțiunea articole prezentate.

Oferiți cantitatea potrivită de informații despre produs

Oferiți cumpărătorilor informații detaliate despre produs, astfel încât aceștia să poată lua o decizie de cumpărare în cunoștință de cauză. Afișați disponibilitatea, opțiunile pentru diferite dimensiuni sau culori, dimensiuni, un tabel de mărimi, materiale utilizate, cost total, garanții și multe altele. Cu cât au mai puține întrebări rămase despre un produs, cu atât este mai probabil să facă o achiziție.

Folosiți un design persuasiv

Conform principiului penuriei, oamenii acordă o valoare mai mare unui obiect care este rar și o valoare mai mică celor care sunt abundent. Creați un sentiment de urgență în procesul de vânzare, arătând deficitul - afișați câte produse au mai rămas, îngrișiți dimensiunile care sunt epuizate sau afișați termenele limită de vânzare. Lipsa îi va motiva pe potențialii cumpărători să ia măsuri.

Din ce în ce mai mult, companiile folosesc cercetări psihologice avansate și, pentru a genera mai mult angajament și achiziții, au transformat ceea ce a fost o artă într-o știință. Designul persuasiv în comerțul electronic este o modalitate foarte eficientă de a aduna mai multe achiziții.

Afișați produse înrudite și recomandate

Afișați produse similare pe care cumpărătorilor le-ar putea plăcea și care funcționează bine cu produsul curent sau cu produsele pe care alții le-au achiziționat. Acest lucru poate fi afișat pe o pagină cu detalii despre produs sau în coșul de cumpărături și va ajuta cumpărătorii să-i ghideze către produsele care le satisfac nevoile, încurajându-i potențial să continue cumpărăturile - o modalitate excelentă de a vinde încrucișat produse similare.

Design coș de cumpărături

Coșul de cumpărături este esențial, deoarece este locul în care cumpărătorii își examinează produsele selectate, iau decizia finală și trec la achiziție. Scopul principal al coșului de cumpărături este de a conduce cumpărătorii la cumpărături. Mai jos sunt sfaturi despre proiectarea unui coș de cumpărături ușor de utilizat și care va încuraja cumpărătorii să cumpere în continuare.

• Utilizați un îndemn la acțiune (CTA) clar. Îndemnul principal la acțiune de pe pagina coșului de cumpărături ar trebui să fie butonul de finalizare a comenzii. Folosiți culori strălucitoare, multe zone pe care se poate face clic și un limbaj simplu pentru a face butonul de finalizare vizibil, simplu și ușor de utilizat.
• Oferiți feedback adecvat. Asigurați-vă că atunci când un produs este adăugat în coșul de cumpărături, acesta este imediat și clar confirmat. Cumpărătorii sunt confuzi de feedback inadecvat, cum ar fi afișarea unui text de confirmare discret. O idee bună este să folosiți animații, deoarece mișcarea atrage ochiul uman.
• Folosiți un widget mini cărucior. Permiteți cumpărătorilor să adauge produse în coșul lor fără a părăsi pagina pe care se află, folosind un mini coș. De asemenea, le permite să navigheze, să descopere și să adauge mai multe produse. Widgeturile pentru mini coș ar trebui să fie întotdeauna conectate la coșul de cumpărături pe întreaga pagină.

• Afișează detaliile produsului. Afișarea detaliilor precum numele produselor, imaginile, dimensiunile, culorile și prețurile în coșul de cumpărături îi ajută pe cumpărători să-și amintească fiecare produs, precum și să compare produsele. Conectați produsele din coș înapoi la paginile lor complete de produse, astfel încât cumpărătorii să poată examina mai multe detalii atunci când este necesar.
• Faceți coșul ușor de editat. Capacitatea de a elimina, a salva pentru mai târziu sau a modifica detalii precum dimensiunea, culoarea sau cantitatea ar trebui să fie ușor de accesat.
• Evitați surpriza costurilor de transport și taxelor neașteptate. Costurile de transport neașteptate sunt unul dintre principalele motive pentru care cumpărătorii își abandonează coșurile de cumpărături. Plasați opțiunile de livrare și taxele cu un calcul precis al costurilor și o dată estimată de livrare în avans.

Design de plată pentru comerțul electronic

Un design elegant și la modă nu determină un site web de comerț electronic de succes și nici nu oferă neapărat o UX excelentă pentru comerțul electronic. Succesul comerțului electronic este măsurat doar prin numărul de achiziții finalizate. Iată câteva modalități de a crea o pagină de plată bine concepută, care va contribui la o conversie de succes:

• Oferiți diverse opțiuni de plată. Cumpărători diferiți au preferințe diferite când vine vorba de efectuarea plăților. Oferiți cât mai multe opțiuni de plată posibil (în funcție de publicul țintă) pentru a extinde baza de clienți și pentru a le facilita cumpărătorilor să își finalizeze comanda.
• Nu te complica. Minimizați numărul de câmpuri și pași pentru a finaliza achiziția. Utilizarea în mod implicit a adresei de expediere ca adresă de facturare este o modalitate bună de a minimiza numărul de câmpuri — în mod ideal, proiectați o singură pagină de plată în care cumpărătorii să își poată vedea coșul și să introducă informații de livrare și plată.

• Faceți înregistrarea opțională. Forțarea cumpărătorilor să-și creeze un cont înainte de prima lor achiziție îi va alunga pe cumpărători. Oferiți-le opțiunea de a se înregistra după finalizarea achiziției și evidențiați beneficiile înregistrării atunci când le cereți să se înregistreze. Beneficiile includ plata mai rapidă datorită informațiilor personale, cum ar fi adresa de expediere salvată sau informațiile de plată și accesul la oferte exclusive care sunt disponibile numai pentru membrii înregistrați.
• Utilizați indicații clare de eroare. Nu este nimic mai frustrant decât să nu poți face o achiziție sau să-ți dai seama de ce. În loc să afișați erorile după ce a fost trimis un formular, faceți ca notificările de erori să apară în timp real. Plasați mesaje de eroare clare și concise direct deasupra sau lângă articolul care necesită corectare, astfel încât cumpărătorii să le observe și să le înțeleagă.

• Păstrați oamenii pe drumul cel bun. Când utilizați o finalizare a achiziției cu mai multe pagini, includeți o bară de progres care arată câți pași mai au mai rămas pentru finalizarea achiziției. Acest lucru va elimina orice ambiguitate și va asigura cumpărătorilor că sunt pe drumul cel bun. Când achiziția este finalizată, afișați o confirmare a comenzii și starea comenzii cu urmărirea expedierii.
• Oferiți sprijin. Includeți un chat live sau un număr de contact pe tot parcursul procesului de achiziție, astfel încât, atunci când cumpărătorii au întrebări, să poată obține rapid răspunsuri, în loc să fie nevoiți să părăsească site-ul și să plece în altă parte.

rezumat

Cumpărătorii online se așteaptă la experiențe fără fricțiuni, indiferent de situație. Atunci când proiectați un site de comerț electronic, nu este vorba doar de construirea unui site web, ci de crearea unei experiențe de cumpărături online care va transforma cumpărătorii pasivi în clienți plătitori.

Sperăm că acest ghid de proiectare a site-ului web de comerț electronic vă va ajuta să luați decizii esențiale de design pentru a construi un UX de comerț electronic excelent, care este profesional, atractiv, ușor de utilizat și îi face pe cumpărători să revină de mai multe ori. Creșterea rapidă și cota de piață relativ scăzută înseamnă că există încă o oportunitate enormă pentru noii jucători de a depăși liderii tradiționali din industrie.

Citiri suplimentare pe Blogul Toptal Design:

• eCommerce UX – Strategii și principii de design esențiale
• UX eCommerce pentru experiența mobilă
• Cum să agățați cumpărătorii de comerț electronic prin UX Design
• Comerțul electronic reproiectat: cum modificările minore au adus îmbunătățiri majore UX