GPeC E-Commerce Proficiency Audits

1. Value/Selling Proposition Clar

• Magazinul online comunică, încă din primul ecran (fără scroll), ce produse sau servicii oferă și de ce un client ar trebui să cumpere de aici și nu de la concurență. Value Proposition trebuie să fie exprimată printr-un mesaj clar, specific și diferențiator, sub forma unui tagline, headline sau a unei declarații de poziționare.

2. Vizibilitatea și reprezentativitatea Gamei de Produse 

• Utilizatorul trebuie să înțeleagă rapid, încă de pe homepage, ce poate găsi în magazin și cât de extins este catalogul / oferta de produse. Nu este suficient ca pagina principală să afișeze doar promoții, produse vedetă sau o singură categorie de produse, dacă magazinul dispune de o ofertă mult mai amplă.

3. Ierarhia Vizuală și Ușurința de Scanare Vizuală a Paginii 

• Pagina principală este structurată astfel încât utilizatorii să poată identifica rapid cele mai importante elemente (categorii, produse-vedetă, promoții etc.) și să înțeleagă organizarea conținutului în doar câteva secunde.
• Elementele esențiale (value proposition, categoriile principale, produsele reprezentative, promoțiile importante) trebuie să fie evidențiate vizual și prezentate într-o ordine logică, care ghidează natural atenția utilizatorului. Utilizatorii nu citesc homepage-urile, ci le scanează.

4. Calitatea Imaginilor și Prezentarea Vizuală a Brandului

• Imaginile de pe pagina principală sunt de înaltă calitate, profesioniste și reprezintă în mod autentic produsele și identitatea brandului.
• Elementele vizuale trebuie să inspire încredere, să susțină poziționarea brandului și să ajute utilizatorul să înțeleagă mai bine oferta magazinului. Se recomandă utilizarea fotografiilor proprii, a imaginilor de produs de calitate și a elementelor grafice personalizate, în detrimentul imaginilor generice de tip stock.

5. Vizibilitatea Politicilor Comerciale Esențiale 

• Informațiile esențiale privind livrarea, returul și metodele de plată sunt vizibile și ușor accesibile încă de pe pagina principală a magazinului online.
• Utilizatorii își evaluează opțiunile de cumpărare încă din primele momente ale interacțiunii cu site-ul, de multe ori înainte de a explora produsele. Din acest motiv, politicile comerciale importante trebuie comunicate devreme și într-un mod clar.
• Verificăm dacă homepage-ul afișează sau oferă acces rapid la informații precum:
  • costurile și condițiile de livrare;
  • pragul pentru transport gratuit;
  • politica de retur și perioada de returnare;
  • metodele de plată acceptate;
  • opțiuni de plată în rate, Buy Now Pay Later sau alte facilități financiare;
  • garanții sau alte beneficii comerciale relevante.

6. Eficiența Bannerului Principal (Hero/Banner) 

• Bannerul principal (Hero Section) comunică un mesaj relevant pentru utilizator, evidențiază clar o categorie, un produs sau un beneficiu important și include un îndemn la acțiune (Call to Action – CTA) ușor de identificat.
• Se recomandă utilizarea unei secțiuni statice sau a unui banner controlat manual de utilizator. Caruselele care se schimbă automat reprezintă o practică cu impact negativ asupra experienței utilizatorului, în special pe dispozitivele mobile (utilizatorul nu poate opri automatizarea prin interacțiuni de tip hover). Din acest motiv, secțiunile statice și bannerele controlate manual oferă performanțe superioare din perspectiva experienței utilizatorului și a conversiei.

Verificăm dacă bannerul principal:

• afișează conținut relevant și valoros pentru utilizator;
• comunică un mesaj clar și ușor de înțeles;
• evidențiază produse, categorii sau beneficii importante;
• include un CTA vizibil și explicit;
• este ușor de utilizat pe desktop și mobil;
• evită elementele care distrag atenția sau creează confuzie.

• În cazul utilizării unui carusel, evaluăm:
  • dacă utilizatorul îl poate controla manual;
  • dacă navigarea este intuitivă;
  • dacă informațiile importante nu sunt ascunse în slide-uri secundare;
  • dacă nu există schimbare automată a conținutului.

7. Fără întreruperi agresive/ disruptive

• La prima accesare a magazinului online, utilizatorul trebuie să poată vedea și explora conținutul paginii fără a fi întrerupt imediat de pop-up-uri, overlay-uri, interstițiale sau alte elemente care blochează navigarea.
• Dacă astfel de elemente sunt utilizate, acestea trebuie afișate doar după ce utilizatorul a interacționat cu site-ul și trebuie să poată fi închise ușor și intuitiv.

Verificăm dacă, la prima vizită:

• • conținutul principal al paginii este accesibil imediat;
  • nu apar instant pop-up-uri pentru abonare la newsletter, reduceri sau alte oferte;
  • bannerele de cookies nu blochează excesiv conținutul;
  • ferestrele de tip overlay sau interstitial nu ocupă întregul ecran;
  • elementele de închidere sunt vizibile și ușor de utilizat;
  • experiența pe dispozitivele mobile rămâne fluidă și neintruzivă.
• În cazul existenței unui pop-up, evaluăm dacă acesta apare după o interacțiune relevantă, de exemplu:
  • după un anumit timp petrecut pe site;
  • după un anumit nivel de scroll;
  • după vizitarea mai multor pagini;
  • la intenția de părăsire a site-ului (exit intent).

