Ghid

Ce este un audit UX și de ce ai nevoie de el.

Un audit UX este o evaluare sistematică a modului în care vizitatorii tăi interacționează cu site-ul, de la primul contact vizual până la finalizarea unei acțiuni. Îți este de ajutor atunci când site-ul tău are trafic, dar rata conversiei este mică — utilizatorii se pierd pe drum, undeva.

Spre deosebire de alte rapoarte, auditul UX DigitalCat pornește de la contextul de business — conturează persona, cine este clientul tău, cui te adresezi tu — și abia apoi analizează interfața după criteriile fixe detaliate mai jos. Rezultatul este un livrabil cu dovezi vizuale pentru fiecare problemă depistată, paralele before / after — ceea ce ai tu în prezent și ceea ce propunem noi ca îmbunătățire — fixuri critice, modernizare structurală, rafinare. Nu o listă generică de recomandări. Acest raport poate să ajungă direct la echipa ta de dezvoltare.

Dacă vrei să afli mai multe despre ce ne diferențiază de tool-urile automate, vezi audit UX manual vs. audit automat.

Metodologia auditului UX

Criterii clare, cu pondere transparentă în scorul final

Fiecare axă are un rol distinct în decizia de conversie. Vezi secțiunile de mai jos pentru a înțelege termenii, problemele pe care le depistăm și valoarea concretă pe care auditul o aduce afacerii tale.

01UX & Navigare30%Cât de ușor găsesc oamenii ce caută și ajung la acțiunea principală.Vezi cum verificăm traseul spre conversieCitește mai puținVezi legile UX aplicateÎnchide explicația
01

UX & Navigare

Structură

Arhitectura informației

Ce înseamnă modul în care paginile, categoriile și informațiile sunt grupate, denumite și legate între ele.

Exemplu real
Problema
Remedierea

Ce găsim și rezolvăm urmărim traseul unui cumpărător real și găsim eticheta ambiguă, categoria lipsă și pagina îngropată la trei niveluri adâncime.

Impact informația care aduce vânzarea (preț, disponibilitate, contact) se găsește în doi pași, nu în șase.

Decizie

Legea lui Hick

Ce înseamnă cu cât sunt mai multe opțiuni asemănătoare afișate deodată, cu atât alegerea durează mai mult și e mai des amânată.

Exemplu real
Problema
Remedierea

Ce găsim și rezolvăm pe pagina de prețuri și pe listele de produse identificăm alegerile care pot fi pre-filtrate, grupate sau amânate — și marcăm opțiunea potrivită pentru majoritate.

Impact vizitatorul alege în câteva secunde în loc să deschidă alt tab „ca să se mai gândească”.

Interacțiune

Legea lui Fitts

Ce înseamnă o țintă e mai ușor de atins când e destul de mare și aproape de locul unde privește sau lucrează utilizatorul.

Exemplu real
Problema
Remedierea

Ce găsim și rezolvăm măsurăm distanța dintre momentul deciziei și butonul de acțiune, mărimea zonei active reale și dacă CTA-ul rămâne la îndemână pe mobil.

Impact butonul „Cere ofertă” e acolo unde apare intenția, nu la capătul opus al paginii.

Modele mentale

Legea lui Jakob

Ce înseamnă oamenii petrec cea mai mare parte a timpului pe alte site-uri și se așteaptă ca al tău să funcționeze la fel.

Exemplu real
Problema
Remedierea

Ce găsim și rezolvăm verificăm convențiile de bază: logoul duce acasă, coșul arată a coș, meniul principal e vizibil pe desktop, iconurile au etichete.

Impact nimeni nu pierde timp „învățând” interfața ta înainte să cumpere.

Continuitate

Stabilitatea rutelor

Ce înseamnă linkurile duc unde promit, butonul Înapoi nu pierde progresul, filtrele se păstrează și utilizatorul știe mereu unde se află.

Exemplu real
Problema
Remedierea

Ce găsim și rezolvăm parcurgem catalogul cu filtre și paginare și găsim buclele, paginile 404, filtrele care „cad” la Înapoi și lipsa firimiturilor.

Impact un traseu fără surprize spre ofertă sau checkout și mai puține abandonuri din frustrare.

02Design Vizual20%Cât de ușor se citește, se înțelege și inspiră încredere interfața.Vezi principiile de design vizualCitește mai puținVezi riscurile și câștigurileÎnchide explicația
02

