10 sfaturi pentru proiectarea unui magazin web excelent

Antreprenorii și comercianții de retail din cărămidă și mortar care doresc să se extindă în cumpărăturile online au la dispoziție mai multe opțiuni decât oricând, dar au, de asemenea, mai multe considerații ale site-ului și opțiuni tehnice de descifrat. Construirea unui magazin web eficient are încă furnizori la cheie, cum ar fi magazinele Wix, care pot face ca prezența inițială să fie rapidă și simplă. Dar cei care sunt cu adevărat serioși în ceea ce privește creșterea afacerilor lor online vor constata că nevoile lor evoluează dincolo de aceste servicii la cheie destul de rapid.

Există multe întrebări la care trebuie să răspundeți înainte ca orice să apară efectiv în cyberspațiu și apoi cu atât mai mult cu cât afacerea se maturizează. Culegerea de date asupra clienților este un exemplu excelent și o întrebare majoră astăzi, în special pentru magazinele care doresc să acceseze piețele europene. Conversia valutară și diferitele legi privind comerțul electronic sunt încă probleme spinoase pe aceste piețe, dar acum va trebui să vă ocupați și de Regulamentul general privind protecția datelor (GDPR), care necesită un proces de gestionare mult mai atent pentru datele clienților.

Securitatea tranzacției este o altă întrebare esențială, deoarece înseamnă echilibrarea nevoii de siguranță a clienților cu câte cercuri veți avea nevoie să le sară înainte de a face o achiziție. Și indiferent de deciziile pe care le luați pentru site-ul dvs. standard, va trebui să aveți aceleași discuții pentru iterarea sa mobilă. Pentru că, deși mobilitatea a fost cu siguranță una dintre cuvintele cheie ale anului trecut, cele 12 luni suplimentare nu au redus în niciun fel importanța.

Gândirea curentă desemnează faptul că constructorii de web trebuie să proiecteze mai întâi experiența mobilă și apoi să ajusteze experiența pe desktop, după cum este necesar.

„Fiecare element, fiecare conținut trebuie să fie funcțional pe mobil”, a declarat Jimmy Rodriguez, Chief Operating Officer (COO) la 3dcart. "Dacă începeți de la zero, proiectați pentru mobil. Cu un design receptiv, puteți construi site-ul web pentru a începe pe mobil și apoi a-l aduce pe desktop."

Pentru a vă ajuta să vă proiectați magazinul de comerț electronic atât pentru utilizatorii de dispozitive mobile cât și pentru desktop, am compilat cele 10 sfaturi importante de mai jos. Cu toate acestea, Rodriguez recomandă ca, înainte ca întreprinderile să încorporeze oricare dintre acestea în magazinele lor, să testeze aceste caracteristici A / B pe pagini de produse specifice pentru a vedea cum procedează înainte de a le difuza pe întregul site web.

1. Navigare cu antet adeziv

Am fost cu toții acolo: am defilat până în partea de jos a unei pagini de produse pentru a citi recenziile utilizatorilor sau detaliile produsului și acum suntem gata să părăsim pagina pentru a reveni la meniu pentru a continua călătoria noastră de cumpărături. Din păcate, pentru a reveni la meniu, de obicei, a trebuit să facem clic pe butonul „Pagina sus” de pe tastaturile desktop sau să atingem în partea de sus a ecranului pe dispozitivele noastre mobile.

Cu anteturile adezive, în timp ce derulați în jos, meniul se redimensionează și se reglează. Meniul vă urmărește de-a lungul călătoriei pentru a menține navigarea pe ecran în cazul în care trebuie să săriți rapid paginile. Puteți vedea acest lucru în vigoare pe Bose.com. În ciuda faptului că este la mijlocul paginii, puteți accesa navigarea principală a paginii fără a fi necesar să vă întoarceți în partea de sus a ecranului.

2. Meniuri cu hamburger

Deși meniurile Hamburgerului sună ca o caracteristică cea mai potrivită pentru restaurantele fast-food, acestea devin rapid un element indispensabil pentru companiile care fac multe afaceri pe dispozitivele mobile. Le-ați văzut înainte: Meniurile Hamburger au devenit pictograma mobilă standard pentru navigare și meniuri mobile.

