Projektiranje usmjerenih sučelja za bolje uključivanje korisnika

Angažiranje korisnika je složena metrika koja se može postići na različite načine za različite projekte. Većina dizajnera misli na sučelje kada govore o interaktivnosti, ali sadržaj stranice također može potaknuti interakciju korisnika. Za bolje angažiranje korisnika važno je napisati privlačan sadržaj, i predstaviti taj sadržaj u privlačnom dizajnu.

Mnogo je lakše reći nego učiniti, ali ako naučite neke osnove, nećete imati problema s izradom sučelje s velikim sadržajem za vaše projekte.

U ovom postu pokazat ću vam kako povećati interakcija korisnika i angažman sadržaja na internetskim sučeljima. To su dva najčešća načina angažiranja posjetitelja, i ako možete optimizirajte iskustvo nećete imati problema s povećanjem tog unosnog vremena na metričkoj stranici.

Snimite novost

Pojam novost definira događaj ili stvar koja je općenito nova, često vrlo nova i jedinstvena na temelju konteksta. Nova događanja uhvatite našu pažnju jer oni isticati se. To vrijedi i za dizajn sučelja s novostima koje predstavljaju elemente koji se čine skočiti s stranice.

Nedavno sam pronašao veliki post o važnosti novosti kada je u pitanju angažman. Korisnici izgleda gravitiraju prema novim iskustvima, sučeljima i elementima korisničkog sučelja jer su različiti. Jedina činjenica da je dizajniran drugačije često privlači pozornost.

Jedan od uobičajenih primjera je gumb poziva na radnju koji se nalazi na većini odredišnih stranica. Također možete izgraditi novost s pozadinske fotografije, ilustracije ili screenshotovi aplikacija, kao što je na odredišnoj stranici Uber for Business.

Ova stranica ima gumb za poziv na akciju, ali odmah mi skrećem pozornost ide na snimke zaslona. Oni animiraju kada se prvi put učitaju, tako da to kombinira novost dizajna s pokretom da privuku pozornost.

Alternativa bi bila korištenje GiftRocketa ilustrirane ikone kao veze da pređete dalje na stranicu.

Oba ova primjera koristiti novost u svoju korist. Ne možete uvijek privući ljude dalje na stranicu, ali ćete vidjeti bolje rezultate ako ih privučete na visceralnoj razini prvi.

Dizajn je prva stvar posjetitelji vide, a vi morate uhvatiti njihovu pozornost unutar nekoliko sekundi poticati daljnji angažman.

Skimabilna tipografija

Istraživanja su pokazala da većina korisnika skeniranje web-stranice radije nego čitati riječ po riječ. Vjerojatno ćete htjeti privući ljude da čitaju vaš sadržaj, ali to možete učiniti samo mnogo.

Najbolja alternativa je stvoriti sadržaj koji se može skimirati s naslovima, podebljanim tekstom i slikama koje ilustriraju ono što pokušavate reći. Mogu se barem sjetiti tri moćne tehnike pisanja možete koristiti u svom sadržaju povećati čitljivost:

1. Podijeli sadržaj s jasnim titlovima
2. Podijelite paragrafe kako bi ih smanjili
3. Koristite popise s oznakama da biste brže podijelili svoje bodove

Cilj je zadržati čitatelje pomicanjem po stranici bilo kojim sredstvima. Čuvajući sadržaj malim u komadima veličine ugriza imat ćete mnogo lakše vrijeme za privlačenje pažnje i vožnju ljudi dalje na web-lokaciju.

Pogledajte blog Quick Sprout za primjer ovog stila pisanja. Sadržaj je napisao Neil Patel i često piše vrlo dugačak sadržaj, ali on raščlanjuje paragrafe u 1-3 rečenice.

Ako imate odgovarajuće naslove, i koristiti slike / oznake u cijelom sadržaju ćete dobiti ljudi skimming i čitanje puno dalje. Također budite sigurni da povećati količinu razmaka između stavaka. Margine i paddings oba igraju veliku ulogu u dizajnu izgleda i čitljivosti.

Dizajnirajte tekst tako da bude zapravo zabavno čitati. Dosadno kopiranje neće zavesti, ali niti će zabavna kopija biti premala ili bez kontrasta.

Slike koje privlače oči

Nedavna studija slučaja Backlinka sugerira da su stranice s najmanje jednom slikom obično visoko rangirati od stranica bez slika. To je sjajno iz perspektive SEO-a.

Ali što je s angažmanom korisnika? Ako možete zadržati tu sliku iznad poklopca ili blizu vrha također će privući pažnju posjetitelja prije odbijanja. Zapamtite da novi elementi stranice privlače.

Kada na cijeloj stranici imate sliku (ili mnogo slika), moći ćete razbiti monotoniju dosadnih tekstualnih blokova. Korisnici mogu odmorite se od čitanja cijeniti sliku ili uspostaviti vezu između slike i pisanog sadržaja. Ali, kao i kod većine tehnika dizajna, kvaliteta je vrijednija od količine.

Studija slučaja Moz otkrila je da slike visoke kvalitete imaju tendenciju zadržati posjetitelje na stranici još dugo. S druge strane, slike loše kvalitete ne rade dobro u nekim slučajevima su uzrokovali posjetitelje odskočiti brže nego bez slika. Trebali biste pokušati uključiti barem jednu sliku koja je relevantni za sadržaj i to daje vrijednost čitatelju.

