Korisnik može doći na web preko Googlea, oglasa, preporuke ili društvenih mreža.
To još ne znači da će ostati.
Ako u prvih nekoliko sekundi ne može razumjeti što nudite, pronaći ono što traži ili steći dovoljno povjerenja, vrlo je lako izgubiti ga.
Razlozi zbog kojih ljudi napuštaju web često nisu spektakularni.
Najčešće se radi o kombinaciji malih problema:
- stranica se sporo učitava
- nije jasno što tvrtka nudi
- navigacija je komplicirana
- sadržaj ne odgovara na pitanja
- web izgleda nepouzdano
- cijene su potpuno skrivene
- mobilna verzija je loša
- kontakt je teško pronaći
- forma je preduga
- stranica ima previše popupova i animacija
Dobra vijest je da se velik dio tih problema može prepoznati i popraviti.
Nejasna poruka
Jedan od najbržih načina da izgubite korisnika je da mu ne objasnite gdje je došao.
Primjer:
Stvaramo digitalna iskustva koja pokreću budućnost.
Možda zvuči moderno, ali korisnik još uvijek ne zna što prodajete.
Bolje:
Izrađujemo web stranice i web trgovine te pomažemo tvrtkama povećati organsku vidljivost kroz SEO.
Korisnik odmah zna je li na pravom mjestu.
Na početnoj stranici jasnoća je važnija od kreativne formulacije.
Detaljnije o tome možete pročitati u vodiču kako izgleda dobra početna stranica.
Pogrešna očekivanja
Korisnik može napustiti stranicu i ako ono što vidi ne odgovara razlogu zbog kojeg je kliknuo.
Primjerice, tražio je:
izrada web stranica cijena
a završio je na stranici koja pet minuta govori o povijesti web dizajna bez ikakvog cjenovnog okvira.
To stvara osjećaj da rezultat nije relevantan.
Svaka važna stranica treba brzo potvrditi:
Da, ovdje ćete pronaći ono što ste tražili.
To je posebno važno kod:
- SEO landing stranica
- oglasa
- stranica usluga
- blog članaka
Naslov, uvod i sadržaj trebaju odgovarati očekivanju koje je korisnik imao prije klika.
Spor web
Ako stranica dugo prikazuje prazan ekran ili se elementi pojavljuju jedan po jedan, dio korisnika neće čekati.
Na brzinu mogu utjecati:
- velike slike
- video u hero sekciji
- previše JavaScripta
- vanjske skripte
- fontovi
- pluginovi
- hosting
- loš cache
Problem nije samo broj sekundi.
Web koji se vizualno pomiče tijekom učitavanja ili dugo ne reagira na klik također djeluje sporije.
Brzina je zato dio korisničkog iskustva, ne samo tehnička metrika.
Previše sadržaja odmah
Više sadržaja nije uvijek bolje.
Ako prvi ekran sadrži:
- veliki naslov
- dugačak podnaslov
- pet bullet pointova
- tri CTA-a
- recenziju
- certifikate
- popup
- chat
- animirani banner
korisnik mora obraditi previše informacija odjednom.
Dobra stranica stvara jasnu hijerarhiju.
Prvo glavna poruka.
Zatim dodatni kontekst.
Zatim sljedeći korak.
Prazan prostor i jednostavnost mogu biti jednako važni kao sadržaj.
Teško čitljiv tekst
Dobar sadržaj nema vrijednost ako ga je neugodno čitati.
Problemi mogu biti:
- premali font
- slab kontrast
- predugački odlomci
- preširoke linije teksta
- premali line-height
- previše različitih fontova
- tekst preko kompleksne slike
Korisnik na webu često skenira sadržaj prije nego što odluči što će detaljno pročitati.
Zato su važni:
- kratki odlomci
- jasni podnaslovi
- liste
- vizualna hijerarhija
- dovoljno praznog prostora
Tekst treba biti jednostavan za konzumiranje i na desktopu i na mobitelu.
Loša navigacija
Korisnik ne bi trebao učiti kako koristiti vaš web.
Ako želi pronaći cijenu, uslugu ili kontakt, navigacija treba biti predvidljiva.
Problem nastaje kada se koriste nejasni nazivi poput:
- Naš svijet
- Istražite
- Iskustva
- Rješenja 360
ako korisnik iz njih ne može zaključiti što se zapravo nalazi iza linka.
Za većinu poslovnih webova jasni nazivi poput:
- Usluge
- Cjenik
- Projekti
- O nama
- Blog
- Kontakt
rade sasvim dobro.
Dobra struktura weba također smanjuje potrebu za kompleksnom navigacijom.
Više o tome možete pročitati u članku kako napraviti strukturu web stranice.
Previše opcija
Problem ne mora biti samo loša navigacija.
Može biti i previše izbora.
Ako glavni meni ima 15 stavki, korisniku otežavamo odluku.
Ako hero ima četiri jednako istaknuta CTA-a, opet mora odlučivati što je zapravo važno.
Dobra stranica daje prioritet.
Primjer:
Primarni CTA: Zatražite ponudu
Sekundarni CTA: Pogledajte projekte
Ostale opcije mogu postojati, ali nisu sve jednako vizualno važne.
Nema jasnog sljedećeg koraka
Suprotan problem je kada korisnik pročita cijelu stranicu i ne zna što dalje.
Na kraju teksta nema:
- CTA-a
- kontakta
- povezanog sadržaja
- linka prema usluzi
To stvara slijepu ulicu.
Svaka važna stranica treba imati logičan sljedeći korak.
Na stranici usluge to može biti:
Zatražite ponudu
Na blog članku:
Pročitajte povezani vodič
ili:
Pogledajte uslugu
Više o postavljanju CTA-ova možete pronaći u članku gdje postaviti CTA na web stranici.
Web ne ulijeva povjerenje
Korisnik koji prvi put dolazi na web mora brzo procijeniti djeluje li poslovanje legitimno.
Povjerenje mogu narušiti:
- zastarjeli dizajn
- loše fotografije
- tipfeleri
- nepostojeći kontakt podaci
- lažne recenzije
- nejasan identitet tvrtke
- generički stock sadržaj
- neispravni linkovi
- nedostatak HTTPS-a
- zastarjeli podaci
Kod usluga koje zahtijevaju veći budžet povjerenje postaje još važnije.
Ako korisnik treba platiti nekoliko tisuća eura, želi vidjeti više od tvrdnje:
Mi smo profesionalci.
Želi dokaz.
Nedostaju projekti
Ako prodajete uslugu koja se može pokazati, a web nema nijedan primjer rada, korisnik mora vjerovati samo vašim riječima.
Projekti mogu pokazati:
- kvalitetu
- iskustvo
- tip klijenata
- način razmišljanja
- rezultate
Još je bolje ako projekt nije samo screenshot.
Kratki case study može objasniti:
- problem
- pristup
- rješenje
- rezultat
To puno snažnije gradi povjerenje.
Nejasne recenzije
Recenzije mogu pomoći, ali samo ako djeluju stvarno.
Pet testimoniala poput:
Odlična suradnja!
bez imena, tvrtke ili konteksta mogu imati vrlo malu vrijednost.
Bolje su konkretne izjave koje opisuju iskustvo.
Primjer:
Trebali smo novu stranicu za nekoliko poslovnih usluga. Proces je bio jasan, a sadržaj i strukturu definirali smo prije razvoja.
Kontekst daje vjerodostojnost.
Skrivene cijene
Ne mora svaka tvrtka objaviti fiksan cjenik.
Ali ako cijena ima veliku ulogu u odluci korisnika, potpuni nedostatak bilo kakvog okvira može dovesti do odustajanja.
Možete prikazati:
- početnu cijenu
- pakete
- raspon
- primjer projekta
- što utječe na cijenu
Kod Legatecha konkretne pakete možete vidjeti na stranici izrada web stranica – cijena i paketi.
Ako vas zanima zašto cijene različitih projekata mogu značajno varirati, pročitajte što utječe na cijenu web stranice.
Previše prodajnog pritiska
Popup odmah nakon dolaska.
Sticky banner.
Chat koji se sam otvara.
Newsletter modal.
CTA nakon svakog odlomka.
Popust s odbrojavanjem.
Svaki od tih elemenata pojedinačno može imati smisla.
Problem je kada se svi koriste zajedno.
Korisnik tada nema osjećaj da istražuje stranicu.
Ima osjećaj da se stalno mora braniti od prodajnih poruka.
Dobar CRO nije isto što i maksimalan broj CTA elemenata.
Popup prerano
Popup može biti koristan, ali timing je važan.
Ako korisnik dođe na stranicu i nakon jedne sekunde dobije:
Prijavite se na naš newsletter!
još nije ni imao priliku procijeniti želi li vaš sadržaj.
Često je bolji okidač:
- nakon određenog vremena
- nakon dijela scrolla
- kod exit intenta
- na relevantnoj stranici
Isto vrijedi za chat.
Ne mora se otvoriti preko cijelog ekrana čim korisnik dođe.
Loša mobilna verzija
Web može izgledati odlično na desktopu i istovremeno biti gotovo neupotrebljiv na telefonu.
Problemi uključuju:
- prevelike naslove
- premale gumbe
- horizontalni scroll
- tablice koje ne stanu
- sticky elemente koji zauzimaju pola ekrana
- hamburger meni koji ne radi
- forme koje je teško ispuniti
- slike koje guraju važan sadržaj prenisko
Mobilni prikaz treba testirati kao zasebno iskustvo.
Ne samo smanjiti desktop layout.
Teško dostupni CTA-ovi
Na mobitelu posebno treba paziti koliko je lako doći do glavne akcije.
Korisnik ne bi trebao scrollati kroz deset sekcija da bi pronašao:
Nazovite
ili:
Zatražite ponudu
Dobar CTA treba biti vidljiv u relevantnim trenucima bez prekrivanja sadržaja.
Preduga forma
Korisnik je možda prošao cijeli put:
- pronašao vas na Googleu
- pročitao stranicu
- pogledao projekte
- provjerio cijene
- kliknuo Zatražite ponudu
a zatim dobio formu s 18 obaveznih polja.
To može biti dovoljan razlog za odustajanje.
Za početni kontakt često je dovoljno nekoliko smislenih podataka.
Detaljnije o tome možete pročitati u vodiču kako napraviti dobru kontakt formu.
Forma ne radi
Još gori scenarij je forma koja se ne može poslati.
Problem može biti:
- nejasna validacija
- gumb ne reagira
- CAPTCHA ne radi
- forma prijavljuje grešku bez objašnjenja
- submit izgleda kao da se ništa nije dogodilo
Svaku poslovno važnu formu treba redovno testirati.
Ne samo na dan objave.
Korisnik ne zna što slijedi
Čak i kada je forma dobra, korisnik može oklijevati ako ne zna što se događa nakon slanja.
Pomaže kratka poruka poput:
Pošaljite nam osnovne informacije o projektu. Nakon pregleda javit ćemo vam se s dodatnim pitanjima ili prijedlogom sljedećih koraka.
Time smanjujemo neizvjesnost.
Previše teksta
Dugačak sadržaj nije automatski loš.
Problem je dugačak sadržaj bez strukture.
Ako stranica sadrži 3.000 riječi, ali ima:
- jasne naslove
- kratke odlomke
- liste
- logičan redoslijed
korisnik može jednostavno pronaći ono što ga zanima.
Ako ima 700 riječi u nekoliko ogromnih blokova, može djelovati puno teže.
Duljina nije glavni problem.
Preglednost jest.
Premalo informacija
Suprotno tome, stranica može biti toliko kratka da korisniku ne daje dovoljno za odluku.
Primjer stranice usluge:
Nudimo profesionalnu izradu web stranica. Kontaktirajte nas za više informacija.
Korisniku ostaju gotovo sva pitanja:
- što uključuje
- za koga je
- koliko košta
- koliko traje
- imate li projekte
- kako radite
Zato dobra stranica usluge mora pronaći ravnotežu između jasnoće i potrebne dubine.
Više o strukturi možete pročitati u članku što treba imati stranica usluge.
Zastarjeli sadržaj
Ako korisnik vidi:
- cjenik iz 2021.
- događaj “uskoro” koji je završio prije dvije godine
- zaposlenika koji više nije u tvrtki
- proizvod koji više ne postoji
povjerenje pada.
Web treba održavati i sadržajno, ne samo tehnički.
Posebno treba redovno provjeravati:
- cijene
- usluge
- tim
- projekte
- kontakt podatke
- radno vrijeme
Neispravni linkovi
Klik na:
Pogledajte projekt
koji završi na 404 stranici izgleda neprofesionalno.
Jedan broken link neće uništiti cijeli web, ali veći broj takvih problema daje dojam da se stranica ne održava.
Posebno treba pratiti:
- interne linkove
- CTA-ove
- stare blog linkove
- vanjske reference
- redirecte
Korisnik ne može nazad
Interaktivni webovi ponekad pretjeraju s custom navigacijom.
Ako se sadržaj otvara kroz:
- fullscreen animacije
- nestandardne layoute
- slideove
- modale
korisnik mora imati jasan način povratka.
Browser Back također bi trebao ponašati predvidljivo gdje god je moguće.
Kreativnost ne treba narušiti osnovna očekivanja korisnika.
Previše animacija
Animacija može pomoći korisniku razumjeti promjenu ili privući pažnju.
Ali ako se svaki naslov:
- fadea
- rotira
- dolazi sa strane
- čeka scroll trigger
čitanje postaje sporije.
Posebno je problematično kada sadržaj nije dostupan dok se animacija ne završi.
Korisnik je došao zbog informacije, ne kako bi gledao demo animacijskog sustava.
Autoplay sadržaj
Video ili zvuk koji se automatski pokrene može biti posebno iritantan.
Video bez zvuka u hero sekciji ponekad može funkcionirati kao vizual.
Ali autoplay zvuk gotovo uvijek zahtijeva vrlo dobar razlog.
Korisnik može biti:
- na poslu
- u javnom prijevozu
- na sastanku
Neočekivani zvuk je brz način za zatvaranje taba.
Ogromni cookie banneri
Cookie banner je potreban u određenim situacijama, ali ne treba zauzeti gotovo cijeli ekran.
Posebno na mobitelu.
Ako korisnik mora prvo prolaziti kroz kompleksan banner prije nego što uopće vidi web, prvi dojam može biti loš.
UX i compliance trebaju biti riješeni zajedno.
Tehničke greške
Najbrži razlog za napuštanje je jednostavno web koji ne radi.
Primjeri:
- server error
- prazna stranica
- beskonačni loader
- JavaScript error
- neispravna navigacija
- elementi koji se preklapaju
- checkout koji se ne može završiti
Takvi problemi mogu nastati nakon:
- updatea
- novog plugina
- izmjene koda
- promjene hostinga
Zato web treba testirati i održavati nakon objave.
Loš prvi dojam
Korisnik donosi početnu procjenu vrlo brzo.
Na prvi dojam mogu utjecati:
- tipografija
- kvaliteta fotografija
- razmaci
- boje
- jasnoća
- konzistentnost
- tehnička ispravnost
Ne znači da svaki web mora izgledati kao projekt vrhunske kreativne agencije.
Ali treba izgledati kao da se o njemu vodi računa.
Kako pronaći problem?
Ne treba sve procjenjivati prema osobnom osjećaju.
Možete koristiti podatke.
Primjerice:
- analitiku
- Search Console
- heatmape
- session recordings
- form analytics
- PageSpeed alate
- stvarno testiranje korisnika
Ako 80% korisnika na mobitelu napusti stranicu nakon prvog ekrana, vrijedi istražiti zašto.
Ako ljudi redovno dođu do forme, ali je ne pošalju, problem možda nije u hero sekciji nego u zadnjem koraku.
Nemojte gledati samo bounce rate
Visok postotak odlazaka ne znači automatski da je stranica loša.
Primjerice, korisnik može doći na blog članak, dobiti odgovor koji je tražio i otići.
To može biti potpuno uspješna posjeta.
Kod stranice usluge situacija je drugačija.
Ako korisnici dođu, ne kliknu ništa, ne pogledaju cijene i ne kontaktiraju vas, onda postoji više razloga za analizu.
Metriku treba uvijek interpretirati u kontekstu cilja stranice.
Gledajte konverzije
Za poslovni web puno je važnije pratiti:
- broj upita
- klikove na telefon
- rezervacije
- kupnje
- kvalitetu leadova
nego samo broj posjeta.
Web može imati manje prometa, ali puno bolju poslovnu vrijednost.
Ako vam je cilj dobivanje upita, onda je važno koliko korisnika stvarno dođe do kontakta.
Testirajte jednu stvar
Ako pokušavate poboljšati web, nemojte odjednom promijeniti:
- H1
- CTA
- hero fotografiju
- cijene
- navigaciju
- formu
i onda pokušati zaključiti što je napravilo razliku.
Bolje je raditi promjene kontrolirano.
Primjerice:
Problem: korisnici rijetko klikaju CTA.
Prvo testirajte:
- tekst CTA-a
- poziciju
- vizualni prioritet
Ako istovremeno promijenite cijeli web, teško je išta naučiti iz rezultata.
Počnite od najvećih problema
Ne treba optimizirati svaki pixel.
Prvo riješite stvari koje mogu imati najveći utjecaj:
- je li ponuda jasna
- radi li web dobro na mobitelu
- je li dovoljno brz
- postoje li dokazi povjerenja
- može li korisnik lako pronaći informacije
- postoji li jasan CTA
- radi li kontakt forma
Tek nakon toga ima smisla analizirati sitne detalje.
Dobar web smanjuje trenje
Korisnik svaki put kada nešto mora:
- pogađati
- tražiti
- čekati
- ponovno unositi
- razmišljati što kliknuti
troši dodatnu energiju.
Jedna takva prepreka možda nije problem.
Deset malih prepreka može biti dovoljno da ode.
Cilj dobrog UX-a zato nije korisnika impresionirati kompleksnošću.
Cilj je ukloniti nepotrebne prepreke između njegove potrebe i rješenja.
Ako želite širu sliku o elementima kvalitetnog poslovnog weba, pročitajte što čini dobar poslovni web.
Ako razmišljate o novom webu ili redizajnu postojećeg, pogledajte naše pakete i cijene izrade web stranica.