Štiri tehnike oblikovanja UX za spodbujanje sodelovanja uporabnikov
Spodbujanje uporabnikov, da ostanejo in uporabljajo spletno stran, ne vključujejo vedno manjše kode ali lepše grafike. Nekatere najenostavnejše postavitve, kot je Reddit, še vedno zadržujejo uporabnike z vsebino in so navdušene nad interakcijo s spletnim mestom.
Skrivnost je v uporabniški izkušnji in upoštevanje kako deluje. Interakcije izhajajo iz elementov strani in tokov dejanj, ki se premikajo z ene strani na drugo.
V tem postu bom pogledal nekaj Tehnike oblikovanja UX ki jih je mogoče uporabiti izboljšati uporabniško izkušnjo in povečati angažiranost uporabnikov. Upoštevajte, da ti niso vedno uporabni za vsako spletno stran, zato je bolj pomembno, da razumete, zakaj te tehnike delujejo, tako da lahko uporabite svojo lastno presojo.
Vsebina uporabniške izkušnje je velika in zahteva potrpljenje, da lahko popolnoma razumete. Toda bolj boste vadili, bolj boste razumeli
Najboljše kar lahko storite je igrajte na spletnih mestih, ki jih želite in ugotoviti kar ti je všeč o njih. Iz vaših izkušenj lahko ekstrapolirate dosledne zamisli in ugotovite, kaj vas (in morda druge) drži na spletnem mestu.
1. Uporabite kontrast za risanje pozornosti
Vsako spletno mesto je zgrajeno s peščico elementov za interakcijo med uporabniki. Hiperpovezave, gumbi, vnosna polja, pripomočki za stransko vrstico, seznam se nadaljuje. Vendar ne bi morali biti vsi elementi enaki. Nekateri so seveda pomembnejši za sodelovanje obiskovalcev in bi jih morali oblikovati višji kontrast izstopati od drugih elementov na strani.
Ta ideja izhaja iz visokega barvnega kontrasta in načina, kako ljudje obdelujejo vizualne podatke v vzorcih. Ko nekaj izstopa iz svoje okolice, ali po barvi, velikosti, obliki ali presledku, lahko na podlagi konteksta.
Uporabite kontrast, da usmerite pozornost na določene elemente strani, ki obiskovalce privabljajo v določeno nalogo. Če je vaš cilj ustvariti več prijav na novice, lahko vaša naročniška škatla vsebuje svetel animirani gumb za prijavo ali edinstveno ikono.
Cilj je zajeti pozornost tako, da ustvarite vmesnik, ki vabi obiskovalce k izvajanju nekaterih želenih dejanj..
Če imate čas, je morda vredno izvesti nekaj študij primerov A / B, da vidite, katere barve / elementi se najbolje igrajo skupaj. Statistika je težko določiti, vendar boste presenečeni, koliko se lahko naučite iz preprostega split testa.
2. Okusna UI / UX animacija
Pred kratkim sem naletel na naslov z naslovom Kaj Disney pozna animacijo vmesnika. Zajema bistvene točke animacije in kako ti igrajo na psiho uporabnikov, ki delajo z ravnim 2D zaslonom.
Različne vrste animacij lahko pomenijo določeno vedenje. Na primer, ko lebdite nad gumbom, se lahko prevrne navzgor, da pokaže, da je mogoče klikniti. Sporočila o napakah se pogosto pretresajo, da opozorijo uporabnika.
Zapomni si to Animacija UX bi morala biti vidna še subtilna. Divje animacije so bolj za televizijo in filme kot za vmesnike.
Toda to ne pomeni, da bi morali biti vmesniki ostali nespremenjeni. V bistvu bi večina uporabnikov precej imajo neko vrsto animacije, ker daje iluzijo bolj gladke izkušnje. Delno gre tudi za digitalno oblikovanje ustvarjanje iluzornega vmesnika, ampak bolj realistična se zdi, da bodo uporabniki želeli več interakcije.
3. Odzivno oblikovanje kot zahteva
To je pošteno reči velik del uporabnikov interneta brskanje iz svojih mobilnih telefonov. Povezave, ki se delijo z družabnimi spletnimi mesti, kot sta Facebook in Twitter, so pogosto obiskane neposredno na pametnih telefonih in tabličnih napravah.
To pomeni, da je treba vsako spletno stran optimizirati za mobilne naprave na nek način - po možnosti s popolnoma odzivnim dizajnom.
Ko boš velikosti zaslona, to postavi kritične funkcije v povsem novo luč. Kot oblikovalec morate izbrati, katere funkcije so najpomembnejše in kako naj se pojavijo na manjših zaslonih. Ta odzivna strategija oblikovanja potrebuje čas, da se naučijo, vendar je najboljši način, da preučite druge spletne strani in pobirate tehnike, ki jih želite.
Resnica je odzivna oblikovalska dela in postaja vse bolj sprejeta s strani oblikovalske skupnosti z vsakim letom.
Uporabniki prav tako pričakujejo, da bodo spletne strani popolnoma odzivne, tako da bodo poskrbele za vsak zaslon naprave. Ko se spletno mesto ne ujema lepo z mobilnim spletnim brskalnikom, je lahko neprimerno za uporabniško izkušnjo.
4. Poenostavite proces interakcije
Smashing Magazine je pred kratkim objavil eno najboljših objav, ki sem jih prebral v podporo poenostavitev za oblikovanje vmesnika. Navaja, da nihče ne želi skočiti skozi obroče za uporabo vaše spletne strani ali aplikacije. Ljudje se zanimajo samo za končni rezultat, in najhitrejši način, da pridete tja.
Želim zgraditi diagrame poteka UX za vsak interaktivni element strani, kadar skiciram okvirje. Ti pomagajo vizualno zamisliti, kako naj bi mesto izgledalo in funkcijo.
Toda v resnici ni pomembno, kako načrtujete izkušnjo. Prepričajte se, da načrtujete najhitrejša in najenostavnejša izkušnja. Ko gre za spodbujanje dejavnosti, boste želeli, da so pomembne stvari načrta.
Če nekdo pristane na vašem webappu in ne razume, kako se prijavite takoj, je to velik problem. To bi moralo biti očitno očitno uporabniku, kaj počne vaše spletno mesto in kako so lahko ločeni od njega.
Najboljše mesto za začetek je raziskati oblikovanje UX in proces, kako uporabniki delujejo z vmesnikom. Od tam boste lahko pripravili zaključke, ki so pomembni za vaše lastne projekte, in idealno poenostavite vmesnike do njihovih največjih potencialov.
Za sorodno branje na temo dejavnosti uporabnikov, oglejte si te objave:
- Prelom konvencij o spletnem oblikovanju = prekinitev uporabniške izkušnje
- Uporabnost in uporabniška izkušnja Arhiv na Smashing Magazine
- Koncepti spletnega oblikovanja za spodbujanje uporabniške interakcije
Zaviti
Ni enotnega odgovora o tem, kako oblikovati (ali popraviti) spletne strani za izboljšanje uporabnosti. Da obstaja nekaj stvari, ki jih lahko poskusite, vendar je vsaka stran malo drugačna in študija oblikovanja UX je zelo zapletena.
Upam, da boste v tem članku lahko začeli razmišljati o nekaterih skupnih tehnikah za izdelavo zelo uporabnih vmesnikov. Najboljša stvar, ki jo lahko naredite, je, da se postavite v čevlje tipičnega uporabnika in poskusite ugotoviti glavne pomanjkljivosti vmesnika. In ko enkrat prepoznate problem, ste že na pol poti do rešitve!
