De ce un site frumos nu înseamnă automat un site care vinde
Un antreprenor din Cluj a investit 8.000 EUR într-un site de prezentare cu animații premium, fotografii profesionale și un slider impresionant pe pagina principală. După trei luni, rata de conversie era sub 0,4%. Traficul exista. Bugetul de Google Ads mergea. Dar comenzile nu veneau.
Problema nu era designul vizual. Era experiența utilizatorului, adică modul în care vizitatorul se deplasa prin site, găsea informațiile și lua decizia de cumpărare. UX-ul slab nu arată întotdeauna urât. Uneori arată spectaculos și totuși omoară conversiile.
Mai jos sunt cele 7 greșeli UX pe care le întâlnim cel mai des în auditurile pe care le facem la Design Creator Lab, însoțite de semne concrete că le ai și de ce anume să schimbi.
1. Ierarhia vizuală lipsește sau e inversată
Ierarhia vizuală este ordinea în care ochiul cititorului parcurge o pagină. Când e corectă, utilizatorul ajunge natural la butonul de acțiune. Când e greșită, ochiul rătăcește și creierul obosește înainte de a lua o decizie.
Cum arată problema în practică
Cel mai frecvent caz: un magazin online cu 6 elemente de dimensiuni aproape egale pe pagina principală, fiecare strigând la fel de tare după atenție. Banner promoțional, meniu mare, categorii, produse recomandate, newsletter popup și chat live, toate active simultan în primele 3 secunde.
Vizitatorii nu știu unde să se uite mai întâi, deci nu se uită nicăieri cu atenție. Rata de respingere crește, timpul pe site scade.
Ce funcționează
- Un singur mesaj principal per secțiune, restul subordonat vizual față de el.
- Contrast de dimensiune: titlul principal de cel puțin 2x mai mare decât textul secundar.
- Spațiu alb intenționat: nu umple fiecare pixel. Spațiul gol ghidează privirea spre ce contează.
- CTA vizibil fără scroll pe desktop și mobil, în culoarea cu cel mai mare contrast față de fundal.
2. Viteza de încărcare pe mobil depășește 4 secunde
Google a publicat date clare: 53% dintre vizitatorii mobili abandonează un site care se încarcă în mai mult de 3 secunde (Google/SOASTA Research). În România, unde traficul mobil depășește 60% din total pe majoritatea site-urilor de comerț, această greșeală costă concret.
Un site de servicii B2B din Timișoara pe care l-am auditat anul trecut avea un scor PageSpeed de 34 pe mobil. Imaginile neoptimizate (unele de 4-5 MB per fotografie), un slider cu autoplay și trei scripturi de tracking încărcate sincron în head. Fiecare secundă în plus de încărcare costa vizibil în date: bounce rate de 78% pe mobil față de 41% pe desktop.
Ce rezolvă problema
- Imagini în format WebP sau AVIF, redimensionate la dimensiunea efectivă afișată, nu la dimensiunea originală din aparat foto.
- Lazy loading pentru imaginile din afara viewport-ului inițial.
- Eliminarea sau amânarea scripturilor terțe (chat, analytics, pixels) până după încărcarea conținutului principal.
- Hosting pe servere cu data center în Europa, nu pe shared hosting din SUA cu latență de 200ms pentru România.
Un scor Core Web Vitals peste 75 pe mobil nu e un lux tehnic. E condiție minimă pentru a rămâne competitiv în căutările organice din 2024-2025.
3. Formularul de contact sau de comandă are prea mulți pași
Fiecare câmp adițional dintr-un formular scade rata de completare. Nu e o opinie, e un comportament documentat consistent în datele de heat map și session recording.
Greșeala tipică în România
Formulare de contact cu 8-10 câmpuri obligatorii: nume, prenume, telefon, email, companie, CUI, județ, oraș, mesaj și, uneori, o întrebare de securitate. Utilizatorul care voia să întrebe rapid despre un serviciu renunță după câmpul 4.
Pe un proiect de servicii juridice din București, după ce am redus formularul de la 9 câmpuri la 4 (nume, email, telefon, mesaj), numărul de leaduri lunare a crescut cu 67% la același volum de trafic. Nu s-a schimbat nimic altceva.
Regula practică
- Formular de contact: maxim 4 câmpuri. Dacă ai nevoie de mai multe informații, le ceri după primul contact.
- Checkout e-commerce: guest checkout disponibil fără înregistrare obligatorie. Înregistrarea o propui după finalizarea comenzii.
- Validare în timp real: arată erorile pe câmp individual în momentul în care utilizatorul termină de completat câmpul, nu la submit.
- Autofill compatibil: atributele
autocompletecorecte pe fiecare câmp reduc timpul de completare cu 30-40%.
4. Mesajele de eroare nu explică ce trebuie corectat
Aceasta este una dintre cele mai subestimate greșeli UX. Un utilizator care primește mesajul „Eroare. Formularul nu a putut fi trimis.