Četiri UX dizajn tehnike za poticanje uključivanja korisnika
Poticanje korisnika da ostanu i koriste web-lokaciju ne uključuju uvijek tanji kod ili ljepšu grafiku. Neki od najjednostavnijih izgleda kao što je Reddit i dalje drže korisnike zaokupljeni sadržajem i oduševljeni su interakcijom s web-lokacijom.
Tajna leži u iskustvu korisnika i razmatranje kako web-mjesta. Interakcije potječu od elemenata stranice i akcijskih tokova koji se kreću od jedne do druge stranice.
U ovom postu ću pogledati neke UX dizajnerske tehnike na koje se može primijeniti poboljšati korisničko iskustvo i povećati angažman korisnika. Imajte na umu da oni nisu uvijek primjenjivi na svaku web stranicu i to je važnije razumjeti zašto te tehnike rade tako da možete koristiti vlastitu prosudbu.
Predmet korisničkog iskustva je ogroman i zahtijeva strpljenje da bi se u potpunosti razumjelo. Ali što više vježbate, više ćete razumjeti
Najbolje što možete učiniti je poigrajte se na web-stranicama koje vam se sviđaju i shvatiti što ti voliš o njima. Iz vaših iskustava možete ekstrapolirati dosljedne ideje i shvatiti što vas (a možda i druge) drži na web stranici.
1. Upotrijebite Kontrast za crtanje pozornosti
Svaka web-lokacija izrađena je s pregršt elemenata napravljenih za korisničku interakciju. Hiperlinkovi, gumbi, polja za unos, widgeti na bočnoj traci, popis ide dalje i dalje. Ali ne moraju svi elementi biti jednaki. Neki su, naravno, važniji za angažman posjetitelja i trebali bi biti osmišljeni s njima veći kontrast izdvojiti se od ostalih elemenata na stranici.
Ova ideja proizlazi iz visokog kontrasta boja i načina na koji ljudi obrađuju vizualne podatke u uzorcima. Kada se nešto izdvoji iz svoje okoline, bilo po boji, veličini, obliku ili razmaku, može na temelju konteksta.
Upotrijebite kontrast kako biste privukli pozornost prema određenim elementima stranice koji privlače posjetitelje u određeni zadatak. Ako je vaš cilj izgraditi više prijava za bilten, vaša pretplatnička kutija može imati svijetli animirani gumb za prijavu ili jedinstvenu vektorsku ikonu.
Cilj je privući pažnju izgradnjom sučelja koje privlači posjetitelje u obavljanje željenih radnji.
Ako imate vremena, moglo bi biti vrijedno provesti nekoliko A / B studija kako biste vidjeli koje boje / elementi najbolje igraju zajedno. Statistika je teško odrediti, ali ćete se iznenaditi koliko se može naučiti iz jednostavnog split testa.
2. Ukusna UI / UX animacija
Nedavno sam naišao na post pod nazivom Što Disney zna o animaciji sučelja. Pokriva vitalne točke animacije i kako one igraju na psihu korisnika u interakciji s ravnim 2D zaslonom.
Različite vrste animacija mogu značiti određena ponašanja. Na primjer, kada prelazite preko gumba, možda će poskakivati kako bi se pokazalo da je moguće kliknuti. Poruke o pogreškama često se tresu da bi privukle pozornost korisnika.
Zapamti to UX animacija trebala bi biti vidljiva, ali suptilna. Divlje animacije više su za TV i filmove, a ne za sučelja.
Ali to ne znači da vaša sučelja moraju ostati ravna. Zapravo bi većina korisnika radije imaju neku vrstu animacije jer daje privid glatkijeg iskustva. Dijelovi digitalnog dizajna su djelomično stvaranje prividnog sučelja, ali realnije pojavljuje se, što više vaših korisnika želi interakciju.
3. Odgovarajući dizajn kao zahtjev
Pošteno je reći da dobar dio korisnika Interneta pregledava svoje mobilne telefone. Linkovi koji se dijele s društvenim web-lokacijama kao što su Facebook i Twitter često se posjećuju na pametnim telefonima i tablet uređajima.
To znači da bi svaka web stranica trebala biti optimizirana za mobilni na neki način - po mogućnosti s potpuno odgovornim dizajnom.
Kada si prisiljeni razmotriti veličinu zaslona, to stavlja kritične značajke u potpuno novo svjetlo. Kao dizajner morate odabrati koje su značajke najvažnije i kako bi se trebale pojavljivati na manjim zaslonima. Ova odgovarajuća dizajnerska strategija treba vremena da se nauči, ali najbolji način je da proučite druge web-lokacije i pokupite tehnike koje vam se sviđaju.
Istina je odgovarajući dizajnerski radovi i postaje sve prihvaćenija od strane dizajnerske zajednice svake godine.
Korisnici također očekuju da će web-lokacije biti u potpunosti osjetljive tako da mogu poslužiti na bilo kojem zaslonu uređaja. Kada se web lokacija ne uklapa lijepo u mobilni web-preglednik, to može biti neprihvatljivo za korisničko iskustvo.
4. Pojednostavnite proces interakcije
Smashing Magazine nedavno je objavio jedan od najboljih postova koje sam pročitao u prilog pojednostavljenje dizajna sučelja. Navodi da nitko ne želi skočiti kroz obruče da bi koristio vašu web-lokaciju ili aplikaciju. Ljudi su zainteresirani samo za krajnji rezultat, i najbrži put do tamo.
Volim graditi UX dijagrame toka za svaki element interaktivne stranice svaki put kad skiciram grafičke okvire. To vam pomaže vizualno zamisliti kako bi stranica trebala izgledati i funkcija.
Ali u stvari, nije važno kako planirate iskustvo. Samo budite sigurni da planirate najbrže i najjednostavnije moguće iskustvo. Kada je u pitanju ohrabrujuća aktivnost, poželjet ćete važne stvari podrazumijeva dizajn.
Ako netko dođe na vaš webapp i ne razumije kako se odmah prijaviti, to je veliki problem. Trebalo bi biti očito očito korisnika što čini vaša web-lokacija i kako mogu biti dio toga.
Najbolje mjesto za početak je istraživanje UX dizajna i procesa interakcije korisnika s sučeljem. Odatle ćete moći izvući zaključke relevantne za vlastite projekte i idealno pojednostaviti sučelja prema njihovom najvećem potencijalu.
Za srodno čitanje na temu aktivnosti korisnika, pogledajte ove postove:
- Razbijanje konvencija web dizajna = razbijanje korisničkog iskustva
- Upotrebljivost i korisničko iskustvo Arhiva na Smashing Magazine
- Koncepti web dizajna za poticanje korisničke interakcije
Zamotati
Nema jedinstvenog odgovora o tome kako dizajnirati (ili popraviti) web-lokacije kako bi se poboljšala upotrebljivost. Da postoje neke stvari koje možete isprobati, ali svaka stranica je malo drugačija, a studija UX dizajna je vrlo komplicirana.
Nadam se da ćete u ovom članku početi razmišljati o nekim uobičajenim tehnikama za izgradnju vrlo korisnih sučelja. Najbolja stvar koju možete učiniti je staviti se u obuću tipičnog korisnika i pokušati odrediti glavne nedostatke sučelja. Kad jednom prepoznate problem, već ste na pola puta do rješenja!