Un ghid cuprinzător pentru proiectarea site-urilor web de comerț electronic

Ultima actualizare - 8 iulie 2021

Deși există mulți factori care trebuie luați în considerare atunci când vă propuneți să creați un site web de comerț electronic de succes, unul pe care pur și simplu nu doriți să îl treceți cu vederea este designul general. Un design grozav se pretează la o experiență îmbunătățită a utilizatorului, o mai bună prezentare a produselor și un site web pe care utilizatorii dvs. își vor aminti. Există un milion de motive pentru care cineva ar putea să intre pe site-ul tău web și să „sare” – adică să plece fără a întreprinde nicio acțiune, cum ar fi cumpărarea unui produs sau înscrierea la buletinul informativ. Nu lăsați un design de site web lipsit de strălucire să fie unul dintre ele.

În acest articol, vom acoperi câteva dintre tehnicile pe care le puteți folosi fie pentru a vă îmbunătăți designul existent, fie chiar pentru a le aplica atunci când creați un site de comerț electronic nou-nouț. Continuați să citiți pentru a afla mai multe.

Considerații de proiectare

Când vine vorba de designul de bază, a ține cont de ceea ce trebuie evitat poate fi la fel de important ca implementarea celor mai bune practici. Vom acoperi cinci dintre principalele considerente de design care trebuie urmate pentru a ne asigura că vizitatorii dvs. vor avea o experiență mai bună atunci când vă vizitează magazinul.

Identitate de brand

O modalitate prin care vă puteți ajuta cu adevărat vizitatorii să se conecteze cu afacerea dvs. este stabilirea unei identități puternice. În comerțul electronic, identitatea mărcii poate fi exprimată în câteva moduri; de la tonul cuvintelor și mesajelor dvs. (cum ar fi a fi jucăuș, serios sau plin de umor), până la schema generală de culori a site-ului dvs. . Dacă vizitatorii dvs. vă pot recunoaște cu ușurință marca atunci când ajung pe site-ul dvs. web, aceasta va ajuta la stabilirea familiarității și a încrederii, făcându-vă ușor să realizați ceea ce site-ul dvs. este propus.

În esență, totul, de la culori, copie și aspect, ar trebui făcute având în vedere piața țintă.

Ierarhie vizuală

În designul comerțului electronic, ierarhia vizuală este cea mai bună modalitate de a transmite imediat elementele importante vizitatorilor tăi. Timpul și atenția lor sunt limitate, așa că capacitatea de a transmite concluzii cheie cu o ierarhie vizuală se poate traduce într-o experiență mai bună în general. Întrebarea este, cum?

Utilizarea corectă a ierarhiei vizuale poate apărea în câteva forme. Acestea includ aspectul paginii, dimensiunea, spațiul și textura, fontul și culoarea.

Pentru machete, multe se concentrează pe modelele „F” și „Z”. Acestea se bazează pe premisa modului în care oamenii tind să citească site-urile web. Modelele „F” cred că oamenii citesc mai întâi partea stângă și apoi prind titluri și alte informații importante în timp ce scanează de la stânga la dreapta. Modelele „Z” se bazează pe principiul că oamenii citesc de la stânga la dreapta, scanează în diagonală și apoi citesc din nou la dreapta.

Pentru dimensiune, este simplu: vizitatorii scanează rapid titluri mai mari pentru a vedea ce le atrage atenția mai întâi și apoi continuă să citească de acolo. De aceea, în reclamă, cuvintele de dimensiuni mai mari transmit întotdeauna mesajul principal, în timp ce fonturile mai mici sunt folosite pentru informații suplimentare.

Spațiul și textura sunt foarte importante și le vom trata în continuare mai detaliat. Alegerea fontului potrivit și a combinației de culori poate fi de asemenea crucială. Similar cu dimensiunea, acești doi factori vor determina în ce părți ale paginii vor fi atrași cititorii tăi. Ele vă oferă puterea de a îndrepta atenția cititorilor către cele mai importante părți ale site-ului dvs., așa că utilizați această putere cu înțelepciune.

Nu te complica; Nu supraproiectați

Cel mai rău lucru pe care îl puteți face este să înghesuiți totul cât mai aproape posibil și să umpleți pagina cu conținut și imagini. Pentru vizitatorii dvs., acest lucru se va simți ca o suprasolicitare senzorială și vă va diminua capacitatea de a-i atrage în anumite părți ale paginii. Dacă vrei să le captezi cu adevărat atenția, ține cont de principiul vechi: mai puțin înseamnă mai mult. „Spațiu alb” este cuvântul de reținut. Oferă paginii tale spațiu să respire și vei ajuta anumite elemente să iasă cu adevărat în evidență și să obțină atenția pe care o merită. Pe de altă parte, evitați să aveți prea mult spațiu alb, deoarece va părea că pagina web nu a fost complet construită.