8. Disponibilitatea Produselor Promovate

• Produsele promovate pe pagina principală trebuie să fie disponibile pentru achiziție și să poată fi adăugate în coșul de cumpărături.
• Homepage-ul reprezintă o promisiune făcută utilizatorului. Produsele evidențiate prin bannere, secțiuni de produse recomandate, noutăți sau bestseller-uri trebuie să poată fi cumpărate în momentul vizitei sau, dacă sunt temporar indisponibile, să existe opțiuni clare pentru notificarea reaprovizionării.
• Verificăm dacă produsele promovate:
  • sunt în stoc și pot fi comandate;
  • pot fi adăugate în coș fără restricții nejustificate;
  • afișează corect informațiile privind disponibilitatea;
  • nu conduc utilizatorul către produse indisponibile fără alternative;
  • oferă opțiuni de notificare atunci când produsul nu este momentan disponibil.

1. Structura Meniului și Organizarea Categoriilor

• Meniul de categorii este intuitiv, organizat logic și permite utilizatorilor să găsească rapid produsele căutate. Structura categoriilor trebuie să reflecte modul în care utilizatorii caută și înțeleg produsele, nu modul în care compania își organizează intern stocurile sau operațiunile.
• Categoriile părinte trebuie să fie clicabile și să conducă către o pagină relevantă de categorie. În caz contrar, utilizatorii sunt forțați să ghicească în ce subcategorie se află produsele dorite.

2. Navigare Persistentă (Sticky Navigation)

• Elementele esențiale de navigare rămân accesibile pe măsură ce utilizatorul derulează pagina. În mod ideal, header-ul persistent (sticky) trebuie să păstreze vizibile cel puțin următoarele elemente: logo-ul magazinului (cu link către homepage); funcția de căutare; coșul de cumpărături; meniul principal sau accesul rapid la categorii.

3. Navigare de Tip „Breadcrumbs” 

• Paginile de categorie și de produs afișează o cale de navigare de tip Breadcrumbs, care indică în mod clar poziția utilizatorului în structura magazinului. Breadcrumbs trebuie să afișeze ierarhia completă a paginii și să permită revenirea rapidă la nivelurile superioare ale catalogului.

4. Poziția Curentă în Navigare 

• Magazinul indică în mod clar utilizatorului unde se află în structura catalogului, atât prin intermediul Breadcrumbs, cât și prin evidențierea categoriei active în meniul principal.
• Categoria sau secțiunea în care utilizatorul navighează trebuie să fie ușor de identificat prin elemente vizuale precum: text evidențiat (bold), culoare diferită, subliniere, fundal distinct, indicator grafic al stării active.

5. Ușurința navigării pe dispozitive mobile

• Navigarea pe dispozitivele mobile trebuie sa fie intuitivă, ușor de utilizat și să permită utilizatorilor să găsească rapid produsele dorite.
• În mod particular:
  • meniul de tip Hamburger este ușor de identificat și accesat;
  • deschiderea și închiderea meniului sunt intuitive;
  • navigarea între categorii și subcategorii este fluidă și ușor de înțeles;
  • utilizatorii pot reveni la nivelurile anterioare fără a utiliza butonul „Back” al browserului;
  • elementele interactive au dimensiuni suficiente pentru a fi apăsate confortabil;
  • există suficient spațiu între opțiunile de navigare pentru a evita apăsările accidentale.
• Zonele de interacțiune (touch targets) ar trebui să aibă o dimensiune minimă de aproximativ 44 × 44 px.

• Conținutul Paginilor de Categorie
• Paginile de categorie afișează un număr suficient de produse pentru ca utilizatorii să poată explora oferta și compara opțiunile disponibile fără a fi nevoiți să navigheze prin numeroase pagini.
• De asemenea, evaluăm modul în care sunt încărcate produsele suplimentare și dacă experiența de navigare rămâne fluidă pe măsură ce utilizatorul parcurge categoria.
• Pe mobil, ideal este să se încarce 15–30 de produse odată.
• Pe desktop, 50–150 de produse odată.

2. Informațiile esențiale din descrierile de produs

Fiecare produs afișat în listele de produse și în paginile de categorie oferă suficiente informații pentru ca utilizatorul să poată decide rapid dacă merită să îl exploreze în detaliu. Fiecare descriere de produs ar trebui să includă: imagine reprezentativă a produsului, denumirea produsului, prețul, disponibilitatea în stoc, eventuale evaluări sau rating-uri, informații despre variantele disponibile (culori, mărimi, configurații etc.).

3. Opțiuni de Sortare a Produselor 

• Utilizatorii trebuie să poată sorta produsele dintr-o categorie în funcție de criteriile cele mai relevante pentru procesul de cumpărare și dacă metoda de sortare activă este indicată clar.
• În mod ideal, magazinul ar trebui să ofere opțiuni de sortare precum: Preț crescător, Preț descrescător, Cele mai populare produse, Noutăți, Cele mai bine evaluate produse.
• De asemenea, utilizatorul trebuie să poată identifica imediat după ce criteriu sunt ordonate produsele afișate.

4. Vizibilitatea și Accesibilitatea Filtrelor

