Preskoči na sadržaj
Web dizajn

UX greške koje teraju posetioce sa sajta (i kako da ih ispravite)

Posetilac je zainteresovan, ali odlazi posle nekoliko sekundi. Evo najčešćih UX grešaka – od iskačućih prozora i sporog učitavanja do loših formi i mobilne verzije – i kako da ih ispravite.

Ivan Petković 5 min čitanja
Sadržaj članka
  1. 1. Iskačući prozori koji prekidaju pre nego što je išta viđeno
  2. 2. Sajt koji se sporo učitava
  3. 3. Nejasna navigacija
  4. 4. Forme koje odbijaju
  5. 5. Loše iskustvo na mobilnom telefonu
  6. 6. Sitne greške koje ruše poverenje
  7. 7. Pretraga i filteri koji ne pomažu
  8. Kako da pronađete UX greške na svom sajtu
  9. Zaključak

UX greške su prepreke zbog kojih posetilac napušta sajt iako ga ponuda zanima: stranica se sporo učitava, iskoči prozor pre nego što je išta pročitao, meni ne vodi tamo gde očekuje, forma traži previše podataka ili se dugme na telefonu ne može pritisnuti. Dobra vest je da se većina ovih problema lako prepozna i ispravi bez kompletnog redizajna. U nastavku su najčešće greške u korisničkom iskustvu (UX) na sajtovima malih firmi – svaka sa konkretnim rešenjem.

1. Iskačući prozori koji prekidaju pre nego što je išta viđeno

Posetilac dođe sa Google-a, a pre prvog pasusa ga dočekaju baner za kolačiće, prozor za prijavu na newsletter i čet balon. Na telefonu to znači da sadržaj praktično ne vidi.

Kako ispraviti:

  • Pop-up za prijavu ili popust prikažite tek posle određenog vremena, skrolovanja ili pri pokušaju izlaska – nikako odmah.
  • Obavezno jasno dugme za zatvaranje, dovoljno veliko za prst.
  • Baner za kolačiće neka bude kompaktan i ne prekriva ceo ekran; kako ga pravilno postaviti pisali smo u tekstu o kolačićima i zaštiti podataka.
  • Ne više od jednog nametljivog elementa istovremeno.

2. Sajt koji se sporo učitava

Svaka sekunda čekanja povećava šansu da posetilac klikne „nazad“ i ode kod sledećeg rezultata. Na mobilnoj mreži sporost se oseća još više.

Kako ispraviti: smanjite i konvertujte slike u moderan format, uklonite nepotrebne dodatke i skripte, uključite keširanje i birajte kvalitetan hosting. Najveći dobitak obično daju slike – postupak je opisan u tekstu optimizacija slika za sajt. Za merenje koristite Core Web Vitals; šta koja metrika znači objašnjavamo u vodiču Core Web Vitals objašnjeno jednostavno.

Poseban oblik ove greške je sadržaj koji „skače“ dok se učitava – posetilac krene da pritisne dugme, a ono se pomeri jer se iznad učitala slika ili baner. Rešenje je rezervisati prostor za slike i reklame unapred.

3. Nejasna navigacija

Meni sa nazivima kao što su „Rešenja“, „Svet brenda“ ili „Filozofija“ ne govori posetiocu gde su cene i kako da vas kontaktira. Isto važi za menije sa petnaest stavki i tri nivoa podmenija.

Kako ispraviti:

  • Koristite reči koje kupac koristi: „Usluge“, „Cenovnik“, „Radovi“, „Kontakt“.
  • Držite glavni meni kratkim – pet do sedam stavki je obično dovoljno.
  • Kontakt ili glavni poziv na akciju neka bude izdvojen, najčešće u gornjem desnom uglu.
  • Logo neka vodi na početnu stranicu; to ljudi očekuju.
  • Na dužim stranicama pomažu podnaslovi i kratak sadržaj sa linkovima ka sekcijama.

4. Forme koje odbijaju

Forma je trenutak kada posetilac postaje potencijalni klijent – i tu se najviše njih predomisli.

GreškaRešenje
Previše obaveznih poljaTražite samo ono što vam treba za prvi odgovor: ime, telefon ili mejl, poruka
Greška se prikaže tek posle slanja, a unos se obrišeProverite polja dok se popunjavaju i sačuvajte uneto
Nejasne poruke o grešci („Nevažeći unos“)Konkretno: „Unesite broj telefona sa pozivnim brojem“
Nema potvrde da je poruka stiglaJasna poruka zahvalnosti i informacija kada da očekuju odgovor
Teška CAPTCHA proveraNevidljive zaštite od spama koje ne opterećuju korisnika
Pogrešna tastatura na telefonuIspravni tipovi polja: numerička za telefon, sa znakom @ za mejl

