Sfaturi de design Shopify și cele mai bune practici UX

Shopify alimentează mai mult de jumătate de milion de afaceri de comerț electronic în 175 de țări. Din 2012, numărul comercianților de pe platforma Shopify a crescut în medie cu 74% anual, iar acești comercianți au realizat vânzări de peste 55 de miliarde de dolari, ca urmare a faptului că Shopify este una dintre cele mai cunoscute și mai ușor de utilizat platforme de comerț electronic în prezent.

Cu Shopify având grijă de domenii, găzduire, toate back-end-ul și unele funcționalități front-end, mai mult timp, bani și resurse pot fi cheltuiți pentru designul UX. Până în 2021, se așteaptă ca vânzările de comerț electronic la nivel mondial să atingă un nou maxim de 4,9 trilioane de dolari și, având în vedere că designul UX substandard este unul dintre cei mai mari contributori la achizițiile abandonate, este mai mult decât clar că implementarea celor mai bune practici de comerț electronic se va dovedi în continuare foarte eficientă.

În acest articol, vom explora cele mai importante sfaturi de design Shopify.

Ce caracteristici are Shopify?

Shopify este livrat cu toate funcțiile pe care le-ați aștepta de la o platformă de comerț electronic de top:

• Integrare cu gateway-uri de plată externe, cum ar fi Stripe și PayPal
• Acces la Shopify Payments, cu zero comisioane în comparație cu opțiunile externe
• Posibilitatea de a permite plata prin card cadou sau credit din magazin
• O pagină de plată personalizabilă (numai pentru clienții Shopify Plus)
• Opțiunea de conturi de utilizator sau de checkout pentru invitați
• Pagini statice (de exemplu, Politica de confidențialitate sau Termenii și condițiile)
• Pagini de destinație cu conținut promoțional
• Acces prin parolă pentru magazinele în curs de dezvoltare
• Variante de produse cu o gamă de opțiuni personalizabile
• Colecții inteligente pentru a automatiza clasificarea produselor
• Funcționalitatea de căutare și etichetare pentru a ajuta descoperirea produselor
• Funcționalitate de blog cu capacitatea de a încorpora produse în postări
• Un API pentru a ajuta dezvoltatorii să creeze site-uri web dinamice și aplicații mobile

Îmbunătățirea descoperirii produselor de comerț electronic

Similar cu modul în care magazinele fizice sunt organizate pe departamente, astfel încât clienții să poată localiza anumite articole întrebând un membru al personalului, cumpărătorii online au nevoie de capacitatea de a naviga, filtra și căuta, astfel încât să poată găsi cu ușurință ceea ce caută și repede .

40% dintre clienții comerțului electronic abandonează site-urile web care durează mai mult de 3 secunde pentru a se încărca, ceea ce sugerează cât de nerăbdători sunt atunci când vine vorba de descoperirea produselor. Din fericire, Shopify are o serie de funcții care facilitează construirea unei navigații personalizate, organizarea produselor și categoriilor și implementarea funcționalității de căutare.

Navigare personalizată

Prezentarea clientului cu prea multe opțiuni poate provoca paralizia analizei (atunci când există prea multe opțiuni disponibile pentru a lua o decizie eficientă duce la frustrare și abandon). Prin proiectarea unei navigații personalizate, putem prioritiza produsele și „colecțiile” care se convertesc cel mai eficient, de exemplu, afișând în mod vizibil colecția „Desk” dacă produsele de birou sunt cele mai populare. Aceste navigații personalizate pot fi editate și în CMS Shopify pentru a permite testarea A/B ocazională.

Din punct de vedere vizual, temele Shopify cu cea mai bună conversie afișează titlul colecției în mod clar și utilizează suficient spațiu alb pentru a ajuta utilizatorul să identifice cu ușurință ceea ce caută printre toate produsele, colecțiile și paginile oferite.

Colecții