• Filtrele trebuie sa fie ușor de găsit și de accesat, astfel încât utilizatorii să poată restrânge rapid lista de produse la cele relevante pentru nevoile lor.
• Pe desktop, filtrele ar trebui să fie afișate implicit într-o zonă dedicată (de regulă, în sidebar), fără a necesita acțiuni suplimentare din partea utilizatorului.
• Pe mobil, trebuie să existe un buton de filtrare vizibil și clar etichetat, poziționat deasupra listei de produse și ușor de identificat încă de la prima interacțiune cu categoria.

5. Relevanța Tipurilor de Filtre

• Fiecare categorie de produse trebuie sa ofere filtre relevante pentru tipul de produse comercializate și pentru criteriile pe care utilizatorii le folosesc în mod obișnuit în procesul de selecție.
• Filtrele trebuie să fie adaptate specificului fiecărei categorii și să îi permită utilizatorului să restrângă rapid oferta la produsele care îi corespund.

6. Afișarea Numărului de Produse din Filtre

• Fiecare opțiune de filtrare trebuie sa afișeze numărul de produse disponibile și dacă magazinul gestionează corect situațiile în care aplicarea anumitor filtre nu returnează niciun rezultat.

7. Claritatea Filtrelor Aplicate 

• Utilizatorii trebuie să poată identifica rapid ce filtre sunt active și dacă le pot elimina ușor, individual sau în totalitate. Ca bună practică, filtrele aplicate ar trebui să fie afișate vizibil deasupra listei de produse, sub formă de etichete (chips/tags). 

8. Performanța Filtrării 

• Aplicarea filtrelor trebuie sa se realizeze rapid și fluid, fără reîncărcarea completă a paginii și fără pași suplimentari inutili. Ca bună practică, lista de produse ar trebui să se actualizeze automat imediat după selectarea unui filtru, fără a necesita apăsarea unui buton de tip „Aplică filtrele”.

9. Filtrarea după interval de preț

• Utilizatorii trebuie sa poată filtra produsele după un interval de preț, iar această funcționalitate trebuie să fie ușor de utilizat și adaptată produselor disponibile în categoria respectivă.
• Filtrul de preț ar trebui să ofere un slider de selecție a intervalului de preț si câmpuri pentru introducerea manuală a valorilor minim și maxim.

10. Gestionarea Listelor Lungi de Filtre 

Listele de filtre care conțin un număr mare de opțiuni trebuiesa fie organizate astfel încât să rămână ușor de parcurs și de utilizat.

Atunci când un filtru depășește aproximativ 8-10 opțiuni, lista ar trebui să afișeze inițial doar cele mai relevante opțiuni, să ofere un link de tip „Vezi mai multe” sau să permită căutarea în interiorul filtrului.

1. Vizibilitatea Barei de Căutare

Câmpul de căutare trebuie să fie vizibil, generos, amplasat în header și sticky. Utilizatorii care folosesc funcția de căutare au, de regulă, o intenție de cumpărare mai ridicată decât cei care doar navighează prin categorii și o rată de conversie crescută.

2. Calitatea Sugestiilor de Căutare 

Funcția de căutare trebuie sa ofere sugestii în timp real, pe măsură ce utilizatorul tastează, iar acestea trebuie să îl ajute să ajungă mai rapid la produsele sau categoriile de interes sau la  alte căutări populare. De asemenea,  se ține cont de viteza de afișare a sugestiilor și claritatea diferențierii dintre tipurile de rezultate afișate.

3. Toleranța la Greșelile de Tastare

Funcția de căutare trebuie sa poata identifica și gestiona greșelile de tastare frecvente, returnând rezultate relevante sau sugerând corectarea termenilor introduși. În cadrul auditului, testarea se face cu 2-3 greșeli de tastare pentru produse sau branduri populare.

4. Căutarea după Atribute, Sinonime și Limbaj Natural 

Funcția de căutare trebuie să înțeleagă modul natural în care utilizatorii caută produse și să poată interpreta interogări care conțin: atribute de produs, culori, mărimi, utilizări specifice, expresii uzuale sau sinonime. Utilizatorii nu caută întotdeauna după denumirea exactă a unui produs. În practică, aceștia formulează căutările într-un mod natural, combinând tipul produsului cu diverse caracteristici sau nevoi specifice (ex.: rochii negre pentru cocktail, cele mai bune procesoare pentru gaming, pantofi cu toc înalt etc.).

5. Gestionarea Căutărilor fără Rezultate

Magazinul trebuie sa gestioneze situațiile în care o căutare nu returnează niciun produs. În locul unei pagini goale sau a unui simplu mesaj de tip „Nu au fost găsite rezultate”, utilizatorul ar trebui să primească alternative și recomandări care să îl ajute să își continue navigarea.

Ca bună practică, pagina fără rezultate ar trebui să poată oferi: sugestii de corectare a termenului căutat, produse populare, categorii relevante, căutări alternative, recomandări similare, informații de contact sau posibilitatea de a solicita asistență.

6. Calitatea și Relevanța Rezultatelor de Căutare

Rezultatele afișate trebuie sa fie relevante pentru termenul căutat și dacă produsele cele mai potrivite apar în primele poziții ale listei de rezultate.

Acest criteriu evaluează capacitatea motorului de căutare de a înțelege intenția utilizatorului și de a ordona rezultatele într-un mod logic și util.

7. Afișarea Rezultatelor de Căutare

Rezultatele de căutare trebuie sa ofere suficiente informații pentru ca utilizatorii să poată evalua și compara produsele fără a fi nevoiți să acceseze fiecare pagină de produs în parte.