Respectați simbolurile cunoscute

Folosirea simbolurilor și logo-urilor cu care publicul dvs. este familiarizat va ajuta la crearea încrederii și îi va ajuta să recunoască faptul că sunteți un brand pe care se poate baza. Există câteva moduri de a face acest lucru:

• Dacă aveți un certificat SSL , utilizați una dintre siglele SSL verificate.
• În timp ce oferiți plata securizată cu Visa , Paypal sau altă formă de plată, utilizați siglele însoțitoare.
• Dacă aveți o garanție de rambursare a banilor, un simbol poate ajuta să transmiteți acest lucru cu ușurință persoanelor care urmează să cumpere. Și ajută la construirea încrederii.

Dacă utilizați simboluri cu care oamenii sunt familiarizați, aceștia vă vor trata marca cu respect și vor avea mai multe șanse să-și petreacă timpul și banii pe site-ul dvs.

Evitați ferestrele pop-up

Este la modă pentru multe site-uri de comerț electronic în aceste zile să vă lovească cu un pop-up gigantic atunci când aterizați prima dată pe site-ul lor. L-am văzut chiar depășind imaginea eroului, logo-ul și orice altceva asociat cu marca dvs. Acestea fac adesea mai mult rău decât bine. Înainte de a putea oferi măcar ceva de valoare vizitatorului dvs., deja „luați” de la ei – îi cereți adresa de e-mail, să se înscrie pentru o ofertă etc. Unele ferestre pop-up vor merge chiar atât de departe încât să facă o remarcă șmecheră dacă utilizatorul nu dorește să se înscrie: „Nu, nu vreau cele mai recente actualizări pentru marketing digital”. Acest lucru se adaugă la o experiență slabă a utilizatorului și îi face mai puțin probabil să revină pe site-ul dvs. web și, cel mai rău, ar putea să se închidă complet.

Când vine vorba de ferestre pop-up, urmați această regulă simplă: evitați-le! În medie, o persoană care vizitează site-uri web noi în orice zi ar putea întâlni zeci de site-uri web cu ferestre pop-up, așa că ieși în evidență astăzi și asigură-te că al tău nu are niciunul. Oferiți valoare înainte de a căuta să luați.

Bară de navigare

Un meniu bine plasat va face diferența atunci când vine vorba de utilizatorii care navighează cu succes în câteva pagini ale site-ului dvs. Când vine vorba în special de comerțul electronic, acesta poate ajuta la organizarea categoriilor de produse, permițând vizitatorilor să identifice rapid exact ceea ce caută. La urma urmei, dacă nu îl găsesc, nu îl vor cumpăra.

Când vine vorba de meniul de navigare, totuși, nu deveniți prea fantezi. Link-urile către paginile dvs. principale ar trebui să preia elementele de nivel superior; link-urile care apar fără hover. Subpaginile ar trebui să apară sub ele. În multe cazuri, puteți face astfel încât meniul de navigare să fie lipicios (afișat întotdeauna) sau să apară numai atunci când un utilizator derulează în sus - util dacă prețuiți spațiul suplimentar de pe site-ul dvs.

Categorii

Dacă vindeți o mulțime de articole, păstrându-le organizate în categorii îngrijite va fi ușor pentru oameni să găsească ceea ce își doresc. Acest lucru merge aproape mână în mână cu un meniu de navigare curat, dar merge puțin mai departe.

Când vine vorba de catalogarea produselor, asigurați-vă că le afișați într-un mod care să aibă sens, păstrând articole similare împreună. Oamenii ar trebui să poată căuta după etichete de categorie, fie că se află în funcția de căutare de pe site-ul dvs., în bara de navigare a meniului sau pe pagina produsului în sine. Este posibil să nu știe exact ce produs caută, dar dacă pot vedea cu ușurință toate produsele dintr-o singură categorie, probabil îl vor găsi mai repede.

Filtre

Filtrele se leagă de categorii într-un fel: îi permiteți vizitatorului să restrângă exact ceea ce caută. Uneori, prea multe produse din care să alegeți pot fi copleșitoare. Îți poate îngheța vizitatorii, făcându-i în imposibilitatea de a alege exact ceea ce doresc. Iar rezultatul final este terifiant – pleacă fără să aleagă nimic. Cheia este să-i lași să-și restrângă opțiunile cât mai precis posibil – filtrarea – astfel încât să poată începe să elimine rezultatele care nu sunt potrivite pentru ei.

