Jeste li mentalno preopterećeni korisnici? (I kako prestati to raditi)
Internet je zapetljan nered koji je vizualno preopterećen. Toliko je za pogledati ... i čitati ... i shvatiti da je teško pronaći fokus i shvatiti što je važno.
Ako je vaš dizajn vizualno preopterećen, velike su šanse da pretjerate s korisnicima i oni napuštaju vaše web mjesto ili aplikaciju. Pa kako znati da li to radite? Za vas imamo popis znakova upozorenja, plus nekoliko načina da se dio težine ukloni iz dizajna i učini korisnicima lakšim za rukovanje.
Nemate definirane stilove
Stilovi i palete su okosnica dobrog dizajna. Kada je riječ o web stranicama, sve bi se trebalo definirati u CSS-u tako da su stilovi definirani (i korišteni) na cijelom web mjestu. (Ne oslanjajte se na memoriju ili ručne promjene kada stilizirate elemente sa stranice na stranicu.)
Definirani stilovi uključuju sve, od palete fontova (s veličinom i upotrebom boja) do palete boja do načina na koji bi se elementi, poput gumba ili veza, trebali pojavljivati i funkcionirati u dizajnu. Nedostatak stilova može nadvladati korisnike jer često postoji nedosljednost u načinu na koji stvari izgledaju i kako se ponašaju između stranica, zbog čega korisnici postavljaju pitanje rade li ispravno ili su dobili informacije koje su zatražili prethodnim klikom.
Definiranje stilova također će spriječiti "pretjerivanje" dizajna i unošenje promjena bez razloga. Logičan, dosljedan uzorak može pomoći korisnicima da lako pronađu informacije i pridržavaju se dizajna.
Knjiga Savršena mreža čvrst je primjer jednostavnog i dosljednog dizajna.
Sve je iste veličine
Ne možete razgovarati o stilovima i CSS-u bez hijerarhije razgovora. Ima li vaš dizajn jasnu hijerarhiju teksta i ostalih elemenata (od fotografija do gumba do veza)?
Ključni dio tog pitanja je "jasna hijerarhija". Stilovi moraju biti dovoljno različiti da najobičniji korisnik može jasno otkriti razliku između naslova i teksta tijela ili gumba ili fotografije. Najčešći problem kada je riječ o pretjeranom korisniku jest taj što se svaki element osjeća iste veličine (ili elementi spadaju u grupe od nekoliko veličina).
Veličina je više od samo širine i visine ili veličine točke za tipove znakova. Koliki se veliki ili različiti predmeti pojavljuju ako su postavljeni jedan pored drugog? Vizualna težina ili veličina su jednako važni, pa čak i elementi različitih vrsta (na primjer tekst uz fotografiju) moraju imati različitu vizualnu težinu. Boja, prostor i sadržaj slike mogu igrati veliku ulogu u određivanju izgleda nečega velikog na zaslonu. Planirajte varijacije u vizualnoj veličini elemenata kako biste stvorili vizualni put za korisnike koji pomaže usmjeriti pogled od najvažnijih stavki na zaslonu do najmanje važnih.
Vaša stopa napuštanja početne stranice je stvarno visoka
Obratite li pažnju na stopu napuštanja početne stranice u analitikama web mjesta? Ako se broj smanji nakon promjene dizajna, to bi moglo biti rezultat vizualnog preopterećenja. (Na stranu, to bi mogla biti da su pretraga i dizajn toliko sjajni da su korisnici odmah pronašli ono što su tražili.)
Usporedite stopu napuštanja početne stranice s vremenom na web mjestu. U idealnom slučaju niska stopa napuštanja početne stranice i dugo vrijeme na licu mjesta su dobri. Ako se ti brojevi počnu mijenjati u drugom smjeru, to može značiti problem.
Ako korisnici napuštaju vašu web lokaciju prebrzo, kopajte malo dublje u analitičke podatke da biste saznali kako su prvo došli na vašu web lokaciju i što traže (koristeći obrasce klikova, gornje stranice i rezultate pretraživanja). Prilagodite dizajn tako da ti elementi postaju visoko prioritetni.
Korisnici ne klikaju prave stvari
Dok kopate u analitici, zabilježite što korisnici klikaju. Odgovaraju li stvarni klikovi željenim klikovima? Ako korisnici ne rade stvari koje bi trebali "raditi" s dizajnom, to može ukazivati na vizualni problem. Tipke možda nisu dovoljno velike ili jasne ili kopiranje ne može dovesti korisnike u odgovarajuće pozive na akciju.
Često je problem što ima previše stvari za napraviti. Zamislite web mjesto s velikim pozivom na akciju na slici heroja, s obrascem za slanje e-pošte desno ispod nje i skočnim prozorom koji traži podatke u obliku kupona. Što biste prvo kliknuli? Ili samo zatvorite web stranicu i krenete dalje sa svojim životom?
Ako biste to učinili, to je iz neodoljive prirode dizajna i zbog kognitivnog preopterećenja ili količine snage mozga potrebne za upotrebu vaše web stranice. Previše je izbora koji prebrzo dolaze do korisnika da bismo ih sve obradili.
Rješenje je jednostavno uključeno. Ograničite broj aktivnih elemenata na jedan po „zaslonu“ izvan navigacijskih elemenata ili u podnožju. U gornjem scenariju dizajn bi mogao uključivati poziv na akciju na slici heroja, ali ništa drugo. Obrazac e-pošte nalazit će se na drugoj stranici ili ispod pomicanja kao i skočni okvir.
Dizajn je prepun trikova
Previše dizajnerskih trikova ili trendova ili elemenata može se osjećati cool kada to radite, ali može narušiti korisničko iskustvo. Pokušajte zadržati dizajn na jednom dizajnerskom triku koji korisnicima pruža točku interesa, ali ih mentalno ne preplavljuje.
Nikada ne dopustite da vam se neki modni pokvari ili stvari koje žele isprobati na neki način od KISS-a, drže jednostavno, glupo (što bi mogla biti najbolja dizajnerska filozofija svih vremena).
Korisnički obrasci zapravo uopće nisu uzorci
Jesu li funkcije unutar vaše web stranice uobičajene i dobro razumljive? Ništa ne može preplaviti korisnika kao što je smisliti novi način da se nešto učini. Pomicanje s lijeva na desno, umjesto gore i dolje ili gumbi koji ne izgledaju poput gumba, samo su par primjera korisničkih obrazaca koji nisu obrasci. A korisnici ih ne vole.
Pridržavajte se općeprihvaćenih korisničkih tokova, alata i radnji kako biste osigurali da većina posjetitelja zna kako komunicirati i djelovati na vašoj web lokaciji. Ako dizajn zahtijeva upute, vjerojatno je previše kompliciran. Koristite ikone i elemente koji su također dobro poznati. Ikona košarice je primjer elementa koji svaki korisnik razumije i od kojeg očekuje određenu radnju.
Skriveni izbornik, ikona hamburgera, zanimljiv je primjer koji je započeo kao nešto što korisnici nisu razumjeli, ali evoluirao je u prilično uobičajen korisnički obrazac za mobilnu, pa čak i za navigaciju na radnoj površini. Ali to nije bez polemike, jer mnogi dizajneri još uvijek govore protiv upotrebe.
Iako vam može biti zabavno stvoriti nešto posve drugo i novo, razmislite o ciljevima dizajnerskog projekta. Ako trebate korisnike da se kreću kroz web mjesto i izvršavaju određene radnje - to je od vitalne važnosti za web stranice e-trgovine - ključni su uobičajeni korisnički obrasci.
Nema bijelog prostora
Clutter je ubojica web mjesta. Bijeli prostor može uštedjeti dizajn i korisnicima pružiti usmjerene znakove, pomoći u uspostavljanju hijerarhije i učiniti da se sve osjeća lakšim i lakšim za razumijevanje. Jednostavno povećanje razmaka između redaka teksta s jednog na 1, 5 retka može povećati vrijeme na web mjestu i čitljivost.
Prostor može utjecati na korisnike i na drugim mjestima. Šire brazde i razmak između elemenata mogu pridonijeti razumijevanju i razumijevanju. Pretjerani bijeli prostor oko elementa može se činiti važnim i usredotočiti se na to područje na zaslonu.
Prostor također ima umirujući učinak za mnoge korisnike, dok dizajn natrpan elementima može učiniti da se korisnik osjeća mrsko i žurno.
Zaključak
To je fraza koju smo koristili u Design Shacku u prošlosti: Kad ste u nedoumici, izostavite je. Imajte na umu tu ideju kada pokušavate pojednostaviti dizajn koji bi mogao biti prepunjen ili neodoljiv. Vizuelna nered je pravi problem, kako na pojedinačnim web stranicama, tako i prilikom ležernog pregledavanja interneta.
Jednostavan dizajn na oku dulje će zadržati korisnike i nadamo se da će potaknuti više konverzija. Svaka stranica ili zaslon trebao bi imati na umu jednu korisničku radnju koja će poticati prave klikove u pravom trenutku.
){kind=link}