În mod ideal, fiecare rezultat de căutare ar trebui să afișeze: imaginea produsului, denumirea produsului, prețul, disponibilitatea în stoc, alte informații relevante pentru decizia de cumpărare.

De asemenea, evaluăm dacă pagina de rezultate oferă:

• opțiuni de sortare;
• filtre;
• funcționalități similare unei pagini de categorie.

8. Păstrarea Termenului de Căutare

Termenul introdus de utilizator trebuie sa rămână vizibil în câmpul de căutare după afișarea rezultatelor. După efectuarea unei căutări, utilizatorul trebuie să poată vedea în continuare interogarea introdusă și să o poată modifica cu ușurință.

9. Căutarea Informațiilor Non-Produs

Funcția de căutare trebuie să poată returna nu doar produse, ci și informații utile despre magazin și procesul de cumpărare. Utilizatorii ar trebui să poată găsi prin căutare: informații despre livrare, politica de retur, metode de plată, date de contact, întrebări frecvente (FAQ), garanții, alte pagini de suport și asistență.

10. Căutarea după Tipul de Produs și Categorii

Funcția de căutare trebuie să recunoască atunci când utilizatorul caută o categorie de produse și dacă îl direcționează către categoria relevantă, nu doar către o listă de produse individuale. În astfel de situații, funcția de căutare ar trebui să identifice intenția utilizatorului și să ofere acces direct la categoria relevantă sau să o evidențieze în rezultatele afișate.

1 Imaginile Produsului

• Pagina de produs să ofere suficiente imagini de calitate pentru ca utilizatorii să poată evalua corect produsul înainte de achiziție. În mod ideal, pagina de produs ar trebui să conțină minimum 5 imagini relevante pentru fiecare produs.
• Ca bună practică, fiecare produs ar trebui să includă:
  • imagini de înaltă rezoluție;
  • fotografii din mai multe unghiuri;
  • detalii relevante ale produsului;
  • imagini care ilustrează utilizarea produsului în context real.

2. Vizibilitatea Prețului și a Butonului „Adaugă în Coș” 

• Prețul produsului și butonul „Adaugă în coș” trebuie afișate într-o zonă vizibilă a paginii și să fie poziționate suficient de aproape unul de celălalt pentru a susține procesul de decizie.
• În mod ideal:
  • prețul și butonul de cumpărare trebuie să fie vizibile fără scroll;
  • cele două elemente trebuie să fie grupate vizual;
  • utilizatorul trebuie să poată evalua rapid oferta și să inițieze achiziția fără a căuta informații suplimentare.

3. Vizibilitatea și Designul Butonului „Adaugă în Coș”

• Butonul „Adaugă în coș” ar trebui să fie cel mai vizibil element de acțiune din pagina de produs iar mesajul de CTA cât mai clar. În mod ideal, butonul trebuie să fie evidențiat vizual față de celelalte acțiuni disponibile, să utilizeze o culoare distinctă pentru acțiunea principală, să aibă dimensiuni suficient de mari pentru utilizarea confortabilă pe desktop și pe mobil și să conțină un text clar și lipsit de ambiguitate.

4. Variantele de produs și opțiuni 

• Verificăm dacă variantele disponibile ale produsului (culoare, mărime, capacitate, configurație, material etc.) sunt afișate clar și pot fi selectate ușor de către utilizator. De asemenea, evaluăm dacă, după selectarea unei variante, informațiile relevante din pagina de produs se actualizează automat, inclusiv imaginile produsului, prețul, disponibilitatea, codul produsului (unde este relevant).

5. Afișarea Disponibilității de Stoc

• Informațiile privind disponibilitatea produsului sunt afișate clar și vizibil în apropierea prețului și a butonului „Adaugă în coș”. De asemenea, evaluăm modul în care magazinul gestionează produsele indisponibile și dacă oferă utilizatorilor posibilitatea de a fi notificați atunci când produsul revine în stoc.

6. Calitatea Descrierii Produsului 

• Descrierea produsului ajută utilizatorii să înțeleagă rapid beneficiile produsului și motivele pentru care acesta le poate satisface nevoile. O descriere eficientă nu se limitează la enumerarea caracteristicilor tehnice, ci explică și avantajele pe care produsul le oferă în utilizarea de zi cu zi. De asemenea, evaluăm dacă informațiile sunt prezentate într-un format ușor de parcurs și de înțeles.

7. Specificații Tehnice

• Produsele pentru care specificațiile tehnice reprezintă un criteriu important de achiziție oferă informații complete, corecte și ușor de consultat. Acest criteriu se aplică în special categoriilor precum cele de mai jos, dar fără a ne limita la acestea:
  • electronice;
  • electrocasnice;
  • IT&C;
  • echipamente sportive;
  • unelte;
  • auto;
  • produse tehnice sau profesionale etc. 

Pentru astfel de categorii, specificațiile trebuie să fie prezentate într-un format structurat și ușor de parcurs.

8. Informații despre Livrare și Costurile de Transport

• Pagina de produs oferă informații clare despre:
  • termenul estimat de livrare;
  • costurile de transport;
  • condițiile de livrare gratuită (dacă există).
• Aceste informații trebuie să fie ușor accesibile și disponibile înainte ca utilizatorul să adauge produsul în coș sau să înceapă procesul de checkout.

9. Vizibilitatea Politicii de Retur 