De exemplu, dacă vindeți computere, există o mulțime de filtre pe care le puteți enumera - PC sau laptop, memoria necesară, procesor grafic și așa mai departe. Acest lucru este valabil pentru aproape orice categorie sau articol.

Vizualizare rapidă

A avea o opțiune de „vizualizare rapidă” vă poate ajuta să vă mențineți vizitatorii pe pagina dvs. fără a-i împotmoli cu încărcare suplimentară sau fără a le îndepărta atenția asupra produselor dvs. În esență, ceea ce face este să deschidă detaliile produsului într-o fereastră modală peste pagina pe care o vizualizează în prezent. Imaginați-vă că faceți clic pe o imagine și aceasta apare într-o casetă mai mare – vizualizarea rapidă este cam același lucru, cu excepția faptului că încapsulează și cele mai importante caracteristici ale unui produs alături de imagine.

Vizualizările rapide ajută la procesul de cumpărare și le pot oferi oamenilor instantanee rapide ale ceea ce se uită, fără a se bloca în toate detaliile.

Oferte speciale

Ofertele speciale pot ajuta la convertirea cumpărătorilor care se află în gard, precum și la stârnirea interesului pentru oamenii care poate nu s-au gândit să cumpere în primul rând. Există multe motive pentru care ofertele speciale funcționează, de la simțul psihologic de a obține ceva mai ieftin până la pur și simplu oferind mai multă valoare decât concurența.

Dacă aveți oferte speciale sau oferte exclusive, mutați-le în prim-planul site-ului dvs., astfel încât să fie vizibile. Succesul afacerii tale de comerț electronic nu ar trebui să fie condiționat de oferte speciale, dar este posibil ca acestea să fie cea mai căutată ofertă pe care o ai. Luați în considerare să le plasați vizibil pe pagina de pornire, prima imagine a unui glisor și în perioade speciale ale anului pentru a le profita la maximum și pentru a genera interesul pentru produsele dvs.

Design pagină de produs

În designul de comerț electronic, paginile de produse depășesc o simplă imagine a produsului dvs. Ei spun povestea, oferă informații detaliate despre articol și ajută oamenii să ia decizia dacă au sau nu nevoie de produs. Iată puțin mai detaliat.

Imagini de produs

Produsele dvs. ar trebui să aibă mai multe imagini care le descriu. Diferite unghiuri, diverse prim-planuri și fotografii ale ambalajului pot ajuta la vânzarea imaginii de ansamblu. Cu cât un bilet este mai mare, cu atât veți avea nevoie de o vizualizare cuprinzătoare a tot ceea ce este asociat cu acesta. Un tricou simplu poate avea doar una sau două imagini (față și spate), în timp ce articolele mai scumpe - cum ar fi mobilierul, mașinile sau chiar casele - vor avea nevoie de mult mai mult sprijin în spatele lor.

Cea mai bună practică de prezentare a produselor constă în videoclipuri, imagini interactive sau chiar modele 3D care sunt navigabile de către utilizator (în funcție de tipul de produs). Este esențial să includeți cât mai mult posibil. Gândește-te la abundență în loc de austeritate; vizitatorii tăi îl vor aprecia.

Informatiile produsului

În comerțul electronic, dacă doriți să ajutați cumpărătorii să ia cea mai bună decizie, trebuie să îi ajutați să se informeze cât mai mult posibil. Dacă nu vă informați vizitatorii, altcineva o va face – și va fi mai probabil ca aceștia să obțină vânzarea finală.

Includerea cât mai multor informații despre produs va ajuta la construirea încrederii și la răspunsul la întrebări. Oamenii sunt mai puțin probabil să cumpere dacă au o întrebare importantă cu privire la un produs, așa că încercați să acoperiți cele mai importante fațete ale acestuia – sau care ar putea fi cele mai frecvente întrebări.

Luați în considerare opțiuni precum disponibilitate, culori, dimensiuni, dimensiuni, materiale și garanții. Oferirea unei povești produsului dvs. îi va face pe oameni să se conecteze mai ușor cu acesta.

Lipsa produselor

Să arăți că un produs nu este întotdeauna disponibil – pentru că să recunoaștem, s-ar putea să nu fie întotdeauna – este o modalitate de a-ți motiva cumpărătorii să ia măsuri. Acestea fiind spuse, nu este inteligent să enumerați fiecare articol de pe site-ul dvs. ca fiind temporar indisponibil sau cu stoc redus – dar dacă există un anumit articol pe care doriți sau trebuie să îl vindeți, puteți utiliza acest principiu pentru a ajuta la promovarea acestuia.

