Ce trebuie să știți pentru reproiectarea unui site de comerț electronic în 2021

Este anul în care veți reproiecta site-ul dvs. de comerț electronic? Dacă au trecut câțiva ani de când ai, atunci trebuie să știi că s-au schimbat multe.

Este de la sine înțeles că un site modern de comerț electronic trebuie să fie proiectat mai întâi pentru mobil, deoarece majoritatea cu care lucrez acum primesc 70% sau mai mult din traficul lor de pe dispozitive mobile. Cu toate acestea, acesta este doar un punct de plecare - există o mulțime de subtilități de luat în considerare dacă doriți ca site-ul dvs. să transforme utilizatorii în clienți.

Am consultat cu privire la uzabilitate pentru o gamă largă de site-uri de comerț electronic în ultimii cinci ani și am elaborat principiile pe care le urmează cele mai bune. Vă voi parcurge opt moduri de a vă asigura că site-ul dvs. este la zero pentru utilizatorul de astăzi, inspirat de liniile directoare din cartea mea Proiectarea site-urilor de comerț electronic.

Evitați videoclipurile lungi de pe pagina principală

Pagina de pornire este un loc de impresionat. O mulțime de site-uri web pun bani în fotografiile de ultimă generație, dar s-ar putea să luați în considerare utilizarea videoclipurilor aici pentru a prezenta produse sau pentru a spune povestea mărcii. La urma urmei, videoclipurile sunt peste tot acum, în special pe rețelele de socializare.

Atunci când este utilizat corect, videoclipul poate fi excelent atât pentru a informa utilizatorii, cât și pentru a-i excita. Cu toate acestea, indiferent cât de strălucitor este videoclipul dvs., dacă utilizatorul trebuie să facă clic pe redare, fiți pregătiți pentru majoritatea oamenilor să o ignore. În numeroasele teste de utilizator pe care le-am urmărit, acesta este cel mai frecvent comportament la videoclipurile din pagina de destinație.

De ce? În această etapă a călătoriei utilizatorilor, atenția lor este scurtă. Utilizatorii sunt mai predispuși să părăsească site-ul complet și să sară, să nu-și dedice timp să urmărească ceva necunoscut.

La început, ar trebui să îi ajutați pe utilizatori să se deplaseze rapid, astfel încât să rămâneți la videoclipuri scurte, silențioase, cu redare automată, în buclă. În acest fel veți obține informațiile fără ca aceștia să fie nevoiți să se angajeze profund. Videoclipurile mai lungi pot deveni foarte utile mai târziu în călătorie pentru a explica lucruri precum caracteristicile produsului, atunci când utilizatorul este mai interesat.

Site-ul Prynt folosește un scurt videoclip redat automat pentru a arăta produsul în acțiune. Există, de asemenea, o opțiune de a urmări totul cu sunet.

Nu umpleți pagina dvs. de pornire cu conținut în exces

Dacă ați făcut o muncă grea de marketing pentru a atrage utilizatorii pe pagina dvs. de pornire și ați creat un pitch convingător pentru magazinul dvs., ce urmează? Există multe lucruri pe care le-ai putea spune despre compania ta, așa că este acum șansa?

Ai grija. Cu cât vă faceți pagina de destinație mai lungă, cu atât riscați ca utilizatorul să se oprească sau să se confunde. În timp ce utilizatorii derulează confortabil, se vor opri în curând dacă conținutul nu este direct legat de sarcina lor.

Ori de câte ori proiectați, respectați regula „o singură pagină, un singur scop'. Scopul acestei pagini este de a introduce ceea ce vindeți și de a determina utilizatorul să caute acele produse.

Chiar au nevoie să vă vadă cele mai recente cinci postări de blog, cele mai recente tweet-uri și un perete de imagini Instagram? Postările de socializare sunt deosebit de inutile, deoarece tocmai ați introdus utilizatori pe site-ul dvs. și dacă dați clic pe acestea, le veți elimina din nou.

Cu cât puneți mai multe lucruri pe pagină, cu atât mai multe distragerile pe care le oferi utilizatorului de la acțiunea dvs. principală și de la lucrul cheie pe care doriți să îl facă. Utilizatorii de dispozitive mobile tind să aibă sesiuni mai scurte și se concentrează pe îndeplinirea sarcinilor - conținut suplimentar nu va ajuta la asta.

Faceți filtrele ușor accesibile

Când aveți o mulțime de produse, filtrele sunt esențiale pentru a ajuta utilizatorii să găsească ceea ce au nevoie. Marea majoritate a site - urilor de comerț electronic (aproximativ 90% dintre cei pe care i-am studiat) au filtrele lor într-o suprapunere pe mobil. Acest lucru are sens atunci când nu există prea mult spațiu disponibil, dar înseamnă că utilizatorii nu sunt foarte susceptibili să le vadă de fapt.