• Verificăm dacă utilizatorii pot accesa rapid informațiile privind returul produselor direct din pagina de produs, fără a fi nevoiți să caute în meniuri secundare sau în footer. Ca bună practică, pagina de produs ar trebui să afișeze un rezumat al politicii de retur si un link către politica completă de retur.

10. Recenzii și Evaluări ale Clienților 

• Pagina de produs trebuie sa afișeze recenzii și evaluări oferite de clienți și dacă acestea sunt prezentate într-un mod util pentru procesul de decizie.
• Evaluăm în special:
  • existența rating-ului general al produsului;
  • numărul de recenzii;
  • vizibilitatea evaluării în partea superioară a paginii;
  • posibilitatea de filtrare și sortare după recenzii;
  • prezența fotografiilor sau a conținutului generat de utilizatori (User Generated Content).

11. Recomandări de Produse Complementare și Similare

• Pagina de produs recomandă alte produse relevante care pot completa, îmbunătăți sau extinde experiența de utilizare a produsului vizualizat (Ex: produse complementare, accesorii compatibile, consumabile, produse similare, produse cumpărate frecvent împreună).
• De asemenea, evaluăm relevanța recomandărilor și poziționarea acestora în pagină.

12. Experiența Paginii de Produs pe Mobil 

• Pagina de produs oferă o experiență optimizată pentru utilizatorii care navighează de pe dispozitive mobile (accesibilitatea butonului de cumpărare, utilizarea galeriei de imagini, lungimea și organizarea paginii, ușurința parcurgerii informațiilor esențiale). 
• Pe mobil, utilizatorii trebuie să poată analiza produsul și iniția cumpărarea fără efort suplimentar. Acțiunea principală trebuie să fie permanent accesibilă, iar conținutul trebuie organizat astfel încât să faciliteze o navigare rapidă și intuitivă.

1. Accesibilitatea Coșului și Confirmarea Adăugării Produselor

• Utilizatorii primesc o confirmare clară atunci când adaugă un produs în coș și dacă pot accesa coșul de cumpărături în orice moment al navigării.
• Trebuie sa existe în special:
  • un mesaj sau feedback vizual după adăugarea produsului;
  • vizibilitatea permanentă a pictogramei coșului;
  • afișarea numărului de produse din coș;
  • existența unui mini-coș (mini cart) sau a unei previzualizări rapide.

2. Claritatea Informațiilor din Coșul de Cumpărături 

• Pagina coșului de cumpărături afișează toate informațiile necesare pentru ca utilizatorii să poată verifica rapid și cu încredere produsele selectate înainte de finalizarea comenzii.
• Pentru fiecare produs din coș ar trebui să fie afișate, cel puțin:
  • imaginea produsului;
  • denumirea produsului;
  • varianta selectată (culoare, mărime, configurație etc., dacă este cazul);
  • prețul unitar;
  • cantitatea;
  • valoarea totală pentru produs (subtotal).

3. Modificarea Coșului de Cumpărături 

• Verificăm cât de ușor pot utilizatorii să modifice conținutul coșului de cumpărături înainte de finalizarea comenzii.
• Evaluăm dacă utilizatorii pot:
  • modifica rapid cantitatea produselor;
  • elimina produse din coș;
  • salva produse pentru mai târziu (Save for Later / Wishlist), dacă această funcționalitate este disponibilă;
  • realiza toate aceste acțiuni fără întreruperi și fără pași inutili.

4. Persistența Coșului de Cumpărături (Cart Persistence)

• Verificăm dacă produsele adăugate în coș sunt păstrate atunci când utilizatorul părăsește temporar magazinul online și revine ulterior.
• În cadrul evaluării analizăm dacă produsele rămân în coș după:
  • închiderea browserului sau a tab-ului;
  • revenirea în magazin după câteva ore sau zile;
  • întreruperea temporară a sesiunii de navigare.

5. Vizibilitatea Butonului de Finalizare a Comenzii

• Butonul de tip „Finalizează comanda” reprezintă principala acțiune din pagina coșului de cumpărături și dacă acesta poate fi identificat și accesat imediat de către utilizatori.
• Evaluăm în special:
  • vizibilitatea butonului;
  • poziționarea acestuia în pagină;
  • diferențierea față de acțiunile secundare;
  • claritatea mesajului afișat.

6. Transparența Costurilor 

• Utilizatorii pot vedea în coșul de cumpărături toate costurile asociate comenzii, înainte de a începe procesul de checkout.
• Evaluăm în special dacă sunt afișate:
  • valoarea produselor (subtotal);
  • costul estimat al livrării;
  • taxele aplicabile (acolo unde este cazul);
  • reducerile și codurile promoționale aplicate;
  • valoarea totală estimată a comenzii.

6.7 Câmpul pentru Coduri Promoționale

• Câmpul pentru introducerea codurilor promoționale în coșul de cumpărături trebuie să contribuie la o experiență de cumpărare fluentă. Ca bună practică, câmpul pentru codul promoțional nu ar trebui să fie evidențiat pentru a nu crea frustrări utilizatorilor care nu au un voucher de discount, ci accesibil printr-un link de tip:
  • „Ai un cod promoțional?”
  • „Aplică un voucher”
• După accesarea acestei opțiuni, utilizatorul poate introduce codul și poate vedea imediat rezultatul aplicării acestuia.

1. Comandă fără Crearea unui Cont (Guest Checkout)

