Stvaranje dobrih web stranica započinje s određenom dosljednošću. Ova dosljednost je bitna za kognitivni teret posjetitelja web stranice. Kada je vaš dizajn dosljedan, korištenje web stranice čini se lakim i logičnim. Međutim, kada je nedosljedan, korisnik mora uložiti nepotreban napor. To je ono što trebate izbjegavati kada želite stvoriti web stranice koje ispunjavaju očekivanja vaših posjetitelja.
Posljedica, u smislu dosljednosti, ne znači raditi istu stvar uvijek iznova. U nekim područjima treba uložiti više u izgradnju dosljednosti, dok je druga područja lakše stvoriti. Također je stvarno dosadno uvijek raditi isto i isporučivati dosadne, jednolike dizajne. Ključ uspjeha je ravnoteža između dosljednosti i kaosa.
U ovom ćemo članku detaljno objasniti što znači dosljednost u web dizajnu, zašto je to važno postići i što znači uskladiti ga s očekivanjima korisnika.
Zašto je dosljednost u web dizajnu važna
Dobar dizajn interakcija zasnovan je na naučenosti sistema. Pojednostavljeno: Kada korisničko sučelje dobro funkcionira, postaje predvidljivo. To znači da korisnik razumije kako određene funkcije koristiti intuitivno, bez ikakvih smjernica. I ovo rezimira o čemu se radi u sljedećem članku.
Siguran i predvidljiv korisnički interfejs dovodi do nesmetanog rada konačnog proizvoda – dobre konzistencije. Suprotno tome, kada je korisničko sučelje nedosljedno, to ometa proces, izaziva frustraciju i uzrokuje loše korisničko iskustvo. Korisnik više neće posjetiti web stranicu.
Naravno, dosljednost nije ograničena na web lokaciju koju ste kreirali. Korisnik će većinu svog vremena provesti surfajući na drugim web stranicama. Na taj način će steći iskustvo u radu s web stranicama. Što se tiče vaše web stranice, ovo će iskustvo tada biti pozitivno ili negativno, ovisno o tome koliko napora ulažete u korisničke smjernice i operativnost. U osnovi, dosljednost znači da se sve savršeno uklapa i djeluje homogeno.
Princip minimalnog iznenađenja
Kada niste sigurni kako dizajnirati površinu svoje web stranice, slijedite princip minimalnog iznenađenja. Naravno, mala iznenađenja, poput onih na MailChimpu, su u redu. Međutim, vaše osnovne značajke ne bi se trebale previše razlikovati od standardnih. Treba se pridržavati pravila dizajna. Videozapise ne treba brkati sa slikama; dugmad bi trebala biti lako prepoznatljiva, označena jasnom porukom itd. Uvijek provjerite svoj dizajn sa stanovišta korisnika.
Kada još uvijek niste sigurni što dosljedan dizajn znači, pročitajte iOS smjernice za ljudsko sučelje. To bi trebalo pomoći. Ove se smjernice mogu primijeniti i na web stranice.
Dosljednost u web dizajnu
Konzistentnost u vezi sa web dizajnom može se podijeliti u dva područja, unutarnju i vanjsku. Vanjska konzistentnost znači usporedbu s drugim proizvodima i površinama, dok se unutarnja konzistencija fokusira na površinu projekta sama po sebi. Pogledajmo bliže neke od najboljih praksi za dizajn površina.
Vanjska dosljednost
Vanjska konzistentnost uključuje uporedivost sa sličnim proizvodima. Vaša web lokacija se svakodnevno uspoređuje s više drugih web lokacija. Da rezimiramo, možete reći da vanjska dosljednost znači ispunjavanje očekivanja korisnika. Da biste kreirali dizajn koji to čini, trebate sagledati svoj dizajn i rad drugih dizajnera iz perspektive korisnika. Kada budete mogli savršeno upravljati web stranicom, postignutu vanjsku dosljednost možete primijeniti na svoj dizajn.
Trenutno znanje posjetitelja vaše web stranice ovisi o nekim vanjskim čimbenicima. Međutim, u većini slučajeva očekivanja korisnika bit će primjerena, omogućavajući vam da reagirate na njih. Na kraju, dizajn se zasniva na tome koliko vaši korisnici već znaju. Ovo nije novi koncept, ali je postao standard i može se naći na gotovo svakoj web lokaciji ili mobilnoj aplikaciji.
Na primjer, postoji klizač za prezentaciju slika, simbol omotnice za adresu e-pošte, logotip web stranice koji se vraća na odredišnu stranicu kada se klikne. Sve ovo vraća uzorke korisničkog sučelja koje posjetitelji očekuju.
Korištenje obrazaca povratnih površina
Korištenje takozvanih UI uzoraka ili površinskih uzoraka sprječava mnoge probleme u vezi s korisnošću. Mnogi korisnici već znaju ove obrasce iz drugih rješenja, naučili su ih posjećujući druge web stranice ili koristeći programe kao što su Word ili drugi svakodnevni programi. Dizajneri ne trebaju iznova otkrivati točak. Besplatna e-knjiga »Web UI Design Patterns 2014« pokriva većinu uobičajenih uzoraka. Odatle možete dobiti dobre ideje.
Primjeri za UI obrasce
Microsoft Word
Verovatno smo svi koristili Microsoft Word ili ga i dalje koristimo. Njegova vrsta opcija izbornika urezala se u umove korisnika koji često koriste uređivače teksta. Stoga je prirodno pronaći ih u drugim aplikacijama. Čak i u ovom trenutku, pišući ovaj članak, imam ovu vrstu korisničkih uputstava ispred sebe, jer WordPress TinyMCE urednik koristi iste elemente dizajna.
Font ikone »Font Awesome« je sjajan primjer funkcionalnog uzorka korisničkog sučelja. Nudi mnoštvo ikona koje mnogi ljudi mogu odmah prepoznati i povezati ih. Kako se ove ikone mogu lako uređivati u veličini, fontovi ikona prvi su izbor prilikom stvaranja dobrog korisničkog iskustva. Kao što vidite, vanjska konzistentnost može imati mnogo lica, ali vrijednost opoziva uvijek je vrlo visoka i time stvara dobro korisničko iskustvo.
Prepoznatljiv, jasan, strukturiran i intuitivan
Najvažnije stvari u web dizajnu mogu se sažeti u jedan naslov. To ne znači da bi vaše web stranice trebale izgledati uvijek isto. To samo znači da su bitni elementi uvijek upravo tamo gdje ih traži posjetitelj vaše web stranice. Navigacija pripada gornjem dijelu stranice. Ovdje će biti vidljivo i moći će odmah upasti u oči. Značajka pretraživanja – kada se nudi – također mora biti lako prepoznatljiva. Na logotip se mora kliknuti i mora se vratiti na početnu stranicu.
Web stranica ne smije biti preopterećena. Ovdje manje znači više! Jasne strukture su neophodne. Dugmad za poziv na akciju trebaju odmah upadati u oči i moraju biti označena na odgovarajući način kako bi korisnik znao što se od njega očekuje. Intuitivno znači da se sve može pronaći tamo gdje prvo tražite. Vi to znate. Korisnik ste i web stranica. Pa provjerite svoj dizajn s te točke gledišta.
Zaključak
Naravno, osnove možemo naučiti samo u ovom članku. No, obraćanje pažnje na osnove već može dovesti do dobro dizajnirane web stranice koja u dovoljnoj mjeri ispunjava očekivanja korisnika. Uvijek imajte na umu da korisnik na web lokaciji ne želi razmišljati. Očekuje intuitivno uputstvo korisnika koje mu odmah govori šta da radi. Posjetitelj očekuje jasnu strukturu i dizajn koji nije preopterećen. Manje je više. Uvijek pokušajte gledati svoj rad očima posjetitelja.