O colecție este un grup organizat de produse similare. Produsele pot fi sortate manual în colecții sau pot fi sortate automat pe baza unor criterii potrivite (de exemplu, dacă titlul produsului conține un anumit cuvânt cheie, i s-a atribuit o anumită etichetă sau se încadrează într-un anumit interval de preț). Colecțiile pot fi, de asemenea, temporare (adică, sezoniere sau pentru o vânzare pe timp limitat), asigurându-se că design-urile site-ului Shopify sunt întotdeauna relevante, în timp util și, mai ales, cu o mare conversie.

În timp ce aceste colecții sunt definite în culise, este util pentru designerii de comerț electronic să fie conștienți de această funcționalitate atunci când proiectează pentru Shopify.

Etichete de produs

Etichetele afișate/vizibile îi ajută pe clienți să găsească produse similare și, așa cum sa menționat mai sus, pot fi folosite și intern pentru a crea colecții. Cu toate acestea, cel mai mare beneficiu al etichetelor constă în faptul că pot fi folosite pentru a crea o căutare cu fațete , permițând clienților să filtreze produsele pe baza unui atribut definitoriu etichetat, cum ar fi „Galben”.

Ține cont de aceste sfaturi de design Shopify:

• Pentru o clarificare suplimentară, arătați ce filtre sunt aplicate.
• Permiteți clienților să elimine filtrele pentru a-și extinde căutarea.
• Trunchiază filtrele pentru a le afișa doar pe cele mai populare la prima vedere.

Căutare

Funcționalitatea de căutare este utilă pentru clienții care știu exact ce caută și este deosebit de importantă pentru cumpărătorii de pe dispozitive mobile, cărora li se pare frustrantă navigarea și filtrarea din cauza stânjenirii naturale de a interacționa pe un dispozitiv mobil.

Acestea sunt cele mai bune practici Shopify de luat în considerare atunci când proiectați experiențe de căutare:

• Nu ascunde niciodată caseta de căutare; reduce frecarea făcându-l disponibil imediat.
• Plasați căutarea acolo unde clienții se așteaptă să fie (adică, în dreapta sus sau centralizată).
• Afișați întreaga casetă de introducere, nu doar pictograma de căutare.
• Încorporați funcționalitatea de completare automată pentru a ajuta utilizatorii să caute mai rapid.
• Proiectați pentru eroarea umană folosind rezultatele sugerate și corectarea automată.
• Salvați căutările utilizatorilor și trimiteți e-mailuri ulterioare dacă nu s-a făcut nicio vânzare.

Cele mai bune practici Shopify pentru paginile cu produse

Shopify oferă toate funcțiile necesare pentru a agăța cumpărătorii de comerț electronic și pentru a ghida fluent utilizatorii direct la finalizarea comenzii. Dacă combinăm aceste funcții cu cele mai bune practici de comerț electronic, putem împinge numărul de comenzi abandonate sub statistica medie.

Utilizați imagini captivante ale produselor

Ceea ce face un site bun de comerț electronic sunt imaginile care captivează emoțional utilizatorii. În acest scop, Shopify permite încărcarea mai multor imagini și variante de produse. Cu toate acestea, ca cea mai bună practică Shopify, afișați cel puțin una dintre aceste imagini de produs la scară (adică, înconjurată de alte obiecte pentru a ilustra cât de mare este produsul) pentru a stabili așteptările.

Clienții doresc să efectueze o investigație amănunțită a produsului înainte de a se angaja să-l cumpere, pentru a se asigura că toate imaginile produsului sunt vii, de înaltă calitate și care se pot mări.

Afișează informații clare despre produs

Un număr șocant (dar nu surprinzător) de clienți de comerț electronic își abandonează coșurile de cumpărături din cauza lipsei de informații despre costul real. 60% dintre clienți menționează costuri neașteptate (de exemplu, transport, taxe, taxe) drept motiv pentru abandonul coșului, iar 23% nu pot calcula costul total în avans. Lipsa transparenței este o modalitate sigură de a acumula conversii pe site-urile de comerț electronic, așa că țineți cont de aceste sfaturi și trucuri Shopify:

• Utilizați tehnici de dezvăluire progresivă pentru a structura informațiile în mod clar.
• Afișați o defalcare completă a costurilor în avans.
• Comunicați în mod explicit propunerea de valoare.
• Faceți butonul Cumpărați acum/Adăugați în coș distinctiv vizual.