Ca o regula 95% dintre utilizatori nu modifică valorile implicite și acest lucru se aplică deschiderii unui meniu de filtre pentru a selecta opțiuni specifice. Este ceva care a fost confirmat în testele utilizatorilor de comerț electronic pe care le-am urmărit și eu. Găsirea produselor pe paginile listărilor este un domeniu în care experiența de navigare în comerțul electronic este superioară pe desktop.

Dacă utilizatorii dvs. filtrează, este mai probabil să găsească un produs pe care îl doresc de fapt. Provocarea dvs. pe mobil este de a găsi modalități de a face acest lucru cu economie de spațiu. O metodă arată cea mai relevantă categorie de filtre din pagină cu butoane pentru opțiuni (a se vedea mai jos Macy's). Dacă atingeți una, se vor încărca listele cu acel filtru aplicat, moment în care următorul filtru cel mai relevant ar fi afișat.

reproiectare comerț electronic - opțiuni de filtrare ale lui Macy
Site-ul Macy aduce câteva opțiuni de filtrare în pagină ca butoane. Burberry face ca categoriile de filtre să fie vizibile pe pagină.

 

Cel puțin asigurați-vă că butonul pentru a accesa meniul complet de filtrare este evident. De asemenea, ar trebui să indice clar când se aplică un filtru, astfel încât utilizatorii să știe când văd un set limitat de rezultate.

Reproiectați-vă înregistrările pentru imagini mai mari

Majoritatea paginilor de înregistrări de comerț electronic încearcă să afișeze mai multe produse pe ecran simultan. Ca urmare, produsul imaginile tind să fie destul de mici (de aceea sunt cunoscute în mod tradițional sub numele de miniaturi).

Cu toate acestea, imaginea este o parte esențială în a ajuta utilizatorul să ia o decizie cu privire la ce produs să selecteze. În multe cazuri, vă spune mult mai mult decât poate face orice text. Produsele precum îmbrăcămintea și mobilierul se bazează pe faptul că utilizatorul face o distincție subiectivă între diferitele lucruri oferite.

Puteți avea chiar și imagini mari pe mobil. Aplicații precum Instagram i-au determinat pe utilizatori să se aștepte la înaltă calitate oriunde s-ar afla și am văzut adesea că utilizatorii apreciază acest lucru. Nu contează unde sunt pe site, fotografia bună este întotdeauna iubită.

Airbnb are imagini mari care pot fi defilate prin (stânga). Zara (dreapta) are imagini cu lățimea ecranului complet pe listele lor.

Desigur, dacă credeți că ceva poate fi mai bine vândut în câteva imagini, atunci faceți acest lucru. Site-urile de călătorie au adesea mai multe fotografii în miniaturi ale listelor cu o săgeată subtilă pentru a le defila. Multe site-uri de îmbrăcăminte oferă opțiunea de a arăta singur produsul și de a fi purtate de un model.

Afișați opțiunile produsului ca butoane

Veți fi conștienți de faptul că multe produse sunt disponibile în variante precum culoarea, dimensiunea, materialul sau altceva. Pagina cu detalii despre produs este locul în care utilizatorii aleg în cele din urmă. Pentru a face alegerea mai ușoară, ar trebui să evitați să aruncați aceste opțiuni în meniurile derulante.

Ar trebui să fie butoane vizuale pentru a ajuta utilizatorul să vadă toate opțiunile și ar trebui să clarifice atunci când o variație înseamnă o modificare a prețului. Dacă varianta schimbă aspectul produsului (cum ar fi culoarea), atunci selectarea acestuia ar trebui să actualizeze imaginea principală a produsului. Acest lucru nu lasă utilizatorului nicio îndoială cu privire la ceea ce va fi comandat.

reproiectare comerț electronic - opțiuni de dimensiuni Nike
John Lewis (stânga) are culorile produsului ca butoane cu indicatori vizuali. Nike (dreapta) expune toate opțiunile de dimensiune și dezactivează dimensiunile care nu sunt disponibile.

Un alt beneficiu este că, prin dezactivarea anumitor butoane, utilizatorul poate vedea dintr-o privire ce variante sunt epuizate. Din nou, acest lucru salvează derularea printr-o listă derulantă de opțiuni.

Când vine vorba de selectarea dimensiunilor, este mai bine să nu aveți o dimensiune implicită. Dacă există utilizatori, ar putea ajunge să adauge valoarea implicită, mai degrabă decât aceștia pe care îi doresc. Acest lucru ar putea duce la obținerea multor returnări și la frustrarea clienților.

Lăsați afară butoanele de partajare

Facebook, Twitter, Pinterest, Instagram, LinkedIn, Snapchat. Utilizatorii dvs. probabil stau la unul sau mai multe dintre acestea reţele sociale. Deci, ar trebui să le dați butoane de partajare pe paginile cu detalii despre produs?

Multe site-uri de comerț electronic prezintă încă acele mici icoane în speranța că va încuraja oamenii să-și promoveze produsele pe web. Din păcate, sunt aproape sigur o pierdere de timp.

Nimeni nu face clic pe ele. De fapt, 0.2% dintre oameni o fac, conform unui studiu. De asemenea, ar putea părea un fragment de cod, dar vine cu o mulțime de lucruri suplimentare care încetinesc viteza paginii.

Creșterea „influențatorilor” plătiți înseamnă că utilizatorul modern nu mai dorește să difuzeze mărci fără a avea ceva în ea. Mai mulți oameni vor fi dispuși să împartă în privat cu un prieten sau un membru al familiei. Este posibil ca linkurile care permit partajarea prin e-mail sau printr-un serviciu de mesagerie instant, cum ar fi WhatsApp, să funcționeze mai bine.

Integrează portofele de plată

Servicii de portofel de plată precum PayPal, Apple Pay și Android Pay sunt în creștere. Este din ce în ce mai frecvent să le vedeți ca opțiuni pentru fluxurile de verificare a comerțului electronic. De fapt, ar putea să omoare checkout-ul standard și eventual utilizarea cardurilor de credit și a numerarului cu totul.

reproiectare comerț electronic - integrare plătită Amazon
Tamara Mellon (stânga) are opțiunea Apple Pay, PayPal și Amazon Pay în coș și în casă. Gucci oferă posibilitatea de a trece la PayPal din notificarea „adaugă la geantă”.

Introducerea unei parole, a amprentelor digitale sau scanarea feței și apoi posibilitatea de a finaliza imediat plata sunt mult mai convenabile decât completarea formularelor. Cu comerțul electronic dominat de dispozitive mobile, este esențial să oferiți o plată ușoară, care nu implică completarea formularelor.

Ușurința de utilizare ar trebui să încurajeze mai mulți utilizatori să finalizeze plata cu dvs. Există, de asemenea, un avantaj de securitate, deoarece utilizatorii se vor simți probabil mai siguri cu un portofel ca intermediar dacă nu au auzit de marca dvs. înainte.

Pe parcursul testelor utilizatorilor pe care le-am efectuat asupra fluxurilor de plată, aud în mod regulat comentarii de genul „Prefer mult opțiunea de a folosi PayPal” și „Sunt foarte conștient de securitate și voi plăti doar folosind PayPal”. PayPal este în prezent bine cunoscut, dar atunci când decideți să utilizați, mergeți cu cele mai populare țări și dispozitive ale site-ului dvs.

Permiteți utilizatorilor să colecteze

Un număr tot mai mare de site-uri de comerț electronic oferă utilizatorilor posibilitatea de a-și colecta comanda, mai degrabă decât de a o livra. Este bine pentru utilizatorii care nu sunt acasă foarte des și, de asemenea, nu pot primi livrarea la locul de muncă. Oferirea acestei opțiuni va crește doar numărul de utilizatori care pot cumpăra de la dvs.

Cea mai ușoară (și adesea cea mai bună) abordare este de a adăuga colectarea ca alternativă la livrare în casă. Solicitați utilizatorului să-și introducă locația și să le arate opțiuni pentru locul în care își poate prelua comanda. De asemenea, este important să arătați orele de deschidere ale locației de preluare - aceste date provin adesea din integrarea cu o companie de livrare.

O fereastră de clic și colectare din caseta ASOS, permițând utilizatorului să aleagă la care magazin de conveniență să trimită livrarea.

Abordarea mai complexă este ca dvs. să integrați opțiunea de colectare în fiecare pagină de detalii despre produs de pe site. Acest lucru are sens dacă ai magazine de cărămizi și mortar deoarece permite verificarea stocurilor în anumite magazine.

Cu toate acestea, pot apărea probleme atunci când utilizatorii au mai multe produse în comanda lor. Dacă nu sunt atenți, pot ajunge la unele produse pentru livrare și altele pentru colectare (un coș „mixt”). Pentru a evita acest lucru cel mai devreme, vă recomand să permiteți utilizatorului să specifice colecția sau livrarea se află în stadiul coșului, astfel încât să se aplice întregii comenzi.

Mai multe sfaturi de comerț electronic

Acesta a fost opt ​​moduri de a vă asigura că site-ul dvs. de comerț electronic este reproiectat pentru a fi potrivit pentru 2020 și ulterior. Desigur, trebuie să luați în considerare mai mult decât atât atunci când reproiectați un site web complet de comerț electronic. De fapt, am scris o carte care conține 66 de linii directoare pentru proiectarea magazinelor online care convertesc, pe baza a 10 ani de experiență în design UX.

Cartea se numește Proiectarea site-urilor de comerț electronic, este disponibil pe Amazon într-o varietate de formate, inclusiv broșate și Kindle. Sau puteți obține versiunea PDF digitală pe site-ul meu, care include toate ilustrațiile din cartea tipărită. Puteți obține, de asemenea 15% off versiunea digitală pentru o perioadă limitată de timp cu codul promoțional PLATFORMS.