Pagina principala » Web design » Proiectarea unui proces onboarding care ajută utilizatorii să învețe

    Proiectarea unui proces onboarding care ajută utilizatorii să învețe

    Sărind într-o aplicație nouă vine de obicei cu o luptă de a învăța cum funcționează. S-ar putea să te agiți rapid, dar există întotdeauna un proces de învățare. Scopul lui la imbarcare este de a să introducă noi utilizatori la un site web, la un program sau la o aplicație. Cu bord, trebuie să predați caracteristicile individuale, modul în care funcționează, și modul în care aplicația oferă valoare către utilizator.

    Într-un post recent am acoperit ecranele mobile de bord care se concentrează pe desenele și stilurile de conținut. În acest post, vreau să împărtășesc sfaturi pentru experiența utilizatorului și procesul de marketing al lui ghidarea unui utilizator prin procesul de îmbarcare.

    Folosiți imagini și diagrame

    Grafică și elemente vizuale poate explica o experiență a utilizatorului mult mai bine decât cuvintele. Bazați-vă pe vizuale pentru a vă ajuta ghidează utilizatorii prin acest proces după cum este necesar. Aceasta este o strategie valoroasă deoarece atrage atenția asupra procesului de îmbarcare și clarifică intenția. Cu vizuale obiectivul dvs. este de a arată mai degrabă decât să spună.

    Puteți face acest lucru cu multe moduri diferite capturi de ecran complete, icoane mici sau ilustrații / grafică vectorială care se încadrează în fluxul de lucru al proiectului. Luați de exemplu acest ecran onboarding de la designerul Salman Shah.

    El folosește icoane vectoriale vizual cu fiecare diapozitiv. Pictogramele funcționează ca metafore pentru fiecare punct, și ajutor vindeți caracteristicile către utilizator.

    Dacă nu aveți abilități de a proiecta icoane de la zero puteți utiliza întotdeauna gratuit pachete de icoane în avantajul dumneavoastră. Mulți designeri își eliberează gratuit munca, iar tu poți cu ușurință încorporați aceste icoane în ecranele dvs. de bord.

    Puteți trece dincolo de icoanele statice include animație de asemenea. Luați, de exemplu, procesul bazat pe finanțare creat de Iaroslav Zhmak.

    El foloseste o mulțime de icoane dar deasemenea plasează animații în fiecare secțiune. Învățați ce face aplicația prin intermediul indicațiilor vizuale care animă pentru a atrage atenția.

    Observați că fiecare bord de bord are și o descriere a textului. Aceasta este carnea reală a mesajului, deoarece îi spune utilizatorilor ce pot face cu aplicația. Uneori este posibilă o pagină numai pentru text simți ca un manual de colegiu înfundat deşi. Folosiți vizuale și animații pentru a arăta fiecare parte a procesului de îmbarcare.

    Afișați caracteristicile în acțiune

    Încercați să evitați să precizați caracteristicile evidente sau forțând utilizatorilor să memoreze toate părțile individuale ale aplicației. De asemenea, încercați să evitați declarațiile de bază care ghidează utilizatorii în jurul aplicației “acesta este meniul principal, acesta este ecranul prietenilor”, etc În loc să încercați să vă concentrați asupra a ceea ce aceste lucruri pot face, și modul în care utilizatorul pot interacționa cu aceste zone.

    Această strategie amintește de vechiul marketing “nu vinde friptura, vinde sizzle”. Doriți să vindeți aplicația prin beneficiile sale pentru utilizator, nu prin caracteristici arbitrare și elemente de meniu.

    De exemplu, acest design creat de Prakhar Sharma vă ghidează printr-un proces complet de lucru în contul dvs. bancar.

    Design-ul oferă un flux natural pentru a vă ajuta să începeți, și vă ghidează la fiecare pas al drumului. Acest proces de îmbarcare îi forțează pe utilizatori ia măsuri care este în final principalul obiectiv.

    Poți și tu arată caracteristicile în acțiune printr-un demo sau puteți ajuta utilizatorii să ia măsuri prin procesul de îmbarcare. Oricare metodă încurajează acțiunea asupra consumului care de obicei conduc la utilizatori mai implicați.

    Am găsit un alt exemplu frumos de ecran onboarding aplicat în stil YouTube creat de Riko Sapto Dimo. Utilizează imagini și icoane pentru a transmite un mesaj, dar ajută și utilizatorul luați măsuri înainte de a vă scufunda în aplicație.

    După “Cum functioneaza” ecran pe care puteți alege configurați notificările prin apăsarea unui buton. Acesta este un o mare strategie deoarece mulți utilizatori vor uita complet de aplicație, dar cu notificările care apar ei vor eventual folosiți-o din nou (sau dezactivați notificările).

    De asemenea, puteți adăuga pentru a activa sau a dezactiva funcțiile în orice moment al procesului de îmbarcare. Aceste caracteristici s-ar putea referi la înscrieri la buletine informative, la alte conturi sau chiar la abonați la actualizări. Doar accesează utilizatorii, și să le ajute începeți să luați măsuri. De acolo, devine mai ușor țineți-i agățați.

    Afișați o caracteristică la un moment dat

    Cele mai multe ecrane onboarding afișează anumite caracteristici și vă deplasează printr-un proces de la început până la sfârșit. Nu grăbiți utilizatorii, și cu siguranță nu împingeți o grămadă de informații pe ecran simultan.

    Cheia pentru a păstra noi utilizatori interesați și entuziasmați este să menține concentrarea și prezentați o caracteristică la un moment dat. Dacă împingeți prea mult pe ecran, utilizatorii pot simțiți copleșiți. Dacă procesul de îmbarcare este prea plictisitor, atunci oamenii se vor plictisi și vor renunța.

    Fiecare ecran ar trebui să aibă cel puțin o nouă informație care sunt valoroase pentru utilizator. Puteți face acest lucru și pe web cu un modală fereastră / abordare caseta de dialog. Totuși, ar trebui să păstrați în continuare se concentreze pe un singur subiect la un moment dat pentru a atrage atenția în cazul în care aparține.

    Echipa Dropbox planifică o nouă aplicație pentru desktop cu bord, iar Wes O'Haire a împărtășit acest exemplu pe contul lui Dribbble.

    Totul despre ecranul de la bord se simte foarte natural. Aveți o bara albastră indicând cât de departe de-a lungul procesului de îmbarcare ai plecat. Apoi aveți și direcții clare mișcați într-o manieră pas cu pas prin acest proces. Există și a înapoi în cazul în care utilizatorul uită pașii anteriori sau doar dorește o recapitulare.

    concentra este numele jocului, iar acest design păstrează utilizatorii axat pe acțiuni. Până la sfârșitul acestui proces la bord, noii utilizatori ar trebui să poată utilizați confortabil aplicația Dropbox de pe desktop pentru a încărca, a descărca și a efectua orice alte acțiuni de care au nevoie.

    Și amintiți-vă beneficiile vin mai bine decât caracteristicile. Explica ce primește utilizatorul din aplicație mai degrabă decât cât de repede se execută sau câte profiluri puteți avea.

    Exemplul de mai sus oferă o pereche de ecrane de la o aplicație de numire a medicului numită Qikwell. Fiecare diapozitiv demonstrează o trăsătură importantă orientate spre beneficiul utilizatorului (disponibilitatea numelui și totalul # în linie).

    Ultimul slide are, de asemenea, un mic “Incepe” link către ghidează utilizatorii despre următorul pas. Aceasta ar spori vizibilitatea acestei legături pentru a încuraja angajamentul, dar având doar o idee grozavă.

    Nu uitați să păstrați totul simplă și directă. Fiecare pas al procesului ar trebui să aibă un scop fie să îi înveți pe utilizator, fie să-i ajuți să se deplaseze mai departe în aplicație.

    Înfășurați-vă cu o acțiune

    Până la sfârșitul procesului de îmbarcare, ar trebui să aveți utilizatori care știu ceea ce oferă aplicația, ce pot face, și de ce ar trebui să o folosească. Totuși, s-ar putea nevoie de o împingere să ia efectiv măsuri și să facă ceva.

    Întotdeauna închideți bordul dvs. cu un tip de legătură sau un buton conduce utilizatorul pentru a începe undeva. Aceasta ar putea fi o pagină de setări, o pagină de profil, un ecran cu flux de utilizator sau ceva similar.

    Cel mai bun acțiunile recomandate vor varia bazat pe obiectivele aplicației dvs. O aplicație de nutriție ar putea încuraja utilizatorii noi să înceapă să-și înregistreze produsele alimentare în cursul zilei, însă o aplicație de rețea socială ar putea trimite utilizatorii la un ecran de profil sau la un lista recomandată de utilizatori a urma.

    În acest design de aplicație de Oktafian Nugraha veți observa o portocalie mare “Să începem!” butonul din partea de jos a ultimei diapozitive. Acest lucru este foarte luminos și destul de greu de ratat.

    Acest buton final de acțiune poate duce oriunde, atâta timp cât obiectivul final este păstrarea utilizatorului. Urmați acest buton în procesul dvs. de îmbarcare și asigurați-vă că este vizibil. Dacă utilizatorii finalizează instalarea și nu văd un buton care să se încheie, aceștia ar putea simțiți prins și doar pleaca.

    Este destul de greu să mizeriezi asta, așa că planificați un flux tipic de utilizator, și te asigură link către o pagină corespunzătoare la sfârșitul procesului de îmbarcare. În cazul în care la bord a făcut treaba, atunci noii utilizatori ar trebui deja știți ce să faceți de acolo.

    O privire finală

    Fiecare proiect nou trebuie să aibă un tip de ghid de ajutor sau un proces de îmbarcare pentru utilizatorii noi. Este cel mai rapid mod de a face ghida utilizatorii noi, și a țineți mai mulți oameni angajați cu aplicația dvs. mobilă, cu site-ul Web sau cu desktopul.

    Design estetica sunt importante, dar experiența utilizatorului atuuri totul. Când se face corect, ar trebui să fie procesul de la bord educaționale și, sperăm, puțin distractiv!