Korisničko iskustvo i vizualni dizajn trebaju zajednički cilj: pomoći posjetitelju da razumije ponudu i dovrši važan zadatak. Privlačna stranica nije dovoljna ako se kontakt ne može pronaći, a pregledna struktura ne opravdava nečitljiv ili nedosljedan izgled.
Za naručitelja weba polazište je konkretan put, primjerice od stranice usluge do poslanog upita. Taj put treba osmisliti i provjeriti na uređajima publike; kvaliteta se ne utvrđuje samo pregledom naslovnice.
Što zapravo znači korisničko iskustvo?
Korisničko iskustvo obuhvaća sve što osoba doživljava tijekom korištenja web stranice.
Počinje prije nego što se stranica otvori. Korisnik može doći preko Googlea, društvene mreže, oglasa, preporuke ili izravne poveznice. Svaki od tih ulazaka može imati drukčiju namjeru.
Netko prvi put upoznaje tvrtku. Netko već zna koju uslugu traži. Netko uspoređuje nekoliko ponuđača, a netko želi odmah pronaći kontakt, cijenu ili konkretan projekt.
Dobar UX prepoznaje te različite situacije i omogućuje korisniku da brzo pronađe svoj put.
On uključuje organizaciju sadržaja, strukturu izbornika, raspored elemenata, čitljivost teksta, ponašanje stranice na mobilnom uređaju, brzinu učitavanja, jasnoću obrazaca i logiku poziva na akciju.
Zato UX nije jedan vidljivi element stranice. To je način na koji svi njezini dijelovi zajedno funkcioniraju.
Može li lijepa web stranica imati loše korisničko iskustvo?
Može, i to je jedan od najčešćih problema kod web dizajna.
Stranica može imati kvalitetne fotografije, suvremenu tipografiju, animacije i vizualno dojmljivu naslovnicu, a ipak biti teška za korištenje.
To se događa kada dizajn privlači pažnju na sebe, ali ne pomaže korisniku da razumije sadržaj.
Veliki uvodni video može izgledati impresivno, ali usporavati otvaranje stranice. Nekonvencionalan izbornik može biti vizualno zanimljiv, ali zbunjivati korisnika. Suptilni gumbi mogu odgovarati minimalističkoj estetici, ali ostati gotovo nevidljivi.
Problem nije u fotografiji, animaciji ili minimalizmu. Problem nastaje kada estetska odluka otežava izvršavanje osnovnog zadatka.
Dobar vizualni dizajn i kvalitetan UX ne bi trebali biti suprotstavljeni. Najbolje web stranice izgledaju dobro upravo zato što njihova vizualna hijerarhija pomaže korisniku.
Zašto najprije definiramo cilj web stranice?
Prije crtanja prve stranice potrebno je znati što web treba postići.
Cilj internetske trgovine može biti završena kupnja. Uslužna tvrtka najčešće želi kvalitetan upit. Hotel ili kuća za odmor želi rezervaciju, dok proizvođač možda treba predstaviti proizvode distributerima i krajnjim kupcima.
Ako glavni cilj nije definiran, stranica vrlo lako postaje zbir informacija bez jasnog smjera.
Svaki odjel želi istaknuti svoju uslugu. Na naslovnicu se dodaju sve dostupne informacije, velik broj gumba i nekoliko različitih poruka. Korisnik tada vidi mnogo sadržaja, ali ne razumije što je najvažnije.
Zato na početku projekta definiramo primarnu radnju koju očekujemo od korisnika, kao i nekoliko mogućih sekundarnih radnji.
Tek nakon toga možemo graditi strukturu koja korisnika vodi prema njima.
Tko će koristiti web stranicu?
Tvrtka svoju ponudu poznaje iznutra. Korisnik je promatra izvana.
Ta razlika snažno utječe na način organiziranja sadržaja.
Nazivi odjela, stručni izrazi i interna podjela usluga mogu zaposlenicima biti potpuno razumljivi, dok potencijalnom klijentu ne znače mnogo.
Korisnik često ne zna točan stručni naziv rješenja koje mu treba. On poznaje svoj problem.
Zato kvalitetan web ne govori samo jezikom organizacije. Mora uzeti u obzir način na koji korisnici razmišljaju, postavljaju pitanja i pretražuju usluge.
Prije dizajna potrebno je razumjeti kome se obraćamo, s kojim problemom dolazi, koliko već zna o usluzi, koje informacije treba prije odluke i što mu može stvoriti nesigurnost.
Ta pitanja izravno utječu na strukturu i sadržaj stranice.
Zašto struktura dolazi prije vizualnog dizajna?
Struktura web stranice određuje gdje se informacije nalaze i kako su međusobno povezane.
Ako ona nije dobro postavljena, vizualni dizajn može samo ljepše oblikovati postojeću zbrku.
Zato najprije izrađujemo mapu stranice. Određujemo glavne cjeline, podstranice, odnose među njima i sadržaj koji svaka od njih treba prenijeti.
Nakon toga definiramo korisničke putove.
Primjerice, korisnik može doći na naslovnu stranicu, otvoriti određenu uslugu, pregledati povezane projekte i poslati upit. Drugi korisnik može izravno s Googlea doći na stručni članak, zatim otvoriti relevantnu uslugu i tek nakon toga upoznati tvrtku.
Oba puta trebaju biti jasna.
Kada znamo kako se korisnik kreće, možemo odlučiti gdje treba postaviti objašnjenje, dokaz stručnosti, referencu, odgovor na često pitanje ili poziv na kontakt.
Što je informacijska hijerarhija?
Nisu sve informacije jednako važne i ne trebaju biti jednako istaknute.
Korisnik koji prvi put otvori stranicu najprije treba razumjeti gdje se nalazi, čime se tvrtka bavi i je li ponuda relevantna za njega.
Tek nakon toga može proučavati detalje.
Informacijska hijerarhija određuje redoslijed kojim korisnik prima sadržaj. Ona se gradi veličinom i položajem naslova, količinom teksta, kontrastom, praznim prostorom, fotografijama i rasporedom poziva na akciju.
Ako su svi elementi veliki, ništa se stvarno ne ističe. Ako je svaka rečenica naglašena, korisnik ne zna što treba prvo pročitati.
Dobar dizajn ne daje svim informacijama jednaku vizualnu težinu. On korisniku pomaže razlikovati glavnu poruku od dodatnog objašnjenja.
Zašto izbornik ne treba pokazati sve?
Jedna od čestih pogrešaka jest pokušaj da se u glavni izbornik smjesti svaka usluga, podusluga, projekt i informativna stranica.
Time se želi pokazati širina ponude, ali rezultat može biti suprotan.
Prevelik broj opcija otežava odluku. Korisnik mora proučiti cijelu navigaciju prije nego što zna kamo krenuti.
Glavni izbornik trebao bi sadržavati najvažnije cjeline, dok se detaljnija podjela može razviti unutar pojedinih stranica.
To ne znači da sadržaj treba skrivati. Potrebno ga je organizirati tako da se otkriva u pravom trenutku.
Dobra navigacija korisniku ne pokazuje sve moguće putove odjednom. Ona mu jasno pokazuje sljedeći korak.
Kako UX utječe na sadržaj?
Tekst nije element koji se samo umeće u već završen dizajn.
Njegova struktura dio je korisničkog iskustva.
Korisnici web najčešće ne čitaju linearno kao knjigu. Najprije pregledavaju naslov, podnaslove, istaknute rečenice i vizualne elemente. Tek kada procijene da je sadržaj relevantan, počinju čitati detaljnije.
Zato tekst treba biti organiziran u jasne cjeline.
Naslovi moraju objašnjavati sadržaj koji slijedi. Uvod treba brzo postaviti problem. Dulji tekst treba imati dovoljno odmora, ali ne smije biti razlomljen do mjere u kojoj gubi logiku.
Važne informacije ne treba skrivati iza općenitih marketinških fraza.
Korisnik ne dolazi na web kako bi dešifrirao poruku brenda. Dolazi pronaći odgovor, procijeniti ponuđača i donijeti odluku.
Zašto je mobilno iskustvo dio početnog planiranja?
Mobilna verzija ne bi trebala biti samo umanjena verzija desktop dizajna.
Na manjem ekranu mijenja se način pregledavanja sadržaja. Korisnik se često nalazi u pokretu, ima manje vremena i koristi dodir umjesto pokazivača miša.
Zato se već tijekom planiranja mora razmišljati o duljini sadržaja, veličini gumba, razmacima, redoslijedu elemenata i jednostavnosti izbornika.
Elementi koji na velikom ekranu stoje jedan uz drugi na mobilnom se uređaju slažu jedan ispod drugoga. Ako njihov redoslijed nije logičan, korisnik može dobiti potpuno drukčije iskustvo od planiranog.
Kvalitetan mobilni UX nije tehnička dorada na kraju projekta. On je dio osnovne strukture web stranice.
Kako UX utječe na povjerenje?
Povjerenje se ne gradi samo logotipom, fotografijama i izjavama zadovoljnih klijenata.
Gradi ga i način na koji stranica funkcionira.
Ako se web brzo otvara, sadržaj je jasan, poveznice rade, kontaktni obrazac nije nepotrebno dug, a korisnik u svakom trenutku razumije gdje se nalazi, tvrtka djeluje organiziranije i pouzdanije.
Suprotno tome, pogreške, nejasne informacije, zastarjeli sadržaj i kompliciran put do kontakta mogu stvoriti nesigurnost.
Korisnik možda neće svjesno analizirati svaki problem. Jednostavno će osjetiti da korištenje stranice zahtijeva previše napora.
Dobro korisničko iskustvo često je gotovo nevidljivo. Primjećujemo ga po tome što sve funkcionira onako kako očekujemo.
Kako povezati različite vrste upita?
Primjer za naručitelja uslužnog weba: novi klijent treba pregled usluge i način slanja briefa, a postojeći partner kontakt ili podatak za nastavak posla. Prije dizajna zabilježite ta dva zadatka i provjerite vodi li izbornik do odgovarajućeg sadržaja. Razlika proizlazi iz potreba korisnika, ne iz njegova grada.
Kada animacije poboljšavaju iskustvo, a kada ga ometaju?
Animacija može pomoći korisniku da razumije promjenu, prijelaz ili odnos među elementima. Može usmjeriti pažnju, potvrditi izvršenu radnju ili vizualno povezati dijelove sadržaja.
Ali animacija nije automatski znak suvremenog web dizajna.
Ako usporava učitavanje, pomiče element koji korisnik pokušava pročitati ili se pojavljuje bez jasne funkcije, ona postaje prepreka.
Isto vrijedi za video, velike fotografske galerije i interaktivne efekte.
Pravo pitanje nije izgleda li određeni element atraktivno. Treba provjeriti pomaže li korisniku, podržava li karakter brenda i opravdava li vrijeme potrebno za njegovo učitavanje.
Kako znamo funkcionira li korisničko iskustvo?
UX ne treba procjenjivati samo prema osobnom dojmu dizajnera ili vlasnika tvrtke.
Potrebno je provjeriti mogu li korisnici pronaći ključne informacije i izvršiti planirane radnje.
Prije objave provjeravamo navigaciju, obrasce, poveznice, mobilni prikaz, čitljivost i ponašanje stranice u različitim situacijama.
Nakon objave mogu se analizirati stvarni podaci.
Možemo pratiti koje stranice korisnici posjećuju, koliko dugo ostaju, na kojim mjestima odustaju, koje gumbe koriste i dolaze li do kontakta, rezervacije ili kupnje.
Podaci ne zamjenjuju razumijevanje korisnika, ali pokazuju gdje se stvarno iskustvo razlikuje od naših pretpostavki.
Zato kvalitetna web stranica nije potpuno završena danom objave. Ona se nastavlja poboljšavati prema načinu na koji je ljudi koriste.
Znači li to da vizualni dizajn nije važan?
Vizualni dizajn iznimno je važan.
On prenosi karakter brenda, razlikuje tvrtku od konkurencije, stvara emocionalni dojam i pomaže organizirati informacije.
Ali njegova vrijednost nije samo u tome da stranica izgleda lijepo.
Boja može usmjeriti pažnju prema važnom gumbu. Tipografija može olakšati čitanje. Fotografija može objasniti uslugu brže od teksta. Prazan prostor može odvojiti različite cjeline, a dosljedan sustav može pomoći korisniku da lakše prepoznaje obrasce.
Kada vizualni dizajn proizlazi iz dobro postavljenog korisničkog iskustva, estetika i funkcionalnost počinju raditi zajedno.
Zato UX nije suprotnost dizajnu. UX je temelj na kojem kvalitetan dizajn nastaje.
Kojim redoslijedom razvijamo web stranicu?
Naš proces ne počinje izborom boja niti predstavljanjem nekoliko vizualno različitih naslovnih stranica.
Najprije analiziramo poslovanje, ponudu, korisnike i cilj web stranice.
Nakon toga definiramo strukturu, sadržajne cjeline, navigaciju i glavne korisničke putove. Određujemo koje informacije korisnik treba dobiti na svakoj stranici i prema kojoj ga radnji vodimo.
Tek kada je ta logika jasna, razvijamo vizualni smjer.
Tada boje, tipografija, fotografije, animacije i ostali elementi nisu samo estetski dodatak. Svaki od njih dobiva funkciju unutar cijelog sustava.
Takav proces možda na početku djeluje manje spektakularno od neposrednog crtanja dizajna, ali smanjuje kasnije izmjene i omogućuje stvaranje stranice koja istodobno izgleda uvjerljivo i kvalitetno funkcionira.
Koje UX pogreške najčešće susrećemo?
Jedna od najčešćih pogrešaka jest naslovna stranica koja pokušava prenijeti previše informacija bez jasnog prioriteta.
Slijede nejasni nazivi stavki u izborniku, skriveni kontaktni podaci, predugi obrasci i pozivi na akciju koji korisniku ne objašnjavaju što će se dogoditi nakon klika.
Čest je i problem organiziranja sadržaja prema internoj strukturi tvrtke umjesto prema potrebama korisnika.
Na mobilnim uređajima pojavljuju se premali gumbi, dugački blokovi teksta, sadržaj pogrešnog redoslijeda i elementi koji se sporo učitavaju.
Poseban problem predstavljaju stranice koje vizualno izgledaju suvremeno, ali ne daju konkretne odgovore o usluzi, procesu, iskustvu ili načinu suradnje.
Za razgovor o webu odaberite najvažniji korisnički put i zabilježite gdje zapinje: razumijevanje ponude, izbor usluge ili slanje upita. Time studio dobiva konkretan zadatak, a opseg dizajna i provjera može se vezati uz stvarne potrebe.
Svaka od tih pogrešaka povećava napor koji korisnik mora uložiti.
Ako je napor veći od njegove motivacije, napustit će stranicu.