I obavezno povremeno pošaljite probni upit. Iznenađujuće je često da forma na sajtu mesecima ne radi, a vlasnik misli da upita jednostavno nema.

5. Loše iskustvo na mobilnom telefonu

Većina posetilaca malih firmi dolazi sa telefona, a sajtovi se i dalje često proveravaju samo na računaru.

Najčešći problemi i rešenja:

  • Premala dugmad i linkovi preblizu jedni drugima – elementi za dodir treba da budu dovoljno veliki i razmaknuti.
  • Tekst koji se mora zumirati – osnovni font oko 16 piksela ili veći.
  • Tabele i slike šire od ekrana – sadržaj koji traži skrolovanje ulevo i udesno.
  • Broj telefona koji nije klikabilan – na telefonu to je najjednostavniji put do poziva.
  • Fiksni elementi koji zauzimaju pola ekrana – zaglavlje, čet i baneri istovremeno.

Detaljnije o ovome u tekstu responzivan dizajn: zašto je mobilna verzija najvažnija.

6. Sitne greške koje ruše poverenje

  • Neispravni linkovi i prazne stranice („uskoro“) – bolje je sakriti stranicu nego ostaviti je praznu.
  • Zastareli podaci – stara akcija, pogrešno radno vreme, poslednja vest od pre tri godine.
  • Automatsko puštanje videa ili zvuka.
  • Tekst bez strukture – dugi blokovi bez podnaslova i listi.
  • Slajder na vrhu koji brzo menja poruke – ljudi retko vide više od prvog slajda, a često usporava učitavanje.

7. Pretraga i filteri koji ne pomažu

Na sajtovima sa mnogo sadržaja, a posebno u web shopovima, pretraga je prečica za one koji tačno znaju šta traže. Ako vrati „nema rezultata“ za reč sa ili bez kvačica (npr. „cesalj“ umesto „češalj“), za množinu ili za malu slovnu grešku, posetilac zaključuje da proizvoda nema.

Kako ispraviti: podesite pretragu da ignoriše kvačice i velika slova, prikažite predloge dok se kuca, a kada nema rezultata ponudite popularne kategorije i kontakt. Filteri neka imaju jasne nazive, broj proizvoda uz svaku opciju i dugme za poništavanje.

Kako da pronađete UX greške na svom sajtu

  1. Test sa pravim ljudima. Zamolite nekoga ko ne poznaje sajt da na telefonu pronađe cenu i pošalje upit. Ćutite i posmatrajte gde zastaje.
  2. Analitika. Stranice sa velikim brojem izlazaka i kratkim zadržavanjem su prvi kandidati za proveru.
  3. Snimci sesija i toplotne mape. Alati tog tipa pokazuju gde ljudi klikću i gde odustaju (uz poštovanje pravila o privatnosti).
  4. Provera brzine u PageSpeed Insights, posebno za mobilnu verziju.

Ako je sajt tehnički ispravan, a upita i dalje nema, pogledajte i širu listu uzroka u tekstu zašto sajt ne donosi upite.

Zaključak

Većina UX grešaka nastaje zato što se sajt gleda očima vlasnika, a ne posetioca. Uklonite prerane pop-up prozore, ubrzajte učitavanje, pojednostavite meni i forme i testirajte sve na telefonu – to su izmene koje brzo daju rezultat. Ako želite drugo mišljenje o svom sajtu, kontaktirajte nas ili nas pozovite na +381 60 012 74 34 – analiza i ponuda su besplatni.

Česta pitanja

Šta je UX i po čemu se razlikuje od UI dizajna?

UX (korisničko iskustvo) opisuje koliko lako i prijatno posetilac ostvaruje svoj cilj na sajtu. UI se odnosi na vizuelni izgled elemenata poput dugmadi i menija; dobar UI je deo dobrog UX-a, ali ne i sve.

Da li su pop-up prozori uvek loši?

Nisu, ako se prikažu u pravom trenutku, lako se zatvaraju i nude nešto korisno. Problem nastaje kada iskoče odmah po dolasku i prekriju sadržaj, posebno na telefonu.

Koliko polja treba da ima kontakt forma?

Što manje, dovoljno za prvi odgovor – najčešće ime, telefon ili mejl i poruka. Dodatna pitanja postavite kasnije u razgovoru ili ih učinite neobaveznim.

Kako brzo mogu da proverim UX svog sajta?

Zamolite nekoliko ljudi da na telefonu pronađu cenu i pošalju upit, dok ih posmatrate bez pomaganja. Uz to proverite brzinu u PageSpeed Insights i stranice sa najviše izlazaka u analitici.

#UX#korisničko iskustvo#web dizajn#forme#mobilni sajt

Podelite: Facebook LinkedIn WhatsApp