Úvodná » Vzhľad stránky » Navrhovanie procesu onboardingu, ktorý skutočne pomáha používateľom naučiť sa

    Navrhovanie procesu onboardingu, ktorý skutočne pomáha používateľom naučiť sa

    Skok do novej aplikácie zvyčajne prichádza s bojom o to, ako funguje. Môžete to rýchlo zavesiť, ale tam je vždy učebný proces. Cieľ onboarding je to predstaviť nových používateľov na webovú stránku, program alebo aplikáciu. Pri výcviku by ste sa mali učiť jednotlivé funkcie, ako fungujú, a ako aplikácia ponúka hodnotu používateľovi.

    V nedávnom príspevku sme pokryli mobilné obrazovky na palube na ktoré sa zameriava návrhov a štýlov obsahu. V tomto príspevku chcem zdieľať tipy pre používateľov a marketingový proces usmerňovanie užívateľa prostredníctvom procesu na palube.

    Použite obrázky a diagramy

    Grafické a vizuálne prvky môže vysvetliť používateľskú skúsenosť oveľa lepšie ako slová. Spoliehajte sa na vizuály, ktoré vám pomôžu usmerňovať používateľov prostredníctvom tohto procesu podľa potreby. Je to cenná stratégia, pretože priťahuje oko do procesu na palube a objasňuje zámer. S vizuálnym cieľom je ukázať skôr než povedať.

    Môžete to urobiť mnohými rôznymi spôsobmi plné screenshoty, malé ikony alebo ilustrácie / vektorovú grafiku ktoré sa hodia do pracovného postupu návrhu. Vezmite si napríklad túto inboard obrazovku od návrhára Salman Shah.

    Používa vektorové ikony vizuálne vyberať každý snímok. Ikony fungujú ako metafory pre každý bod, a pomoc predávať funkcie používateľovi.

    Ak nemáte schopnosti navrhnúť ikony od začiatku, môžete ich vždy používať free icon packs k svojmu prospechu. Mnoho dizajnérov uvoľňuje svoju prácu zdarma a môžete ľahko začleniť tieto ikony do obrazoviek na palube.

    Môžete prejsť za statickými ikonami obsahovať animáciu tiež. Vezmite napríklad finančný proces založený na palube, ktorý vytvoril Iaroslav Zhmak.

    Používa veľa ikon ale tiež umiestni do každej sekcie animácie. Naučíte sa, čo aplikácia robí prostredníctvom vizuálnych podnetov ktoré animujú, aby vás upútali.

    Všimnite si, že každá snímka na palube má aj textový popis. Toto je skutočné mäso správy, pretože používateľom hovorí, čo môžu s aplikáciou. Niekedy môže byť len textová stránka cítiť sa ako ucpaná učebnica vysokej školy hoci. Použite vizuály a animácie na ozdobenie každej časti procesu na palube.

    Zobraziť funkcie v akcii

    Skúsiť vyhnúť sa uvedeniu zjavných funkcií alebo nútiť používateľov, aby si zapamätali všetky jednotlivé časti aplikácie. Tiež sa snažte vyhnúť sa základným tvrdeniam ktoré sprievodca používateľmi okolo aplikácie “toto je hlavné menu, toto je obrazovka priateľov”, atď. Skúste sa zamerať na to, čo tieto veci môcť urobiť, a ako používateľ s týmito oblasťami.

    Táto stratégia pripomína starú reklamu “nepredávajte steak, predávajte sýtosť”. Chcete predať aplikáciu prostredníctvom svojich výhod pre užívateľa, nie prostredníctvom ľubovoľných funkcií a položiek ponuky.

    Napríklad tento dizajn vytvorený spoločnosťou Prakhar Sharma vás prevedie celým procesom práce na vašom bankovom účte.

    Dizajn ponúka prirodzený tok aby vám pomohol začať a aby vás sprevádzal na každom kroku. Tento proces na palube prinúti používateľov konať čo je nakoniec hlavný cieľ.

    Môžete to urobiť zobraziť funkcie v akcii prostredníctvom demo alebo môžete pomôcť používateľom konať prostredníctvom procesu na palube. Každá metóda povzbudzuje opatrenia nad spotrebou čo zvyčajne vedie k väčšej angažovanosti používateľov.

    Našiel som ďalší pekný príklad obrazovky na obrazovke v štýle YouTube, ktorú vytvoril Riko Sapto Dimo. Používa vizuály a ikony na odoslanie správy, ale pomáha aj používateľovi prijať opatrenia pred ponorom do aplikácie.

    Po “Ako to funguje” na ktoré sa môžete rozhodnúť nastaviť upozornenia s kliknutím na tlačidlo. Toto je skvelá stratégia pretože mnoho užívateľov úplne zabudne na aplikáciu, ale s upozornenia oni budú prípadne ho opäť použite (alebo zakázať upozornenia).

    Môžete tiež pridať Ak chcete povoliť alebo zakázať funkcie v každom bode procesu na palube. Tieto funkcie môžu súvisieť s registráciou bulletinov, nasledujúcimi inými účtami alebo dokonca prihlásiť sa na odber aktualizácií. proste zapojenie používateľov, a pomôcť im začať konať. Odtiaľ sa stáva jednoduchšie nechajte ich závislý.

    Zobraziť jednu funkciu naraz

    Väčšina obrazov na obrazovke zobrazuje určité funkcie a prechádza procesom od začiatku do konca. Neponáhľajte s používateľmi, a rozhodne nepoužívajte veľa informácií na obrazovku naraz.

    Kľúčom k udržaniu záujmu a nadšenia nových používateľov je udržať zaostrenie a prezentovať jednu funkciu naraz. Ak príliš veľa na obrazovku, môžu používatelia cítiť ohromený. Ak je proces na palube príliš nudný, ľudia sa nudia a skončia.

    Každá obrazovka by mala mať aspoň jedna nová informácia to je pre používateľa cenné. Môžete to urobiť aj na webe pomocou modálne okno / dialógové okno prístup. Mali by ste si to však zachovať Zamerajte sa na jednu tému naraz upozorniť, kde patrí.

    Tím Dropbox plánuje nainštalovať novú aplikáciu pre počítače a Wes O'Haire zdieľa tento príklad na svojom Dribbble účte.

    Všetko o tejto obrazovke na palube cíti veľmi prirodzené. Máte označený modrý pruh ako ďaleko do procesu na palube ste preč. Potom máte aj jasné pokyny pohybovať krok za krokom prostredníctvom tohto procesu. Je tu tiež a tlačidlo späť v prípade, že používateľ zabudne akékoľvek predchádzajúce kroky alebo len chce rekapitulovať.

    ohnisko je názov hry a tento dizajn udržuje používateľov zamerané na akcie. Do konca tohto procesu na palube by mali byť noví používatelia schopní pohodlne používať aplikáciu Dropbox na pracovnej ploche na odovzdávanie, sťahovanie a vykonávanie akýchkoľvek ďalších akcií, ktoré potrebujú.

    A pamätajte na to výhody predávajú lepšie ako funkcie. vysvetliť čo používateľ dostane z aplikácie než ako rýchlo to beží alebo koľko profilov môžete mať.

    Vyššie uvedený príklad obsahuje niekoľko obrazoviek zo schémy zdravotníckeho lekára / lekára s názvom Qikwell. Každá snímka zobrazuje jednu hlavnú funkciu zamerané na zvýhodnenie používateľa (dostupnosť schôdzky a počet # v riadku).

    Posledná snímka má aj malú “Začať” odkaz na usmerňujte používateľov o ďalšom kroku. Zvýšila by sa viditeľnosť tohto odkazu, aby sa povzbudzoval angažovanosť, ale jednoducho ho máš skvelý nápad.

    Pamätajte si na všetko jednoduché a jednoduché. Každý krok procesu by mal mať cieľ buď naučiť používateľa, alebo im pomôcť pri ďalšom prenose do aplikácie.

    Zaobchádzať s akciou

    Na konci procesu na palube by ste mali mať používateľov, ktorí vedia čo aplikácia ponúka, čo môžu robiť, a prečo by ich mali používať. Aj tak by to mohli potrebujú tlak skutočne konať a urobiť niečo.

    Vždy skončiť na palube s určitým typom odkazu alebo tlačidla umožňuje používateľovi začať niekde. Môže to byť stránka s nastaveniami, stránka s profilmi, obrazovka používateľského toku alebo niečo podobné.

    Najlepší odporúčané akcie sa budú líšiť na základe cieľov vašej aplikácie. Aplikácia na výživu môže povzbudiť nových používateľov, aby začali denne zaznamenávať svoje potraviny, ale aplikácia sociálnych sietí môže posielať používateľov na profilovú obrazovku alebo na odporúčaný zoznam používateľov nasledovať.

    V tomto návrhu aplikácie od Oktafian Nugraha si všimnete veľkú oranžovú “Začnime!” tlačidlo v dolnej časti posledného posúvača. To je super jasné a veľmi ťažké chýbať.

    Toto posledné tlačidlo akcie môže viesť kdekoľvek tak dlho, ako konečným cieľom je udržanie používateľov. Držte toto tlačidlo do procesu na palubu a uistite sa, že je viditeľná. Ak používatelia dokončia nainštalovanie a nevidia žiadne tlačidlo, ktoré by mohli byť ukončené, mohli by to byť cítiť v pasci a jednoducho odíď.

    Je to dosť ťažké to zvrátiť, tak to tak naplánujte typický tok používateľov, a uistite sa odkaz na príslušnú stránku na konci procesu na palube. Ak sa na palube stalo svoju prácu, mali by už noví používatelia vedieť, čo robiť odtiaľ.

    Konečný pohľad

    Každý nový projekt by mal mať nejaký druh sprievodcu pomoci alebo na palube nového používateľa. Je to najrýchlejší spôsob usmerňovať nových používateľov, a udržať viac ľudí zapojených s vašou mobilnou aplikáciou, webovou stránkou alebo stolným programom.

    Design estetiky sú dôležité, ale skúsenosť užívateľa naberá všetko. Keď sa to urobí správne, musí byť proces na palube vzdelávacie a dúfajme trochu zábavy!