Design Vizual

Claritate vizuală

Contrast WCAG AA

Ce înseamnă diferența dintre text și fundal trebuie să permită citirea. Reperul WCAG AA este 4,5:1 pentru text obișnuit și 3:1 pentru text mare.

Exemplu real
Problema
Remedierea

Ce găsim și rezolvăm măsurăm cu instrument, nu „din ochi”, contrastul prețurilor, al butoanelor și al textului funcțional — inclusiv pe stările hover și disabled.

Impact informația care vinde nu se pierde pe ecranul unui laptop la fereastră.

Ierarhie

Consistența tipografică

Ce înseamnă titlurile, textele, prețurile și etichetele urmează aceleași reguli de mărime, greutate și spațiere pe tot site-ul.

Exemplu real
Problema
Remedierea

Ce găsim și rezolvăm strângem la o singură scară stilurile adunate în timp de la trei agenții diferite și aducem prețul la un format unic.

Impact pagina se citește repede și brandul arată a firmă care are grijă de detalii.

Efort cognitiv

Densitatea de conținut

Ce înseamnă câte elemente cer atenție în același timp și cât de clar iese în evidență ce trebuie văzut primul.

Exemplu real
Problema
Remedierea

Ce găsim și rezolvăm în primul ecran separăm acțiunea principală de pop-up-uri, chat, bannere de cookie și oferte secundare care apar toate deodată.

Impact ochiul găsește imediat următorul pas, nu trei ferestre care se acoperă între ele.

Încredere

Butoane care arată a butoane

Ce înseamnă personalitatea brandului trebuie păstrată fără să contrazică tiparele de interfață pe care oamenii le recunosc astăzi.

Exemplu real
Problema
Remedierea

Ce găsim și rezolvăm găsim controalele „inventate”: text colorat fără formă, butoane-fantomă care par dezactivate. Le readucem la o formă clară, în culorile brandului.

Impact diferențiere fără ca vizitatorul să se întrebe „unde apăs?”.

03Accesibilitate & Mobil25%Cum este experiența pe mobil și pentru utilizatori cu nevoi diferite.Vezi testele WCAG AA și țintele tactileCitește mai puținVezi barierele eliminateÎnchide explicația
03

Accesibilitate & Mobil

Lizibilitate

Contrast pe câmpuri și etichete

Ce înseamnă textul funcțional (etichete, valori introduse, mesaje) trebuie citit și de cineva cu vedere redusă sau pe un ecran în soare.

Exemplu real
Problema
Remedierea

Ce găsim și rezolvăm când singura „etichetă” e un placeholder gri deschis, câmpul devine ghicitoare după ce începi să scrii. Măsurăm și cerem o etichetă vizibilă permanent.

Impact formularul se completează din prima, fără să ștergi ca să vezi ce cerea câmpul.

Touch

Ținte tactile de minimum 44×44 px

Ce înseamnă butoanele, iconurile și casetele au o zonă suficientă pentru a fi apăsate confortabil cu degetul, cu spațiu între ele.

Exemplu real
Problema
Remedierea

Ce găsim și rezolvăm măsurăm zona activă reală și spațiul dintre controale: filtre înghesuite, „×” minuscul pe banner, linkuri lipite în footer.

Impact mai puține apăsări greșite pe mobil, unde se decide o parte tot mai mare din traficul B2B.

Fără mouse

Navigare cu tastatura

Ce înseamnă toate acțiunile pot fi parcurse cu Tab, activate cu Enter sau Space, iar zona în focus rămâne vizibilă.

Exemplu real
Problema
Remedierea

Ce găsim și rezolvăm urmărim ordinea Tab, căutăm capcanele de focus și controalele „custom” care nu răspund la tastatură: meniuri, dropdown-uri, calendare.

Impact un utilizator care nu folosește mouse, din obișnuință sau din necesitate, poate trimite formularul până la capăt.

Tehnologii asistive

Semantică și nume accesibile

Ce înseamnă fiecare element comunică programatic rolul, numele și starea lui către cititoarele de ecran.

Exemplu real
Problema
Remedierea

Ce găsim și rezolvăm folosim HTML semantic și adăugăm ARIA doar unde chiar lipsește: butoane doar-iconuri fără nume, „div” care se comportă ca buton, stări care nu se anunță.

Impact o interfață pe care o poate folosi și cineva cu cititor de ecran și, ca efect secundar, cod mai robust.