Ele prezintă trei linii orizontale care, atunci când sunt apăsate, oferă un meniu derulant al navigării unui site web. Acestea sunt utile în special pe dispozitivele mobile în care ecranul imobiliar este la un nivel premium. Dar începem să le vedem și pe site-urile desktop, astfel încât consumatorii au o experiență similară pe site-urile companiei, indiferent de dispozitivul pe care îl folosesc.

"Mulți oameni văd meniurile Hamburgerilor și știu ce înseamnă, dar nu știu că este practic noul standard", a spus Rodriguez. "Vizitatorii de telefonie mobilă au învățat semnificația acestui simbol, iar site-urile web ar trebui să-l includă ca un standard pentru navigarea mobilă."

Puteți vedea un meniu Hamburger în colțul din dreapta sus al Target.com și pe site-ul mobil al Target. Puteți vedea, de asemenea, în imaginea de mai jos.

3. Defilare Parallax

Mai puțin de o funcționalitate funcțională și mai mult de o modalitate de a îmbunătăți estetica site-ului dvs. web, Parallax Scrolling profită de bannere mari care sunt pline de imagini de înaltă rezoluție pentru a adăuga un stil artistic pe site-ul dvs. web. Profitând de imagini mari, cu lățime mare, puteți crea un efect de deplasare între imaginea de fundal a site-ului dvs. web și imaginea care este direct în fața consumatorului.

După cum puteți vedea în imaginea de mai jos de la RimmelLondon.com, pe măsură ce defilați pagina, imaginile de fundal ale site-ului web se schimbă. Cu toate acestea, schimbarea are loc subtil pe măsură ce imaginile de fundal și prim plan se amestecă între ele. Imaginea de mai jos arată site-ul web chiar în momentul în care imaginea de fundal se schimbă de la violet la roz.

4. Defilare infinită

Defilarea infinită sună mai mult ca o tehnică de tortură decât o caracteristică de comerț electronic. Cu toate acestea, acest instrument extraordinar permite utilizatorilor dvs. să vizualizeze continuu produse noi, fără a trebui să facă clic pe și să încarce o nouă pagină. Iată cum funcționează: când defilați în josul unei pagini de comerț electronic, pagina încarcă automat mai multe articole în partea de jos a paginii. Sunt încă catalogate ca pagini în partea din spate, dar vizitatorul nu știe asta.

Puteți vedea o caracteristică similară pe UnderArmour.com. Din păcate, Under Armour vă solicită să faceți clic pe butonul „Încărcați mai multe” pentru a vedea conținut suplimentar. Unele site-uri web sunt echipate cu un mecanism de deschidere automată care vă va afișa mai mult conținut fără a necesita un clic.

5. Un buton plutitor „Adaugă în coș”

Similar instrumentului Navigare adezivă, butoanele plutitoare „Adaugă în coș” permit consumatorilor să adauge produse în coșul de cumpărături, indiferent de locul în care se află pe pagina produsului. Anterior, utilizatorii ar fi defilat în jos la recenziile utilizatorilor, detaliile produsului și alte elemente ale paginii inferioare și, pentru a adăuga produsul în coș, ar trebui să defileze înapoi în partea de sus a paginii. Acum, companii precum Diesel.com vă permit să vedeți prețul, cantitatea, opțiunile de culoare și imaginea produsului, precum și butonul „Adaugă în coș”, indiferent de locul în care vă aflați pe pagina produsului.

6. Folosiți Legea Fitts

Nu vă vom plictisi cu matematica din spatele Legii Fitts, dar este în esență o teorie conform căreia un obiect este mai mare și mai apropiat de noi, cu atât este mai probabil să interacționăm cu acesta. Același principiu de bază poate fi aplicat comerțului electronic. Dacă doriți să ghidați utilizatorii către paginile de produse, coșurile de cumpărături și promoțiile, atunci ar trebui să faceți acele butoane mari, colorate și cât mai aproape de mijlocul paginii.

Dacă ignorați Legea Fitts și plasați butoane minuscule, alb-negru de-a lungul șinelor sau în partea de jos a paginilor, atunci puteți pierde potențialii cumpărători. Nu face această greșeală.

7. Afișați recenziile și mărturiile clienților

Nu doriți ca clienții să vină pe site-ul dvs. web, să vadă produsele dvs., apoi să se îndrepte către Amazon.com pentru a verifica recenziile utilizatorilor. La urma urmei, Amazon.com poate vinde produsul mai ieftin sau clientul poate prefera experiența de cumpărare Amazon.com față de site-ul dvs. web.

