Posjetilac na vašoj stranici donosi nekoliko odluka u prvih nekoliko sekundi: da li je ovo ozbiljan biznis, da li će pronaći ono što traži i da li mu se isplati ostati. UX i UI nisu pitanje ukusa nego inženjerska disciplina koja ove odluke usmjerava u vašu korist. U nastavku donosimo principe koji stvarno utiču na to koliko ljudi ostaje, koliko ih obavi željenu radnju i koliko vam vjeruje.
Razlika između UX i UI i zašto je oboje važno
UX (korisničko iskustvo) se bavi time kako stranica funkcioniše: koliko je lako pronaći informaciju, koliko koraka treba do cilja i da li put ka kontaktu ili kupovini ima prepreka. UI (korisnički interfejs) se bavi onim što se vidi: tipografijom, bojama, razmacima, dugmadima i vizuelnom hijerarhijom.
Greška koju vidimo najčešće je ulaganje samo u UI. Stranica izgleda moderno, ali posjetilac se gubi, ne zna gdje da klikne ili odustaje na formi. Lijep dizajn bez promišljenog toka je kao uredan izlog iza zaključanih vrata. Oba sloja moraju raditi zajedno.
Vizuelna hijerarhija: vodite oko, ne ostavljajte ga da luta
Ljudi ne čitaju web stranice riječ po riječ. Oni skeniraju. Vaš posao je da im najvažniju poruku i najvažniju akciju učinite najuočljivijima.
- Jedna primarna akcija po ekranu. Ako su sva dugmad jednako naglašena, nijedno nije naglašeno. Definišite šta želite da posjetilac uradi i dajte tome najveći vizuelni prioritet.
- Kontrast i veličina nose težinu. Naslov treba jasno da dominira nad tekstom, a glavno dugme nad sekundarnim linkovima.
- Prazan prostor je alat, ne praznina. Razmak oko elementa povećava njegovu važnost i smanjuje kognitivno opterećenje.
Dobra provjera: zatvorite oči, otvorite stranicu na pola sekunde i zatvorite ih ponovo. Šta vam je prvo zapalo za oko? Ako to nije ono što je najvažnije, hijerarhija ne radi svoj posao.
Brzina i percepcija performansi
Najljepši dizajn ne pomaže ako se učitava sporo. Čekanje je prva tačka odustajanja i posjetilac ga doživljava kao znak neozbiljnosti. Pored stvarne brzine, važna je i percepcija brzine.
- Prikazujte sadržaj postupno umjesto praznog ekrana dok se sve ne učita.
- Koristite rezervisana mjesta za slike kako se raspored ne bi pomjerao tokom učitavanja.
- Dajte trenutnu povratnu informaciju na svaki klik, makar i suptilnu promjenu stanja dugmeta.
Brzina je istovremeno tehničko i dizajnersko pitanje, pa je vrijedi tretirati kao dio iskustva od prvog dana, a ne kao naknadnu optimizaciju.
Doslednost gradi povjerenje
Povjerenje se gradi predvidljivošću. Kada se dugmad, boje, razmaci i način pisanja ponašaju isto na svakoj stranici, posjetilac uči kako sistem radi i opušta se. Nedoslednost ima suprotan efekat: svaka nova stranica izgleda kao da pripada drugom biznisu.
Praktičan minimum doslednosti
- Ista pozicija i izgled glavne navigacije na svim stranicama.
- Ograničen skup boja i veličina teksta, definisan unaprijed.
- Jedinstven ton u tekstovima, od naslova do poruka o greškama.
Ovdje pomaže dizajn sistem, odnosno skup ponovo upotrebljivih komponenti i pravila. On nije luksuz za velike firme, već način da stranica ostane uredna kako raste.
Signali povjerenja koji zaista znače
Posjetilac koji vas ne poznaje traži razloge da vam vjeruje. Važno je da ti signali budu istiniti i konkretni, jer prazne fraze imaju suprotan efekat.
| Slab signal | Jak signal |
|---|---|
| “Najbolji na tržištu” | Konkretan primjer projekta sa rezultatom |
| Stock fotografija nasmijanog tima | Prave fotografije, imena i uloge ljudi |
| Generičan citat bez izvora | Recenzija sa imenom i nazivom firme klijenta |
| Sakriveni kontakt podaci | Jasna adresa, telefon i način da se javite |
Transparentnost u sitnicama gradi povjerenje više od bilo koje izjave o sebi. Ako želite vidjeti kako konkretni primjeri rada djeluju u praksi, korisno je pogledati realizovane projekte umjesto opštih obećanja.
Forme i konverzija: gdje se najviše gubi
Forma je mjesto gdje interes prelazi u kontakt ili prodaju, i upravo tu se najčešće gubi. Svako dodatno polje je mali otpor koji dio ljudi odbije.
- Tražite samo ono što vam stvarno treba. Ako vam za prvi kontakt nije nužno, ne pitajte.
- Jasno označite greške. Poruka treba da kaže šta nije u redu i kako to ispraviti, blizu samog polja.
- Potvrdite uspjeh. Nakon slanja, posjetilac mora znati da je radnja uspjela i šta slijedi.
- Mobilni prvo. Veliki dio ljudi popunjava forme telefonom, pa polja i dugmad moraju biti dovoljno veliki za prst.
Ista logika vrijedi za proces kupovine. Svaki nepotreban korak u web shopu smanjuje broj završenih narudžbi, pa je vrijedno tok pl
acanja držati kratkim i jasnim.
Pristupačnost je dio kvaliteta, ne dodatak
Stranica koja poštuje pristupačnost radi bolje za sve. Dovoljan kontrast teksta, čitljive veličine slova, jasno vidljiv fokus pri navigaciji tastaturom i smislen alternativni tekst na slikama nisu samo obzir prema osobama sa poteškoćama, nego i znak pažnje koji svi osjete. Pristupačne stranice po pravilu su i jasnije, brže i lakše za korišćenje.
Kako provjeriti da li vam dizajn radi
Najpouzdaniji način da saznate da li UX radi jeste posmatranje stvarnih ljudi. Ne morate odmah u skupe alate. Zamolite nekoliko osoba koje ne poznaju vaš biznis da na vašoj stranici obave konkretan zadatak, na primjer da pronađu cijenu ili pošalju upit, i samo gledajte gdje zastaju. Tačke na kojima oklijevaju ili pogrešno kliknu pokazuju gdje dizajn nije jasan.
Tek nakon toga ima smisla mjeriti brojkama: gdje ljudi napuštaju stranicu, koje forme ostaju nedovršene i koji sadržaj zaista čitaju. Promjene tada radite na osnovu dokaza, a ne pretpostavki.
Dobar UX i UI nisu pitanje trenutne inspiracije, nego niza promišljenih odluka koje smanjuju trenje i grade povjerenje. Ako planirate novu stranicu ili poboljšanje postojeće, vrijedi krenuti od ovih principa i graditi na njima. Više o našem pristupu možete vidjeti na stranici usluge.