Context real

Trafic mixt desktop–mobil

Ce înseamnă chiar și în B2B, documentarea începe adesea pe telefon și conversia se încheie pe desktop, sau invers.

Exemplu real
Problema
Remedierea

Ce găsim și rezolvăm testăm ierarhia și controalele în contexte reale: tabelul de specificații pe ecran mic, fișa tehnică PDF deschisă pe telefon, formularul reluat pe alt dispozitiv.

Impact continuitate între dispozitive și mai puține lead-uri pierdute pentru că „pe telefon nu se vedea”.

Risc

Prioritizarea barierelor

Ce înseamnă barierele de accesibilitate exclud utilizatori și, în funcție de context, pot aduce risc reputațional sau de conformitate.

Exemplu real
Problema
Remedierea

Ce găsim și rezolvăm nu livrăm o listă lungă și plată, ci ordonăm problemele după severitate și impactul asupra sarcinii principale — ce blochează o vânzare vs. ce e rafinare.

Impact o listă de remedieri pe care echipa ta o poate ataca în ordinea corectă, de luni dimineață.

04Formulare & Conversie25%Ce îi face pe oameni să continue sau să abandoneze înainte de contact ori cumpărare.Vezi unde pierzi lead-urile în formularCitește mai puținVezi unde se pierd lead-urileÎnchide explicația
04

Formulare & Conversie

Efort

Fricțiunea la cererea de ofertă

Ce înseamnă orice pas, câmp sau decizie care cere mai mult efort decât valoarea percepută de vizitator în acel moment.

Exemplu real
Problema
Remedierea

Ce găsim și rezolvăm eliminăm câmpurile cerute prea devreme (CUI, nr. reg. com., „cum ne-ați găsit?”) și explicăm de ce cerem datele și ordonăm pașii natural.

Impact mai multe formulare finalizate, fără să pierzi datele de care vânzările chiar au nevoie.

Diagnostic

Punctele exacte de abandon

Ce înseamnă locurile din flux unde utilizatorii se opresc, revin, greșesc sau părăsesc pagina.

Exemplu real
Problema
Remedierea

Ce găsim și rezolvăm legăm observația UX de pașii reali ai conversiei: câmpul care devine obligatoriu abia la trimitere, eroarea care te aruncă în capul paginii, pasul fără buton „înapoi”.

Impact știi unde să intervii prima dată pentru un efect comercial pe care îl poți măsura.

Motivație

Claritatea propunerii de valoare

Ce înseamnă vizitatorul înțelege repede ce primește, pentru cine e oferta și de ce merită următorul pas.

Exemplu real
Problema
Remedierea

Ce găsim și rezolvăm înlocuim titlul-umplutură („soluții inovatoare pentru afacerea ta”) cu un beneficiu concret și legăm CTA-ul de o dovadă pe care decizia se poate sprijini.

Impact lead-uri care ajung la vânzări deja motivate și informate.

Recuperare

Validare și mesaje de eroare

Ce înseamnă formularul previne greșeala și explică precis cum poate fi corectată, fără să șteargă ce ai completat deja.

Exemplu real
Problema
Remedierea

Ce găsim și rezolvăm validăm la momentul potrivit, păstrăm datele, punem mesajul lângă câmpul greșit și spunem exact ce lipsește — nu „date invalide”.

Impact mai puține încercări eșuate și mai multe trimiteri reușite din prima.

Rezultat comercial

Punctul de contact final

Ce înseamnă momentul în care tot ce a strâns site-ul (interes, încredere, informație) trebuie să devină o comandă, o programare sau o cerere de ofertă.

Exemplu real
Problema
Remedierea

Ce găsim și rezolvăm verificăm promisiunea, efortul, încrederea și confirmarea de după trimitere ca un sistem: ce vede și ce face utilizatorul în secunda de după „Trimite”.

Impact recomandări ordonate după impactul asupra lead-urilor, nu o listă de observații estetice.

Întrebări frecvente

La obiect, fără ocolișuri.

Ce este un audit UX și de ce am nevoie de el?

Un audit UX este o evaluare manuală, sistematică, a modului în care utilizatorii reali interacționează cu site-ul tău — de la primul contact vizual până la finalizarea unei acțiuni (cumpărare, cerere de ofertă, programare). Ai nevoie de el când site-ul are trafic, dar rata de conversie nu reflectă interesul real al vizitatorilor.