• Utilizatorii pot finaliza o comandă fără a fi obligați să își creeze un cont, iar această opțiune este prezentată clar încă de la începutul procesului de checkout.
  • trebuie să existe opțiunii de comandă fără cont (Guest Checkout);
  • vizibilitatea acestei opțiuni;
  • poziționarea față de opțiunea de autentificare;
  • utilizatorul este obligat sau nu să își creeze un cont înainte de finalizarea comenzii.

2. Simplitatea și Ușurința Procesului de Checkout 

• Pagina de checkout trebuie să fie simplă, clară și orientată exclusiv către finalizarea comenzii, fără elemente care pot distrage atenția utilizatorului.
• In această etapă:
  • sunt eliminate elementele de navigare inutile;
  • nu sunt afișate bannere promoționale;
  • nu există linkuri care încurajează părăsirea checkout-ului;
  • utilizatorul este ghidat natural către finalizarea comenzii.

3, Indicatorul de Progres în Checkout (Progress Indication)

• Procesul de checkout trebuie sa afișeze un indicator clar al progresului, astfel încât utilizatorii să știe în permanență unde se află și câți pași mai au până la finalizarea comenzii. Acest criteriu se aplică în special checkout-urilor desfășurate în mai multe etape.
• Indicatorul de progres ar trebui să evidențieze:
  • pasul curent;
  • pașii deja parcurși;
  • etapele rămase până la confirmarea comenzii.

4. Structura și Organizarea Formularului de Checkout (Form Layout)

• Formularul de check-out trebuie organizat într-un mod clar și intuitiv, astfel încât utilizatorii să poată completa informațiile rapid și fără confuzie.
• Evaluăm în special:
  • structura formularului;
  • ordinea câmpurilor;
  • dimensiunea și alinierea acestora;
  • ușurința completării pe desktop și mobil.

5. Câmpuri Obligatorii vs Opționale 

• Formularul de check-out indică în mod clar care câmpuri sunt obligatorii și care sunt opționale și dacă solicită doar informațiile necesare pentru finalizarea comenzii.
• Evaluăm în special:
  • marcarea clară a câmpurilor obligatorii;
  • etichetarea explicită a câmpurilor opționale;
  • eliminarea câmpurilor care nu aduc valoare procesului de cumpărare.
    

6. Validarea în Timp Real a Câmpurilor Completate în Formular (Inline Validation)

• Formularul de check-out validează informațiile introduse pe măsură ce utilizatorul completează câmpurile și dacă eventualele erori sunt afișate clar, în dreptul câmpului la care se referă.
• Evaluăm în special:
  • momentul în care sunt afișate erorile;
  • poziționarea mesajelor de validare;
  • claritatea explicațiilor oferite;
  • păstrarea informațiilor deja introduse în formular.

7. Completarea Automată a Adresei 

• Formularul de check-out simplifică introducerea adresei prin funcționalități de completare automată și dacă evită solicitarea inutilă a acelorași informații de două ori.
• Evaluăm în special:
  • existența unui sistem de autocomplete pentru adresă;
  • compatibilitatea cu funcțiile de autofill ale browserului;
  • preselectarea opțiunii „Adresa de facturare este aceeași cu adresa de livrare”.

8. Metode de Plată 

• Magazinul oferă suficiente metode de plată pentru nevoile utilizatorilor și dacă acestea sunt prezentate clar în procesul de checkout.
• Evaluăm în special:
  • diversitatea metodelor de plată;
  • modul de prezentare și selectare a acestora;
  • claritatea informațiilor privind metoda aleasă.

9. Opțiuni de Livrare și Costuri Asociate

• Utilizatorii pot vedea toate opțiunile de livrare disponibile înainte de finalizarea comenzii și dacă fiecare metodă este însoțită de informații clare privind costul și termenul estimat de livrare: afișarea tuturor metodelor de livrare disponibile, transparența costurilor, estimarea termenului de livrare pentru fiecare opțiune, ușurința cu care utilizatorii pot compara variantele disponibile.

10. Vizualizarea Rezumatului Comenzii 

• Pe tot parcursul procesului de check-out, utilizatorii au acces la un rezumat complet și actualizat al comenzii. Rezumatul ar trebui să includă cel puțin: produsele comandate, imaginea fiecărui produs, cantitatea, prețul individual, costul livrării, reducerile aplicate (dacă există), valoarea totală a comenzii.

11. Elemente de Încredere la Checkout 

• În etapa de plată, magazinul afișează elemente care transmit încredere și reduc anxietatea utilizatorilor înainte de introducerea datelor de plată. Evaluăm în special prezența unor elemente precum: indicarea unei conexiuni securizate (SSL), prezența mărcilor de încredere, mesaje privind securitatea plăților, logo-urile procesatorilor și metodelor de plată, garanții privind returul sau rambursarea banilor, informații de contact și suport disponibile în timpul checkout-ului.

12. Check-out de pe Dispozitive Mobile

• Procesul de check-out trebuie să fie optimizat pentru utilizarea pe dispozitive mobile și să faciliteze completarea rapidă și corectă a formularului.
• Evaluăm în special:
  • tipul de tastatură afișat pentru fiecare câmp;
  • dimensiunea și accesibilitatea câmpurilor și butoanelor;
  • ușurința completării formularului prin interacțiune tactilă.

13. Gestionarea Erorilor și Reluarea Check-out-ului 

