Projektiranje onboarding proces koji zapravo pomaže korisnicima naučiti
Skakanje u novu aplikaciju obično dolazi s borbom učenja kako radi. Mogli biste to brzo dobiti, ali uvijek postoji proces učenja. Cilj ukrcavanje je na uvesti nove korisnike na web-mjesto, program ili aplikaciju. S onboardingom, trebali biste učiti o tome pojedinosti, kako funkcioniraju, i kako aplikacija nudi vrijednost korisniku.
U nedavnom postu koje smo pokrili pokretni zasloni na brodu koje se usredotočuju dizajna i stilova sadržaja. U ovom postu želim podijeliti savjete za korisničko iskustvo i marketinški proces tvrtke vođenje korisnika kroz proces ukrcavanja.
Koristite slike i dijagrame
Grafički i vizualni elementi može bolje objasniti korisničko iskustvo od riječi. Oslonite se na vizuale kako biste pomogli korisnika kroz proces po potrebi. To je vrijedna strategija jer privlači pažnju na onboarding proces i razjašnjava namjeru. S vizualama vaš je cilj prikazati umjesto ispričati.
To možete učiniti na mnogo različitih načina pune snimke zaslona, male ikone ili ilustracije / vektorske grafike koji se uklapaju u tijek dizajna. Uzmite na primjer ovaj zaslon na dizajnu od dizajnera Salmana Shaha.
On koristi vektorske ikone vizualno označite svaki slajd. Ikone rade kao metafore za svaku točku, i pomoć prodati značajke korisniku.
Ako nemate vještine za dizajniranje ikona od nule, uvijek možete koristiti besplatni paketi ikona u svoju korist. Mnogi dizajneri oslobađaju svoj rad besplatno, a lako možete uključite ove ikone u svoje ekrane.
Možete se kretati izvan statičkih ikona uključiti animaciju također. Uzmimo, na primjer, onboarding proces temeljen na financijama koji je stvorio Iaroslav Zhmak.
On koristi mnogo ikona ali također stavlja animacije u svaki odjeljak. Možete saznati što aplikacija radi kroz vizualne znakove koji animiraju vašu pozornost.
Primijetite da je svaki onboarding slajd ima i tekstualni opis. To je pravo meso poruke jer korisnicima govori što mogu zapravo učiniti s aplikacijom. Ponekad tekstualna stranica može osjećam se kao zagušljiv koledž udžbenik iako. Koristite vizuale i animacije kako biste začinili svaki dio procesa.
Prikaz značajki u akciji
Pokušati izbjegavajte navođenje očiglednih značajki ili prisiljavanje korisnika na pamćenje svih pojedinih dijelova aplikacije. Također pokušajte izbjegavajte osnovne izjave koji usmjeravaju korisnike oko aplikacije “ovo je glavni izbornik, ovo je zaslon prijatelja”, Umjesto toga, pokušajte se usredotočiti na ono što su te stvari mogu, i kako korisnik mogu komunicirati s tim područjima.
Ova strategija podsjeća na staru marketinšku izreku “nemoj prodavati odrezak, prodati cvrčanje”. Želite prodati aplikaciju svojim koristima za korisnika, ne kroz proizvoljne značajke i stavke izbornika.
Na primjer, ovaj dizajn koji je stvorio Prakhar Sharma vodi vas kroz cijeli proces rada na bankovnom računu.
Dizajn nudi prirodni tok kako bi vam pomogli da započnete i voditi vas na svakom koraku. Taj proces uključivanja prisiljava korisnike na to poduzeti mjere što je u konačnici glavni cilj.
Možete i vi prikazati značajke u akciji kroz demo, ili možete pomoći korisnicima poduzimati mjere kroz proces ukrcavanja. Oba načina potiče djelovanje u odnosu na potrošnju što obično dovodi do više angažiranih korisnika.
Pronašao sam još jedan lijep primjer on-screen ekrana u stilu usluge YouTube koji je stvorio Riko Sapto Dimo. Ona koristi vizualne i ikone za prenošenje poruke, ali i pomaže korisniku poduzeti akciju prije ronjenja u aplikaciju.
Nakon što “Kako radi” možete odabrati postavite obavijesti klikom na gumb. Ovo je velika strategija jer će mnogi korisnici potpuno zaboraviti na aplikaciju, ali s pojavljuju se obavijesti oni će ponovno ga upotrijebiti (ili onemogućite obavijesti).
Također možete dodati da biste omogućili ili onemogućili značajke u bilo kojem trenutku procesa ukrcaja. Te se značajke mogu odnositi na prijave za bilten, praćenje drugih računa ili čak pretplate na ažuriranja. Samo angažirati korisnike, i pomoći im početi djelovati. Odatle postaje lakše drži ih zakačenim.
Istodobno prikazuje jednu značajku
Većina vanjskih zaslona prikazuje određene značajke i premješta vas kroz proces od početka do kraja. Ne žurite s korisnicima, i definitivno nemoj gurati hrpu informacija odjednom na zaslon.
Ključ je da se novi korisnici zainteresiraju i uzbuđuju zadržite fokus i prikazati jednu značajku odjednom. Ako previše gurate na zaslon, korisnici mogu osjećati se preplavljeno. Ako je proces ukrcavanja previše dosadan, onda će se ljudima dosađivati i odustati.
Svaki zaslon bi trebao imati najmanje jedan novi podatak to je korisno za korisnika. To možete učiniti i na webu pomoću a pristup modalnog prozora / dijaloškog okvira. Ipak, trebate se držati istodobno se usredotočite na jednu temu kako bi privukli pažnju gdje pripada.
Dropbox tim planira novu desktop aplikaciju s onboardingom, a Wes O'Haire je podijelio ovaj primjer na svom Dribbble računu.
Sve o ovom zaslonu osjeća se vrlo prirodno. Imate plavu traku koja pokazuje koliko daleko u proces ukrcavanja otišao si. Tada imate i jasne upute kretati se korak po korak kroz proces. Tu je i a gumb za povratak u slučaju da korisnik zaboravi prethodne korake ili samo želi rekapitulaciju.
Fokus je naziv igre, a ovaj dizajn zadržava korisnike usredotočena na akcije. Do kraja ovog procesa ulaska, novi korisnici bi trebali biti u mogućnosti udobno koristiti Dropbox aplikaciju na radnoj površini za prijenos, preuzimanje i izvođenje svih drugih radnji koje su im potrebne.
I zapamti to prednosti se prodaju bolje od značajki. Objasniti što korisnik dobiva iz aplikacije radije nego koliko brzo to radi ili koliko profila možete imati.
Gornji primjer sadrži nekoliko zaslona iz aplikacije za liječenje / liječenje koja se zove Qikwell. Svaki slajd pokazuje jednu značajku usmjerene na korisnikovu korist (dostupnost imenovanja i ukupno # u redu).
Zadnji slajd također ima mali “Započnite” poveznica za uputite korisnike o sljedećem koraku. To bi povećalo vidljivost te veze kako bi se potaknulo angažiranje, ali to je dobra ideja.
Ne zaboravite držati sve jednostavna i jasna. Svaki korak procesa bi trebao imati cilj ili naučiti korisnika ili im pomoći da se pomaknu dalje u aplikaciju.
Završite s radnjom
Do kraja procesa uključivanja trebali biste imati korisnike koji znaju što aplikacija nudi, što mogu učiniti, i zašto bi ga trebali koristiti. Ipak, mogli bi trebate guranje zapravo poduzeti akciju i učiniti nešto.
Uvijek završite onboarding s nekom vrstom veze ili gumba pokreće korisnika da počne negdje. To može biti stranica postavki, stranica profila, korisnički protočni zaslon ili nešto slično.
Najbolji preporučene radnje razlikuju se na temelju ciljeva vaše aplikacije. Aplikacija za prehranu može potaknuti nove korisnike da počnu zapisivati hranu za taj dan, ali aplikacija za društveno umrežavanje može poslati korisnike na zaslon profila ili na preporučeni popis korisnika pratiti.
U ovoj aplikaciji dizajna Oktafian Nugraha primijetit ćete veliku narančastu boju “Počnimo!” na dnu zadnjeg slajda. Ovo je super sjajno i prilično teško promašiti.
Ovaj završni gumb može voditi bilo gdje dok god krajnji cilj je zadržavanje korisnika. Stavite ovaj gumb u svoj proces ukrcavanja, i provjerite je li vidljiv. Ako korisnici završe onboarding, a ne vide gumb koji bi mogli završiti osjećam se zarobljeno i samo otiđi.
Prilično je teško zabrljati, pa samo isplanirajte tipičan protok korisnika, i uvjerite se link na odgovarajuću stranicu na kraju procesa ukrcaja. Ako je onboard učinio svoj posao onda bi novi korisnici već trebali znaju što učiniti od tamo.
Konačni izgled
Svaki novi projekt trebao bi imati neku vrstu vodiča za pomoć ili onboarding proces za nove korisnike. To je najbrži način voditi nove korisnike, i za zadržati više ljudi angažiranih s mobilnom aplikacijom, web-lokacijom ili stolnim programom.
Estetika dizajna su važni, ali korisničko iskustvo nadilazi sve. Kada se ispravno završi, onboard proces bi trebao biti obrazovno i nadam se malo zabavno!