Domovská » Webový design » Navrhování procesu, který skutečně pomáhá uživatelům učit se

    Navrhování procesu, který skutečně pomáhá uživatelům učit se

    Skákání do nové aplikace obvykle přichází s bojem o učení, jak to funguje. Možná se to rychle dotkneš, ale vždy existuje proces učení. Cílem palubní je představit nové uživatele webové stránky, programu nebo aplikace. S palubou, měli byste se o tom učit jednotlivé funkce, jak fungují, a jak aplikace nabízí hodnotu uživatele.

    V nedávném příspěvku jsme pokryli mobilní palubní obrazovky které se zaměřují na návrhy a styly obsahu. V tomto příspěvku chci sdílet tipy pro uživatelské zkušenosti a marketingový proces vedení uživatele prostřednictvím procesu nástupu.

    Použijte obrázky a diagramy

    Grafické a vizuální prvky může vysvětlit uživatelský zážitek mnohem lépe než slova. Spolehněte se na vizuály, které vám pomohou uživatele podle potřeby. To je cenná strategie, protože přitahuje oko do procesu nástupu a objasňuje záměr. S vizuály je vaším cílem ukázat, spíše než říct.

    Můžete to udělat mnoha různými způsoby plné screenshoty, malé ikony nebo ilustrace / vektorová grafika které zapadají do pracovního postupu návrhu. Vezměte si například tuto obrazovku od návrháře Salmana Shaha.

    Používá vektorové ikony vizuálně na každé podložce. Ikony fungují jako metafory pro každý bod, a pomoc prodávat funkce uživatele.

    Pokud nemáte dovednosti navrhovat ikony od nuly, můžete vždy použít sady ikon zdarma ke svému prospěchu. Mnoho návrhářů uvolňuje svou práci zdarma a můžete snadno začlenit tyto ikony do palubních obrazovek.

    Na statické ikony se můžete přesunout zahrnovat animaci také. Vezměme si například proces financování založený na financování, který vytvořil Iaroslav Zhmak.

    Používá spousta ikon ale také umístí animace do každé sekce. Dozvíte se, co aplikace dělá prostřednictvím vizuálních podnětů které oživují vaši pozornost.

    Všimněte si, že každý palubní snímek má také textový popis. To je skutečné maso zprávy, protože říká uživatelům, co mohou s aplikací. Někdy může být pouze textová stránka cítit se jako ucpaná vysokoškolská učebnice ačkoli. Použijte vizuální efekty a animace, abyste okusili každou část procesu.

    Zobrazení funkcí v akci

    Zkusit vyhnout se uvádění zřejmých vlastností nebo nutit uživatele, aby si zapamatovali všechny jednotlivé části aplikace. Zkuste také vyhnout se základním prohlášením , které pomáhají uživatelům po aplikaci “toto je hlavní menu, toto je obrazovka přátel”, atd. Namísto toho se zaměřte na to, co tyto věci dělají může udělat, a jak uživatel s těmito oblastmi.

    Tato strategie připomíná staré marketingové pojetí “neprodávejte steak, prodávejte prskání”. Chcete prodat aplikaci prostřednictvím svých výhod pro uživatele, ne přes libovolné funkce a položky menu.

    Například, tento design vytvořený Prakhar Sharma vás provede celým procesem práce na vašem bankovním účtu.

    Design nabízí přirozený tok , které vám pomohou začít a provázet vás na každém kroku. Tento proces nasazování nutí uživatele přijmout opatření který je nakonec hlavním cílem.

    Můžeš buď zobrazit funkce v akci prostřednictvím dema, nebo můžete pomoci uživatelům podniknout kroky prostřednictvím palubního procesu. Buď metoda podporuje činnost nad spotřebou obvykle vede k více angažovaným uživatelům.

    Našel jsem další pěkný příklad aplikace ve stylu YouTube na obrazovce, kterou vytvořil Riko Sapto Dimo. Využívá vizualizace a ikony ke sdělení zprávy, ale také pomáhá uživateli podniknout kroky před potápěním do aplikace.

    Po “Jak to funguje” můžete zvolit nastavit oznámení kliknutím na tlačítko. Toto je skvělou strategii protože mnoho uživatelů zcela zapomene na aplikaci, ale s upozornění oni budou nakonec znovu použít (nebo zakázat oznámení).

    Můžete také přidat aktivovat nebo deaktivovat funkce v jakémkoli okamžiku procesu nástupu. Tyto funkce by se mohly týkat registrace zpravodaje, dalších účtů nebo dokonce k odběru aktualizací. Prostě zapojit uživatele, a pomoci jim začít jednat. Odtud je to snazší držet je závislý.

    Zobrazovat najednou jednu funkci

    Většina zobrazovaných obrazovek zobrazuje určité funkce a přesune vás procesem od začátku do konce. Nespěchejte uživatele, a rozhodně nestrčte spoustu informací na obrazovku najednou.

    Klíčem k udržení nových zájemců a nadšení je udržet zaměření a zobrazit vždy jednu funkci. Pokud na obrazovku přejdete příliš mnoho, mohou uživatelé cítit se ohromen. Pokud je proces nástupu příliš nudný, lidé se nudí a přestanou.

    Každá obrazovka by měla mít alespoň jednu novou informaci to je cenné pro uživatele. Můžete to také udělat na webu pomocí a modální okno / dialogové okno. Měli byste se však stále držet zaměření na jedno téma najednou upozornit tam, kam patří.

    Tým Dropbox plánuje novou aplikaci pro stolní počítače se systémem onboarding a Wes O'Haire tento příklad sdílel na svém účtu Dribbble.

    Vše o této obrazovce cítí se velmi přirozeně. Máte modrý pruh označující jak daleko do procesu nástupu jsi pryč. Pak máte také jasné pokyny krok za krokem procesu. K dispozici je také tlačítko Zpět v případě, že uživatel zapomene na předchozí kroky, nebo chce jen rekapitulaci.

    Soustředit se je název hry a tento design udržuje uživatele zaměřené na akce. Na konci tohoto procesu by měli mít noví uživatelé možnost pohodlně používat aplikaci Dropbox na pracovní ploše, abyste mohli nahrávat, stahovat a provádět další akce, které potřebují.

    A pamatujte si to výhody jsou lepší než funkce. Vysvětlit co uživatel dostane z aplikace spíše než jak rychle běží nebo kolik profilů můžete mít.

    Výše uvedený příklad obsahuje pár obrazovek ze zdravotního / lékařského jmenovacího programu zvaného Qikwell. Každý snímek představuje jeden hlavní prvek zaměřené na prospěch uživatele (dostupnost schůzek a celkový počet # v řádku).

    Poslední snímek má také malý “Začít” odkaz na uživatele o dalším kroku. To by zvýšilo viditelnost tohoto spojení, aby se podpořila angažovanost, ale prostě je to skvělý nápad.

    Nezapomeňte si všechno udržet jednoduchý a přímočarý. Každý krok procesu by měl mít cíl buď naučit uživatele, nebo mu pomoci v dalším postupu.

    Zabalte s akcí

    Na konci procesu naslouchání byste měli mít uživatele, kteří to znají co aplikace nabízí, co mohou dělat, a proč by ji měly používat. Přesto by mohli potřebují tlačit skutečně jednat a něco udělat.

    Vždy ukončete svůj palubní počítač s nějakým typem odkazu nebo tlačítka pohání uživatele k tomu, aby někde začal. Může se jednat o stránku nastavení, stránku profilu, obrazovku uživatelského toku nebo něco podobného.

    Nejlepší doporučené akce se budou lišit na základě cílů vaší aplikace. Aplikace pro výživu by mohla povzbudit nové uživatele k tomu, aby mohli začít zaznamenávat své potraviny pro daný den, ale aplikace pro sociální sítě mohou posílat uživatele na obrazovku s profilem nebo doporučený seznam uživatelů následovat.

    V tomto návrhu aplikace Oktafian Nugraha si všimnete velké oranžové “Začněme!” v dolní části posledního snímku. To je super jasné a těžko chybět.

    Toto poslední tlačítko akce může vést kdekoli tak dlouho, jak je konečným cílem je udržení uživatelů. Přilepte toto tlačítko do procesu zapalování a ujistěte se, že je viditelný. Pokud uživatelé dokončí začleňování a nevidí tlačítko, které by se mohlo zabalit cítit se v pasti a prostě odejdi.

    Těžko se to podaří, tak prostě naplánovat typický uživatelský tok, a ujistěte se, že odkaz na příslušnou stránku na konci palubního procesu. Pokud by při nástupu na palubu nastoupila jeho práce, měli by už noví uživatelé vědět, co dělat odtud.

    Konečný vzhled

    Každý nový projekt by měl mít nějaký typ nápovědy nebo proces nasazení pro nové uživatele. Je to nejrychlejší cesta průvodce, a udržet více lidí s vaší mobilní aplikací, webovou stránkou nebo stolním programem.

    Designová estetika jsou důležité, ale uživatelský zážitek všechno trumfuje. Když se provádí správně, proces by měl být vzdělávací a doufejme, že trochu legrace!