• Modul în care magazinul gestionează situațiile în care procesul de checkout este întrerupt din cauza unei erori, precum: eșecul procesării plății, expirarea sesiunii, întreruperea conexiunii, alte erori tehnice. Informațiile introduse de utilizator trebuie păstrate, mesajele de eroare trebuie să fie clare și să existe posibilitatea reluării rapide a procesului de cumpărare.

1. Claritatea Paginii de Confirmare a Comenzii 

• După finalizarea comenzii utilizatorul este direcționat către o pagină de confirmare care comunică în mod clar că achiziția a fost înregistrată cu succes și oferă toate informațiile esențiale despre comandă.
• Pagina afișează în special:
  • confirmarea explicită a plasării comenzii;
  • numărul comenzii;
  • rezumatul produselor comandate;
  • valoarea totală;
  • termenul estimat de livrare;
  • informații despre pașii următori.

2. E-mailul de Confirmare a Comenzii 

• După finalizarea comenzii utilizatorul primește rapid un e-mail de confirmare care conține toate informațiile necesare despre achiziție.
• Evaluăm în special:
  • timpul de trimitere al e-mailului;
  • dacă e-mail-ul ajunge în Inbox sau în Spam / Promotions
  • informațiile incluse;
  • claritatea mesajului;
  • informațiile de contact și pașii următori.

3. Urmărirea Comenzii

• Utilizatorii trebuie să poată urmări ușor stadiul comenzii după finalizarea achiziției și dacă magazinul oferă informații actualizate privind procesarea și livrarea acesteia, în special:
  • existența unei funcționalități de urmărire a comenzii;
  • accesul la aceasta din e-mailul de confirmare și/sau din contul de client;
  • nivelul de detaliu al informațiilor afișate;
  • actualizarea în timp real a statusului comenzii.

4. Posibilitatea creării unui cont după finalizarea comenzii 

• Este recomandat ca magazinul să ofere utilizatorilor posibilitatea de a-și crea un cont după finalizarea comenzii, fără ca acest lucru să fie o condiție pentru efectuarea achiziției; se evaluează în special:
  • momentul în care este propusă crearea contului;
  • ușurința procesului;
  • modul în care sunt prezentate beneficiile unui cont de client.

5. Accesibilitatea datelor de contact și a serviciului de suport după achiziție 

• După achiziție utilizatorii magazinul trebuie să aibă la îndemână date de contact și informațiile legate de serviciul de suport, să fie afișate vizibil în momentele în care aceștia au cea mai mare nevoie de ele. De asemenea, prezența informațiilor de contact trebuie să se regasească în e-mailul de confirmare, iar clienții trebuie să aibă la dispoziție o diversitate de canale de comunicare.

6. Relevanța Recomandărilor de Produse după Finalizarea Comenzii 

• Pagina de confirmare a comenzii trebuie să includă recomandări de produse și, în cazul în care acestea există, sa fie relevante pentru achiziția realizată.
• Evaluăm în special:
  • relevanța produselor recomandate;
  • legătura acestora cu produsele cumpărate;
  • modul în care recomandările completează experiența clientului, fără a afecta satisfacția generată de achiziția tocmai încheiată.

1. Design modern și consecvență vizuală

• Magazinul online oferă o imagine modernă, profesionistă și coerență din punct de vedere vizual.
• Evaluăm în special:
  • aspectul general al interfeței;
  • consistența spațierii dintre elemente;
  • paleta de culori;
  • uniformitatea stilului vizual în întregul magazin.

2. Consistența Culorii pentru Acțiunile Principale

• Magazinul utilizează o culoare unitară și consecventă pentru toate butoanele care reprezintă acțiunile principale ale utilizatorului. Evaluăm în special dacă aceeași culoare este folosită pentru butoane precum:
  • Adaugă în coș;
  • Continuă către checkout;
  • Finalizează comanda;
  • Caută;
  • alte acțiuni principale din procesul de cumpărare.

3. Elemente de încredere și certificări 

• Magazinul afișează elemente de încredere provenite de la organizații sau parteneri independenți, care contribuie la consolidarea credibilității în fața utilizatorilor.
• Evaluăm în special prezența unor elemente precum:
  • certificări și mărci de încredere;
  • certificări de calitate;
  • logo-uri ale procesatorilor de plăți și ale partenerilor recunoscuți;
  • garanții comerciale;
  • alte certificări emise de organizații independente.

4. Accesibilitatea informațiilor de contact 

• Utilizatorii trebuie sa găseasca rapid și ușor informațiile de contact ale magazinului din orice pagină a site-ului și să aibă suficiente modalități prin care pot solicita ajutor.
• Evaluăm în special:
  • vizibilitatea numărului de telefon;
  • existența unei adrese de e-mail;
  • afișarea adresei sediului sau a punctului de lucru (acolo unde este relevant);
  • disponibilitatea unui chat online;
  • afișarea programului de lucru al serviciului de suport.

5. Gestionarea Erorilor și Pagina 404

• Verificăm modul în care magazinul gestionează accesarea unor pagini inexistente și dacă oferă utilizatorilor posibilitatea de a continua navigarea fără a ajunge într-un punct fără ieșire.
• Evaluăm în special:
  • existența unei pagini personalizate pentru eroarea 404;
  • utilitatea informațiilor afișate;
  • posibilitatea de a reveni rapid în procesul de cumpărare;
  • existența altor pagini sau linkuri nefuncționale în timpul navigării.

6. Viteza de încărcare a paginilor magazinului