Dacă ați rămas fără un produs - asigurați-vă că o spuneți. Îngrijiți dimensiunile sau culorile pe care nu le mai aveți. Anunțați cumpărătorii când vă epuizați. Cheia aici este că nu trebuie să fii necinstit pentru a crea deficit de produse.

Cărucior de cumpărături

Coșul de cumpărături sau coșul de plată este versiunea de comerț electronic pentru a intra la coadă la băcănia locală. Acesta este locul în care vizitatorii site-ului dvs. au ales ceea ce doresc și sunt gata să cumpere. Ei au făcut deja achiziția mental – așa că cheia aici este să le fie cât mai ușor posibil să finalizeze detaliile, să-și revizuiască comanda și să își continue ziua.

Există câteva lucruri de care aveți absolut nevoie dacă doriți ca coșul de cumpărături să vă ajute în procesul de cumpărare, mai degrabă decât să încetinească lucrurile. În primul rând, veți dori un buton de îndemn clar care să solicite utilizatorului să plătească. Un buton mare de aici ar trebui să facă treaba, asigurați-vă doar că este vizibil.

Apoi, asigurați-vă că coșul de cumpărături este interactiv și că arată imediat feedbackul cumpărătorului atunci când adaugă sau elimină articole pentru el. Multe site-uri web fac acest lucru afișând numărul de articole din coșul de cumpărături în colțul din dreapta sus al site-ului.

În cele din urmă, asigurați-vă că coșul de cumpărături pe care îl utilizați este foarte interactiv. Permite utilizatorilor să schimbe numărul de articole pentru fiecare produs pe care l-au ales fără a părăsi pagina coșului de cumpărături. Utilizatorii ar trebui să poată șterge și adăuga articole după bunul plac, cu un proces cât mai simplu posibil.

Design mobil

Cu atât de mult trafic web care vine de pe mobil, veți dori să vă asigurați că site-ul dvs. de comerț electronic este optimizat pentru mobil. La fel ca versiunile pentru desktop sau tabletă, ar trebui să fie pe deplin receptiv – ceea ce înseamnă că se adaptează la dimensiunea ecranului pe care este vizualizat, astfel încât imaginile și textul să nu fie deplasate. Imaginile ar trebui să fie comprimate cât mai mult posibil, astfel încât să se încarce rapid și să nu consume tot planul de date mobile al vizitatorului.

Cheia este să faci totul cât mai simplu posibil pentru persoanele care vizitează magazinul tău de pe telefon. Nu vrei să dureze o veșnicie să se încarce, să apară amuzant sau să mănânce toate datele lor, altfel s-ar putea să nu revină.

Social Media

Rețelele sociale pot juca un rol important pentru orice site de comerț electronic. Fie că vă prezentați produsele pe o platformă precum Pinterest, fie că oferiți fragmente de informații alături de o imagine pe Facebook, puteți utiliza rețelele sociale pentru a ajunge la noi audiențe. Linkurile către rețelele dvs. de socializare ar trebui să fie clar vizibile în mai multe zone ale site-ului dvs. - cum ar fi în meniul dvs. principal, alături de postările de pe blog și în subsolul dvs. A fi capabil să comunice cu urmăritorii tăi (și să-i pună pe aceștia să-ți împărtășească produsele cu prietenii lor) va ajuta marca ta să crească și să rămână în contact cu cei care îl iubesc cel mai mult.

Design de casă

În cele din urmă, există designul de casă. Checkout are loc după ce utilizatorul dvs. a pus totul în coșul de cumpărături și este pe pagina finală, gata de cumpărare. Această pagină ar trebui să fie simplă și ușor de navigat, deoarece nu doriți ca nimic să îi împiedice să facă achiziția finală. Luați în considerare următoarele:

• Minimizați cantitatea de butoane și pași necesari.
• Faceți înregistrarea opțională.
• Asigurați-vă că orice erori sau motive care împiedică achiziția sunt clare.
• Permite mai multe metode de plată.
• Oferiți asistență dacă au probleme.

Amintiți-vă, pagina de finalizare a comenzii este ultimul lucru care stă între client și achiziție – nu îngreunați-l mai mult decât trebuie.

Cuvinte finale

Pentru vizitatorii dvs., site-ul dvs. de comerț electronic ar trebui să reprezinte o adevărată experiență de cumpărături, mai degrabă decât un alt site web. Ar trebui să fie proiectat cu scopul final de a vă vinde produsele. Totul, de la pagina de pornire inițială, design și aspect, până la coșul de cumpărături și finalizarea comenzii, ar trebui să fie creat având în vedere experiența utilizatorului. Procedând astfel, veți asigura mai mult succes pentru afacerea dvs. de comerț electronic.