Dacă oferiți clienților dvs. capacitatea de a evalua și revizui produsele, atunci veți putea să vă feriți de acei clienți precauți care au nevoie de asigurarea opiniilor altor consumatori înainte de a face o achiziție. Majoritatea instrumentelor de comerț electronic fac aprecierile și recenziile ușor de implementat, astfel încât nu vă feriți de implementarea acestei practici.

8. Un birou de servicii pentru clienți eficient

Colaborarea cu clientul este esențială pentru succesul cu amănuntul și nicăieri nu este mai ușor sau mai eficient decât la biroul de servicii pentru clienți. Grija corespunzătoare a unui client irat, nemulțumit sau chiar confuz este una dintre căile cele mai sigure pentru a-și repeta activitatea. Aplicațiile de asistență și asistența de asistență de astăzi o fac mai ușoară ca niciodată. Folosind una dintre aceste aplicații, nu numai că organizează solicitări ale clienților, ci vă permite, de asemenea, să captați datele despre clienți și răspunsuri pe care le generează aceste întâlniri și să le canalizați către motoarele dvs. de management al relațiilor cu clienții (CRM), marketing și analiza business. Făcând acest lucru vă permite să aveți o atenție mai atentă asupra a ceea ce cred clienții despre magazinul dvs. și produsele sale.

Unde vă amplasați ancorele și punctele de contact pentru serviciul clienți, este important pentru experiența generală a clienților. Și dacă această interacțiune ia forma unei simple pagini de contact sau merge până la deschiderea unei ferestre de chat cu oricine rămâne pe site mai mult de 60 de secunde, este ceva care depinde de tipurile de produse pe care le vindeți și statistici medii ale vizitelor site-ului pentru magazinul dvs.

Dar a face un birou de servicii pentru clienți un succes înseamnă mai mult decât software. Trebuie să vă asigurați că cineva profesionist este acolo pentru a face față acestor solicitări sau este o investiție irosită. Clienții care s-au confruntat cu probleme de a face clic pe un buton „Contactați serviciul pentru clienți” se așteaptă să primească ajutor live de la un om real. Puteți gestiona acest lucru prin telefon sau prin chat instant, o caracteristică care devine tot mai comună cu furnizorii de servicii de asistență. Și dacă sunteți încurcat pentru personal, puteți face față operațiunii de asistență pentru clienți cu chat-uri inteligente care „sună” uman, în timp ce puteți gestiona un deluge de cereri primite la nivel de bază, înmânând doar cererile mai complexe către homo real sapiens.

9. Verificări de pâine

Atunci când clienții pleacă din magazinul dvs., le place să știe unde sunt în proces, cât de departe de terminare și cum să se întoarcă ușor fără a pierde toate datele pe care le-au introdus deja. Breadcrumb Checkout arată clienților exact locul în care se află, folosind un design liniar pentru butoanele de navigare care permite consumatorilor să facă clic înainte și înapoi de la Conectare, Opțiuni de plată, Opțiuni de expediere, Plasează comanda sau Continuați cumpărăturile. Fără acest aspect, consumatorii pot apăsa butonul Înapoi, vor vedea că informațiile lor nu sunt înregistrate, frustrate și apoi părăsesc site-ul.

10. Vizualizări la 360 de grade

Cumpărați vreodată o jachetă aparent modestă online doar pentru a vă da seama că are înapoi o strasă cu stâlp? Ei bine, când ai returnat acel produs, ai pierdut timpul și timpul vânzătorului și ai costat banii companiei. Nu vă faceți griji, nu a fost vina ta. Mai mult decât probabil, vânzătorul a avut doar imagini frontale și laterale ale jachetei. Dacă vânzătorul ar fi oferit imagini de vizualizare în 360 de grade, ați fi observat acele pietre de stras și ați fi făcut clic pe butonul Anulați comanda.

Nu faceți aceeași greșeală pe propriul dvs. site web. Pe lângă faptul că permiteți clienților să se apropie de imagini, dați-le opțiunea de a roti sau de a vizualiza mai multe unghiuri ale imaginii, la fel cum o face și Kenneth Cole.com. În acest fel, nu sunt surprinși atunci când deschid cutia de livrare și scot un produs pe care nu îl așteptau.