Cum știu dacă site-ul meu are probleme de conversie?

Semnale tipice: trafic stabil dar rată de conversie sub media industriei, timp scurt petrecut pe paginile cheie, rată mare de abandon a formularelor, sau feedback direct de la clienți că nu găsesc informația căutată. Un audit UX confirmă cu dovadă vizuală unde exact se întâmplă asta.

De ce site-ul meu are trafic dar nu vinde?

De cele mai multe ori nu e o problemă de trafic, ci de experiență: utilizatorii ajung pe site, dar interfața nu îi ghidează clar spre acțiunea dorită — fie din cauza unei arhitecturi de informație confuze, fie a unor formulare cu fricțiune, fie a lipsei de încredere vizuală.

Cum verific dacă site-ul respectă WCAG AA?

Verifici contrastul de culoare (minimum 4.5:1 pentru text normal), dimensiunea țintelor tactile (minimum 44×44px), navigarea completă cu tastatura și structura corectă de heading-uri. Tool-urile automate (Lighthouse, axe) detectează o parte din probleme; un audit manual verifică și pe cele care necesită judecată umană — vezi și audit UX vs. audit automat.

Care e diferența dintre audit UX și audit SEO?

Auditul SEO tehnic verifică dacă motoarele de căutare pot indexa și înțelege corect site-ul (viteză, structură tehnică, cuvinte cheie). Auditul UX verifică dacă oamenii care ajung deja pe site reușesc să facă ce au venit să facă. Sunt complementare, nu interschimbabile.

Cât durează un audit de website?

Depinde de pachet: Quick Scan (gratuit) se livrează în 24 de ore, Audit Max într-un termen stabilit în funcție de complexitate, iar Audit Complet, pe site complet, cu plan de modernizare, în 3 zile lucrătoare. Detalii complete pe pagina de prețuri.

Referință rapidă

Glosar de termeni.

Cele douăsprezece legi și efecte pe care le folosim ca grilă de verificare, pe scurt. Fiecare e explicată pe larg — cu ce anume verifică auditorul și un exemplu concret — în glosarul complet de legi UX.

Legea lui Fitts
Timpul necesar ca să atingi o țintă depinde de mărimea și distanța ei — ținte mici sau greu de accesat cresc rata de erori și abandon.
Legea lui Hick
Timpul de decizie crește cu numărul de opțiuni vizibile simultan — un meniu sau o listă supraîncărcată încetinește, nu ajută utilizatorul.
Legea lui Miller
Memoria de lucru ține aproximativ 7±2 elemente — meniuri sau liste cu mult mai multe opțiuni, fără grupare, depășesc capacitatea reală de procesare.
Legea lui Tesler
Complexitatea unui proces nu dispare, doar se mută: ori o duce sistemul printr-un design mai inteligent, ori o duce utilizatorul prin mai mulți pași și decizii.
Efectul Von Restorff
Elementul vizual diferit de restul e cel observat și reținut primul — criteriul cu care verificăm dacă un CTA principal chiar iese în evidență sau se pierde în pagină.
Efectul de poziție serială
Primul și ultimul element dintr-o listă sau un meniu sunt reținute cel mai bine — elementele importante îngropate la mijloc sunt dezavantajate structural.
Efectul Goal-Gradient
Motivația crește pe măsură ce utilizatorul se apropie de finalul unui proces — lipsa unui indicator de progres pe un formular lung e o problemă reală, nu doar cosmetică.
Efectul Aesthetic-Usability
Un design frumos e perceput ca mai ușor de folosit chiar și atunci când nu e — un polish vizual bun poate masca probleme reale de ierarhie și structură.
Principiile Gestalt
Regulile după care ochiul grupează elementele într-un tot — proximitate, similaritate, continuitate, figură-fond, închidere (closure) și regiune comună.
F-pattern / Z-pattern
Tipare orientative de scanare vizuală — F pentru conținut nestructurat (bloc de text), Z pentru landing page-uri simple, cu puțin conținut.
Above the fold
Zona vizibilă a paginii înainte de scroll — testul de 3 secunde pentru claritatea propunerii de valoare se face strict pe această zonă.
Contrast WCAG AA
Pragul minim de lizibilitate text/fundal — 4.5:1 pentru text normal, 3:1 pentru text mare — tratat ca standard vizual de bază, nu doar cerință de accesibilitate.