Ocena dizajna: šta posetilac vidi pre nego što pročita ijednu reč
Google čita kod, čovek gleda ekran. Jedan prolaz snimi tvoju početnu na telefonu i na desktopu, pa izmeri ono što odlučuje da li posetilac ostaje: da li se naslov i dugme vide pre skrolovanja, da li se tekst čita, da li dugmad liče na dugmad, da li dizajn radi i zamućen i bez boje.
- 2
- snimka po prolazu — telefon i desktop
- 0–100
- ocena dizajna, sa istorijom kroz vreme
- 8
- provera prvog ekrana
Problem: tebi je sajt lep, a posetilac odlazi za tri sekunde
Ti znaš gde je dugme jer si ga sam stavio. Posetilac ne zna. Otvori sajt na telefonu, vidi veliku sliku i pola naslova, ne vidi šta da klikne i ode. Nijedan audit koda to neće naći, jer je kod ispravan. Problem je u onome što se vidi.
Kako radi
Jedan prolaz otvori tvoju početnu na telefonu i na desktopu, isto kao pravi posetilac, i snimi je: ono što se vidi pre skrolovanja i celu stranu. Nad tim snimkom i nad stranicom alat izmeri:
- Prvi utisak — snimak normalan, zamućen i bez boje. Da li se hijerarhija vidi i kad se tekst ne čita?
- Prvi ekran — da li su iznad preloma naslov, dugme, slika, forma; ima li pretrage, lepljive navigacije, podrške za tamnu temu i smanjeno kretanje.
- Kontrast koji pada — tačno koji tekst, koje boje, koji odnos i koliko se traži.
- Dugmad i CTA — koliko ih ima, koliko različitih stilova, koliko iznad preloma, koliko je premalo za prst.
- Paleta i tipografija — sve boje teksta i pozadine, broj različitih veličina fonta, paleta koja se kopira kao CSS.
- Ocena dizajna 0–100 sa istorijom, pa vidiš da li su izmene pomogle.
Šta dobiješ
Spisak konkretnih primedbi, ne opšte savete. „Dugme iznad preloma ne postoji na telefonu“, „tekst u podnožju ima kontrast 2,8 a traži se 4,5“, „šest različitih stilova dugmadi“. To je razgovor koji možeš da vodiš sa dizajnerom ili sam da rešiš u temi.
Česta pitanja
Šta znači „zažmuri“ i „bez boje“?
To su dva filtera nad snimkom. Zamućen prikaz pokazuje šta posetilac primeti u prvoj sekundi — ako se zamućeno ništa ne ističe, ne ističe se ni uživo. Sivi prikaz pokazuje da li dizajn radi i za onoga ko ne razlikuje boje, što je oko osam odsto muškaraca.
Da li ovo zamenjuje dizajnera?
Ne. Daje ti merljive činjenice koje dizajner obično mora da brani osećajem: koliko ima stilova dugmadi, koji tekst pada na kontrastu, koliko različitih veličina fonta ima na stranici, da li je dugme iznad preloma. Sa tim spiskom razgovor sa dizajnerom je kraći i jeftiniji.
Šta mi znači paleta i „kopiraj kao CSS“?
Alat izvuče sve boje teksta i pozadine sa stranice. Kad ih vidiš dvadeset umesto pet, znaš zašto sajt deluje neuredno. Klik kopira paletu kao CSS promenljive, pa je odmah možeš dati onome ko sajt sređuje.
Da li se snimak pravi svaki put iznova?
Ne. Snimak i merenja se čuvaju, pa istorija ocene pokazuje da li si posle izmena bolji ili gori. Novi prolaz pokrećeš kad hoćeš.
Koliko košta?
Dizajn je deo Pro i Business paketa. Jedan prolaz su dva otvaranja stranice, bez dodatne naplate.
Radi zajedno sa
Alati u Nokofy-ju se nadovezuju — evo šta prirodno ide uz ovaj.
Vidi svoj sajt očima posetioca
Jedan klik snimi početnu na telefonu i desktopu i vrati ocenu sa konkretnim primedbama. Deo Pro paketa.
Bez kartice · Bez ugovora · Otkazuješ kad hoćeš