• Viteza de încărcare a magazinului online pe dispozitive mobile trebuie să aibă un impact pozitiv și să contribuie la o experiență bună a utilizatorilor. Evaluarea se realizează folosind, ca punct de referință, Google PageSpeed Insights, cu accent pe performanța în condiții reale de utilizare pe conexiuni mobile. Principalul indicator urmărit este Largest Contentful Paint (LCP), care măsoară timpul necesar pentru afișarea celui mai important element vizibil din pagină.

7. Absența Erorilor Funcționale 

• Principalele fluxuri de utilizare ale magazinului trebuie sa funcționeze corect, fără erori care pot bloca sau afecta experiența de cumpărare.
• Evaluarea acoperă cel puțin următoarele acțiuni:
  • navigarea prin categorii;
  • utilizarea funcției de căutare;
  • accesarea paginilor de produs;
  • adăugarea produselor în coș;
  • modificarea coșului;
  • inițierea procesului de checkout.

Testarea este realizată atât pe desktop, cât și pe dispozitive mobile.

8. Calitatea Footer-ului

• Footer-ul magazinului trebuie să ofere acces rapid la informațiile și paginile esențiale și să fie organizate într-o structură clară și ușor de parcurs.
• Footer-ul trebuie să includă:
  • politica de retur;
  • informații despre livrare;
  • datele de contact;
  • principalele categorii de produse;
  • informații despre companie;
  • linkuri către rețelele sociale;
  • alte pagini importante pentru utilizatori.

9. Funcționarea Butonului „Înapoi” și Păstrarea Poziției în Listă

• Butonul „Înapoi” al browserului trebuie sa funcționeze corect pe întregul site și să aducă utilizatorii în aceeași poziție din lista de produse din care au plecat.
• Evaluăm în special:
  • comportamentul butonului „Înapoi” în principalele fluxuri de navigare;
  • păstrarea poziției de scroll în listele de produse;
  • păstrarea filtrelor și a ordonării aplicate.

1. Funcționalități adaptabile (Responsive Design)

• Magazinul online se adaptează corect la diferite dimensiuni ale ecranului și oferă o experiență optimă pe dispozitive mobile.
• Evaluăm în special:
  • adaptarea layout-ului la ecrane mici;
  • absența scroll-ului orizontal;
  • afișarea completă a conținutului;
  • lizibilitatea textelor și dimensiunea elementelor interactive.
• Testarea se realizează pe un ecran mobil standard, cu o lățime de aproximativ 390 px.

2. Dimensiunea și Spațierea Elementelor Tactile 

• Toate elementele interactive ale magazinului trebuie sa fie suficient de mari și bine spațiate pentru a putea fi utilizate cu ușurință pe dispozitive mobile.
• Evaluăm în special:
  • dimensiunea butoanelor;
  • dimensiunea linkurilor;
  • câmpurile formularelor;
  • opțiunile din meniuri și filtre;
  • spațierea dintre elementele interactive.
• Ca recomandare, suprafața tactilă a fiecărui element ar trebui să aibă minimum 44 × 44 px, iar între elementele interactive să existe o distanță suficientă (aproximativ 2 mm) pentru a evita atingerile accidentale.

3. Viteza de Încărcare pe Dispozitive Mobile

• Verificăm performanța magazinului online în condiții reale de utilizare pe dispozitive mobile, folosind o conexiune cu viteză limitată (3G/4G).
• Evaluăm în special:
  • timpul de încărcare al paginilor;
  • optimizarea imaginilor pentru mobil;
  • fluiditatea navigării;
  • performanța principalelor tipuri de pagini:
    • pagina principală;
    • pagina de categorie;
    • pagina de produs.

4. Funcționalități Native pentru Dispozitive Mobile (Tap-to-Call)

• Magazinul utilizează funcționalitățile specifice dispozitivelor mobile pentru a simplifica interacțiunea utilizatorilor și pentru a reduce numărul de pași necesari efectuării unor acțiuni frecvente.
• Evaluăm în special:
  • posibilitatea apelării directe prin atingerea numărului de telefon (Tap-to-Call);
  • utilizarea funcțiilor de completare automată (Autofill);
  • folosirea geolocalizării pentru identificarea magazinelor sau punctelor de ridicare (acolo unde este relevant);
  • integrarea funcției native de distribuire (Share);
  • alte funcționalități specifice platformelor mobile care îmbunătățesc experiența utilizatorilor.

5. Ușurința Completării Formularelor pe Dispozitive Mobile (Form Usability on Mobile)

• Formularele din magazinul online trebuie sa fie optimizate pentru utilizarea pe dispozitive mobile și pot fi completate rapid, confortabil și cu un număr minim de erori.
• Evaluăm în special:
  • dimensiunea și lizibilitatea câmpurilor;
  • ușurința introducerii datelor;
  • comportamentul tastaturii și al formularului;
  • vizibilitatea etichetelor și mesajelor de validare;
  • experiența generală de completare pe ecrane mici.

6. Elemente care pot afecta experiența pe mobil

• Magazinul online evită elementele care afectează experiența utilizatorilor pe dispozitive mobile și care îngreunează navigarea sau procesul de cumpărare.
• Evaluăm în special existența unor situații precum:
  • blocarea selectării și copierii textului;
  • pop-up-uri agresive sau dificil de închis;
  • bannere fixe (cookie bar, chat, promoții) care acoperă conținutul important;
  • videoclipuri care pornesc automat cu sunet;
  • alte elemente care împiedică utilizarea normală a site-ului pe ecrane mici.