TechCrunch to čini s prikazanim slikama u člancima u kojima ćete često pronaći a istaknuta fotografija iznad poklopca.

WordPress olakšava dodavanje istaknutih slika jednostavnim značajkom post minijature. Možete postaviti zasebnu fotografiju za svaki post koji napišete i prisiliti ih da se pojave na vrhu stranice. Ovo je savršen način da posjetitelji pogledaju o čemu se radi, i povećati CTR za slične postove widgeta koji sadrže i sličicu posta.

Kontrastni elementi stranice

Tada trebate skrenuti pozornost na jedno određeno područje na stranici asimetrija je tvoj najbolji prijatelj. Kontrast pogoni tvrdi klin između određenih područja dizajna ili određenih blokova sadržaja.

Posjetitelj je prirodno ravitate prema kontrastu jer je drugačije. Velike jukstapozicije boja, veličine ili razmaka privlače oko zato što to čini razbija kalup svega ostalog u rasporedu.

Moj omiljeni primjer za kontrastiranje elemenata stranice je možda početna stranica Sketch-a. Postoji mnogo kontrasta između dva poziva na radnju, jedan za preuzimanje Sketch suđenja, a drugi za kupnju kopije.

Gumb za kupnju koristi punu boju pozadine mnogo svjetlija od ostalih boja u zaglavlju. Tekst gumba također je svjetliji u usporedbi s gumbom za besplatnu probnu verziju. To dovodi posjetitelje do gumba Kupi odmah isključivo iz vizualnih podražaja.

Primijetit ćete slične tehnike na početnoj stranici Optin Monster. Ovo zaglavlje ima samo jedan gumb s oznakom Get OptinMonster Now. To je svijetlo zeleni gumb na plavoj pozadini bez ikakvih drugih zelenih elemenata na vidiku.

Boja, veličina i oblik privlače vašu pažnju zbog toga kontrastira sa svim ostalim u zaglavlju. Neposredno uz gumb nalazi se mala tekstualna veza za pregled videozapisa. Vjerojatno je to odličan videozapis i zaslužuje pažnju, ali ne onoliko koliko gumb suđenja / prijave CTA.

Za blog možete imati različite kvalifikacije za angažman korisnika. Jedan od uobičajenih izbora je obrazac za prijavu na newsletter kao primjer na Aeolidiji.

Ako se pomaknete prema dolje do dna sadržaja koji ćete primijetiti a kutija za prijavu fancy-shmancy dizajniran samo za oblik biltena. Ističe se od ostatka stranice jedinstvena boja pozadine, zabavna tipografija i slatka ikona kralja Tritona.

Najbolji način oblikovanja s kontrastom je proučavanje primjera i samo eksperimentiranje. Pogledajte što radi, a što ne praćenje mjerenja s A / B testiranjem. Ako ste u potrazi za više primjera, provjerite ovaj Codropov zapis pun savjeta i ekrana živih asimetričnih web stranica.

Potaknite suradnju korisnika

Postoji toliko mnogo načina da posjetitelji budu zainteresirani za web-lokaciju, ali najčešće je to neka rade stvari. To vrijedi i za statičke blogove i za dinamičke društvene web-lokacije. Za to ne postoje jednodušni trikovi. Možete učiniti sve što je potrebno za stvaranje korisnika osjećate se angažiranima na stranici.

U statična stranica, možete dodati mnogo povezani Linkovi za čitanje više ili uključivanje slideshow slika. Također možete dodati obrasce za komentare korisnika ili newsletter e-pošte.

Kada je u pitanju dinamička sučelja, svrha web-mjesta je obično poticanje angažmana korisnika. Najveća prepreka je korisnika nastave kako funkcionira web-lokacija i kako se pravilno povezati s sučeljem.

Provjerite ovaj post od KissMetricsa koji govori o tehnikama uključivanja korisnika. Jedna od najboljih strategija koju sam pronašao jest osmislite razgledavanje s vodičem što vodi posjetitelje svaku od primarnih značajki.

Razmislite kako bi zbunjujuća mogućnost Twittera bila potpuno novi korisnik. Ako ne slijede nikoga i nemaju sljedbenike, zašto bi tweetali?

“Slijedite prijedloge” okvir za vrijeme prijave pomaže novim korisnicima upoznajte se s načinom na koji Twitter radi. Ova značajka stavlja nove korisnike na početi se angažirati s platformom i na eksperimentiranje s značajkama kao što slijedi, tweets i privatne poruke.

Osim vođenog obilaska, također ćete htjeti učiniti sučelje jednostavnim. Glavne značajke trebaju biti 1-2 klikova s nadzorne ploče ili glavne stranice korisnika. Intuitivna sučelja potrebno objašnjenje, i jednostavnost bilježi pozornost mnogo brže.

Razumjevanjem svih tih tehnika, lakše ćete izgraditi sučelja riješiti probleme korisnika, i potaknuti nove korisnike da se pridruže. Ako tražite više UX savjeti za projektiranje pogledajte ove povezane postove:

• Taktika za uključivanje korisnika (Thinkapps.com)
• Lekcija u postupnom angažmanu (Uxbooth.com)
• Nemojte pretpostavljati da novi korisnici žele naučiti kako koristiti vaš proizvod (Uxdesign.cc)