Prima pagină a site-ului tău, numită și homepage, e pentru site-ul tău cum e recepția pentru un hotel. Sunt setate așteptări, se prezintă produsele și (poate cel mai important) prima impresie este creată.
După cum știi deja, nu există o a doua șansă la prima impresie.
Iar noi am observat 5 oportunități de UX pe care multe magazine online le ratează, cel puțin o parte dintre site-urile de eCommerce.
Nu știi ce este UX? Parcurge acest articol.
Azi vorbim despre aceste 5 oportunități ratate sub formă de greșeli, însă credem că ar trebui să le privești ca pe sfaturi practice și acționabile care îți pot ține oamenii mai mult timp de site, îți pot face produsele mai ușor de înțeles de găsit și te pot ajuta să faci o primă impresie pozitivă.
Cele 3 rute prin care oamenii descoperă produse din homepage
Principalul scop al unui homepage să le explice clienților cum poate fi cumpărat produsul. Iar pentru asta ai nevoie ca cele 3 rute prin care produsul este descoperit de clienți noi și vechi deopotrivă să fie extrem de clare. Aceste 3 rute sunt:
- Categoriile de produs
- Search-ul
- Rute personalizate: Ultimele produse, Reduceri, De Vară, Inspirație, etc.
Cele 5 oportunități ratate pe homepage despre care discutăm azi
- Nu e clar din Homepage ce care sunt categoriile de produse
- Prea multe reclame pe prima pagină
- 75% din Carusele sunt implementate greșit
- Prima pagină nu conține imagini și un design personalizat brandului
- Câmpul de Search nu e suficient de vizibil pe homepage
Greșeala #1: Nu e clar din Homepage care sunt categoriile de produse
Multe magazine online ratează oportunitatea de a clarifica încă din homepage care sunt categoriile de produse comercializate iar utilizatorul poate părăsi pagina fără să cumpere pentru că nu are răbdare să le descopere. Pe bună dreptate.
Este jobul magazinului online să clarifice ce categorii de produse vinde, și nu treaba potențialului client să le descopere.
Un exemplu concret
E clar că brandul Rei vinde echipamente pentru drumeții, însă nu este clar din prima pagină a site-ului, mai ales de pe mobil, că brandul vinde și mountain bikes, accesorii de yoga sau schiuri – produse care chiar ocupă o bună parte din catalogul lor.
Iată cu arăta pagina lor în trecut:
Cum arată prima pagină acum:
Categoriile pot fi îmbunătățite în continuare, dar e clar că secțiunea în sine aduce mari îmbunătățiri magazinului online și ratei de conversie.
Un alt exemplu de homepage ce poate fi îmbunătățită:
Pe PC Garage înțelegem ce produse sunt comercializate din bara principală a site-ului (încercuită cu verde), însă întreg homepage-ul e populat de laptopuri.
Cum poate fi îmbunătățit homepage-ul: categoriile de produse sunt mult mai bine reprezentate de thumbnails (mici imagini) și titluri individuale, situate într-o secțiune separată. Cam cum e în cazul de mai jos:
Așadar, să încheiem cu o bună practică.
Bună practică: Asigură-te că 40% din categoriile site-ului sunt vizibile de pe prima pagină a site-ului.
Greșeala #2: Prea multe reclame pe prima pagină
Aici vorbim inclusiv despre reclamele brandului pentru produse la reducere, oferta săptămânii, și așa mai departe.
Arată urât, le distrag clienților atenția și te obosesc. Iată un exemplu de așa nu:
Sau nenumăratele reduceri de pe site-ul Muranos.ro:
Nu trebuie să ai bannere cu reclame plătite de alte branduri pe site pentru a avea homepage-ul încărcat și obositor. E suficient să ai mai mult de 1-2 mesaje, iar utilizatorul va fi confuz și va părăsi pagina.
Și un exemplu de așa da:
Pe site-ul Fashion Days avem o singură ofertă. Mesajul e menționat pe imaginea principală și în bara sticky de sus.
Să încheiem și de această dată cu o bună practică.
Bună practică: Evită să pui pe prima pagină conținut care arată ca o reclamă (text, imagini, bannere).
Greșeala #3: 75% din Carusele sunt implementate greșit
Carusele care se schimbă prea rapid, animații obositoare și imagini prea mici sau de proastă calitate – doar 3 exemple prin care caruselele sunt implementate greșit.
Care e problema? Dacă imaginea se schimbă prea rapid, există riscul ca utilizatorul să dea click și să ajungă în cu totul fereastră decât intenționa. Astfel de probleme de usability creează friction și frustrează utilizatorul.
Floridelux.ro e un exemplu concret de așa nu.
Acest site te trimite într-un carusel amețitor. Caruselul de pe Floridelux.ro își schimbă imaginea mult prea rapid cu o animație ce obosește vizual (nu e un simplu slide). Un exemplu de carusel implementat greșit.
Un carusel implementat greșit îi aduce mai multe prejudicii brandului decât beneficii, pentru că utilizatorii vor fi tentați să părăsească pagina în favoarea altui magazin online.
Ca utilizator îți este mult mai ușor să interacționezi cu un conținut static decât cu un carusel.
Așa da: Noriel renunță la carusel și chiar și la o imagine principală pentru a intra direct în categoriile principale de produse (prezentate prin conținut static cu poze individual, vizibile și clare).
Scroll-ul e un mod de a interacționa cu conținutul în online mult mai natural și mai simplu.
Găsești aici un exemplu de carusel implementat corect.
Bună practică: Nu rula imaginile dintr-un carusel prea rapid. Asigură-te că imaginile nu mai rulează atunci când mouse-ul este deasupra caruselului (în hover).
Greșeala #4: Prima pagină nu conține imagini și un design personalizat brandului
Designul și imaginile din homepage creează prima impresie a utilizatorului și impactează enorm decizia acestuia de a se întoarce sau nu pe site.
Site-urile care nu investesc într-un design făcut de la 0 pentru brandul lor sau care folosesc fotografii stock tind să performeze mai prost la capitolele de primă impresie și la cel de loializare.
Așa nu: John Lewis nu folosește grafică sau un design personalizat brandului, ci o grafică generică ce se potrivește oricărui magazin online.
Așa da: principala imagine de pe ePantofi înfățișează produsul purtat de modele (imagine realizată special pentru brand într-o ședință foto).
Bună practică: Pentru o primă impresie pozitivă, investește într-o grafică pentru homepage care îți arată produsele, în special în contextul în care sunt ele folosite în mod normal: o femeie care își întinde crema pe față, copiii jucându-se cu jucăriile, pantofii fiind purtați, etc.
Greșeala #5: Câmpul de Search nu e suficient de vizibil pe homepage
Hai să începem direct cu un exemplu.
Așa da: Pe site-ul Notino.ro, câmpul de search este centrat pe pagină, are o culoare contrastantă și e suficient de lat pentru căutări ample cu mai multe caractere.
Așa nu: site-ul Makeup.ro vindea aceleași categorii de produse, însă câmpul de search este mult mai puțin vizibil (este situat în partea dreaptă, are puține caractere, e ușor pentru utilizatori să nu îl observe deloc).
Foarte, foarte rău: Aceeași industrie, un site diferit. Omnia.ro nu are deloc un câmp de search.
De ce ai nevoie de un câmp de search vizibil?
Pentru că utilizatorii au nevoie de el, iar un UX bun presupune că oamenii găsesc simplu și rapid ce caută pe site. Câmpul de search e folosit și pe post de “colac de salvare” atunci când cauți disperat un produs și ai ajuns într-o cu totul altă zonă a site-ului decât trebuia să fii.
Bună practică: Pune search-ul acolo unde orice utilizator îl poate găsi. Cel mai potrivit loc este pe partea din mijloc a site-ului. Oferă de asemenea cât mai mult spațiu pentru câmpul de search și fă-l într-o culoare contrastantă dacă designul îți permite asta.
Concluzie
Vrei să-ți îmbunătățești instant UX-ul pe site? Verifică dacă și tu faci vreuna din aceste 5 greșeli comune de UX pe homepage:
- Nu e clar din Homepage ce care sunt categoriile de produse
- Prea multe reclame pe prima pagină
- 75% din Carusele sunt implementate greșit
- Prima pagină nu conține imagini și un design personalizat brandului
- Câmpul de Search nu e suficient de vizibil pe homepage
Rezolvă-le pe rând și ai să vezi cum îți scade bounce rate-ul, îți crește rata de conversie iar clienții tăi sunt mai fericiți. Sau pe românește, utilizatorii vor plasa mai multe comenzi, se vore întoarce mai des pe site și vor cumpăra de la tine cu plăcere.
Hai să îmbunătățim UX-ul pe homepage-ul tău!
Un homepage bun e o primă impresie bună. Știm cu toții valoarea unei prime impresii pozitive, nu-i așa? Hai să lucrăm împreună la îmbunătățirea UX-ului pe prima pagină a site-ului tău.
Rezultatele în vânzări, loializare și conversii vor veni de la sine.
Scrie-ne aici sau vizitează această pagină pentru a arunca un ochi pe o parte din proiectele noastre.