Construiți încredere și reasigurare

Potrivit Baymard Institute, lipsa de încredere este invocată drept motivul pentru care 19% dintre clienți abandonează la casă. Din fericire, toate magazinele Shopify sunt livrate implicit cu SSL (checkout securizat), dar permit și clienților să lase recenzii ca dovadă socială.

Dovada socială este o modalitate incontestabilă de a crește vertiginos conversiile prin sporirea încrederii pe site-urile de comerț electronic. Potrivit BrightLocal, 88% dintre consumatori au încredere în recenziile online la fel de mult ca într-o recomandare personală, așa că este esențial să îi îndeamnă pe clienții anteriori să lase recenzii și să indice acest lucru în călătoria clientului. Majoritatea temelor Shopify profită și de marcajul Schema pentru a integra aceste evaluări direct în rezultatele căutării.

Pe lângă validarea socială, luați în considerare creșterea încrederii clienților prin implementarea unei soluții de chat live, cum ar fi Intercom, Zendesk, Drift sau Kayako. Shopify permite integrarea cu servicii terțe prin intermediul magazinului lor de aplicații și prin instalare manuală.

Afișați recomandări legate de produse

Toate companiile de comerț electronic de top profită de strategiile de vânzare încrucișată și de upsell. Etichetele, combinate cu analize și integrări de testare A/B, cum ar fi Recomandările Web ale Optimizely, pot ajuta designerii să-și dezvolte companiile să îmbunătățească ratele de conversie prin afișarea de articole alternative sau suplimentare de care ar putea fi interesați clienții.

Integrați personalizarea experienței de cumpărături

Integrări precum Personalizările web de la Optimizely, în combinație cu colecțiile și etichetele Shopify, permit companiilor bazate pe date să segmenteze publicul în funcție de interesele lor și istoricul de achiziții anterior și să modifice conținutul paginii în consecință.

Cu tehnici de proiectare anticipative, magazinele Shopify pot afișa conținut mai relevant, menținând publicul implicat mai mult timp și, astfel, mai probabil să se convertească la o vânzare. Personalizarea este cheia pentru creșterea profitului financiar al oricărei afaceri de comerț electronic.

Optimizare checkout

Checkout pentru invitați vs. Conturi de clienți

Potrivit Baymard Institute, „site-ul a vrut să-mi creez un cont” este al doilea cel mai frecvent motiv (la 35%) pentru care clienții renunță la casă fără să cumpere nimic. Shopify recomandă să se permită finalizarea plății oaspeților (în special pe mobil) și, în acest scop, este opțiunea implicită de a avea conturile de clienți dezactivate.

Identificarea defectelor UX și reducerea pierderilor

Încercarea de a rezolva casele abandonate fără analize solide este la fel de eficientă ca și căutarea unei pisici negre într-o cameră întunecată. Optimizarea experiențelor utilizatorilor și a fluxurilor de plată funcționează cel mai bine atunci când este un proces bazat pe date.

Designerii Shopify pot conecta Google Analytics la Shopify și pot configura o pâlnie de obiectiv, care, după ce au fost colectate suficiente date, va ilustra exact unde decid clienții că nu doresc să continue achiziția.

Pentru cele mai bune rezultate, integrați Shopify cu instrumente precum Crazy Egg, Hotjar și FullStory pentru a observa aceste zone cu probleme mai detaliat folosind hărți termice și înregistrări ale vizitatorilor.

Concluzie

Pentru ca designerii să poată comunica mai bine beneficiile și capacitățile platformei Shopify și să învețe ce soluții poate și nu poate oferi clienților, cel mai bine este să deschizi un magazin demo gratuit. În plus, designerii de comerț electronic de top pot deveni experți Shopify înregistrați, adăugând mai multă credibilitate CV-ului lor ca designer de site-uri Shopify.

Citiri suplimentare pe Blogul Toptal Design:

• Citiți blogul Shopify pentru mai multe sfaturi și trucuri Shopify.
• 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
• Design receptiv – Cele mai bune practici și considerații