Проектиране на Onboarding процес, който всъщност помага на потребителите да научат

Прескачане в ново приложение обикновено идва с борба да научите как работи. Може да се овладее бързо, но винаги има процес на обучение. Целта на нотка е да въвеждане на нови потребители към уебсайт, програма или приложение. С на борда трябва да преподавате индивидуални особености, как работят, и как приложението предлага стойност на потребителя.

В скорошен пост, който обхванахме мобилни екрани които се фокусират върху дизайни и стилове на съдържание. В тази публикация искам да споделям съвети за потребителския опит и маркетинговия процес на насочване на потребителя през процеса на качване.

Използвайте изображения и диаграми

Графични и визуални елементи може да обясни потребителския опит много по-добре от думите. Разчитайте на визуални материали, за да помогнете да насочва потребителите през процеса колкото е необходимо. Това е ценна стратегия, защото привлича вниманието върху процеса на качване и изяснява намерението. С визуализации целта ви е да покажете, вместо да кажете.

Можете да направите това по много различни начини пълни екранни снимки, малки икони или илюстрации / векторни графики които се вписват в работния процес на проектирането. Вземете, например, този екран от дизайнера Салман Шах.

Той използва векторни икони визуално покажете всеки слайд. Иконите работят като метафори за всяка точка, и помощ продават функциите на потребителя.

Ако нямате умения да проектирате икони от нулата, винаги можете да ги използвате безплатни пакети с икони в своя полза. Много дизайнери освобождават работата си безплатно и лесно включете тези икони във вашите екрани.

Можете да преминете отвъд статичните икони включва анимация също. Да вземем за пример финансовия процес, създаден от Ярослав Жмак.

Той използва много икони но също поставя анимации във всеки раздел. Научавате какво прави приложението чрез визуални подсказки така че да привлечете вниманието ви.

Обърнете внимание, че всеки слайд за качване има и текстово описание. Това е истинското месо на посланието, защото то казва на потребителите какво могат всъщност правя с приложението. Понякога може само текстова страница чувствам се като задушен колеж все пак. Използвайте визуализации и анимации, за да подправите всяка част от процеса.

Функции за показване в действие

Опитвам се да избягвайте да посочвате очевидните характеристики или принуждаване на потребителите да запомнят всички отделни части на приложението. Също така се опитайте да избягвайте основни изявления които насочват потребителите около приложението “това е главното меню, това е екранът на приятелите”, Вместо това се опитват да се съсредоточат върху това, което тези неща мога да направя, и как потребителя може да взаимодейства с тези области.

Тази стратегия напомня старата маркетингова поговорка “не продавайте пържола, продавайте шипенето”. Искате да продадете приложението чрез ползите за потребителя, не чрез произволни функции и елементи от менюто.

Например, този дизайн, създаден от Prakhar Sharma, ви води през целия процес на работа във вашата банкова сметка.

Дизайнът предлага естествен поток за да ви помогне да започнете, и да ви води на всяка стъпка от пътя. Този процес на включване принуждава потребителите поемам инициатива което в крайна сметка е основната цел.

Можете също така покаже характеристиките в действие чрез демонстрация или можете да помогнете на потребителите да предприеме действия чрез бордовия процес. И двата метода насърчава действията спрямо потреблението което обикновено води до по-ангажирани потребители.

Намерих още един хубав пример за екран, създаден от Riko Sapto Dimo. Той използва визуализации и икони, за да предаде съобщение, но също така помага на потребителя предприемете действия, преди да се гмуркате в приложението.

След “Как работи” екран, на който можете да изберете създаване на известия с едно натискане на бутон. Това е страхотна стратегия защото много потребители напълно ще забравят за приложението, но с се появяват известия те ще евентуално да го използвате отново (или забранете известията).

Можете също да добавите бутони за активиране или деактивиране на функции във всеки момент от процеса на качване. Тези функции могат да се отнасят до абонаменти за бюлетин, следване на други профили или дори абонирате се за актуализации. Просто ангажирайте потребителите, и им помогнете започнете да предприемате действия. От там става по-лесно дръжте ги закачени.

Показвайте едновременно една функция

Повечето екрани показват определени функции и ви преместват през процеса от началото до края. Не бързайте потребителите, и определено не тласкайте куп информация на екрана.

Ключът към запазване на интереса и развълнуването на новите потребители е поддържате фокус и покажете една функция в даден момент. Ако бутате твърде много върху екрана, тогава потребителите могат чувствам се претоварени. Ако процесът на качване е прекалено скучен, хората ще се отегчат и ще се откажат.

Всеки екран трябва да има поне една нова информация това е ценно за потребителя. Можете да направите това и в мрежата с a подход на модален прозорец / диалогов прозорец. Все пак трябва да запазите се съсредоточи върху една тема в даден момент да привлече вниманието къде принадлежи.

Екипът на Dropbox планира ново настолно приложение с onboarding, а Wes O'Haire сподели този пример в своя Dribbble профил.

Всичко за този екран се чувства много естествено. Имате синя лента колко далеч в процеса на борда ти си отишъл. След това също имате ясни указания се движат стъпка по стъпка чрез процеса. Има и a бутон за връщане назад в случай, че потребителят забрави някоя от предишните стъпки или просто иска рекап.

фокус е името на играта и този дизайн поддържа потребителите фокусирани върху действията. До края на този onboarding процес, новите потребители трябва да могат удобно използване приложението Dropbox на работния плот, за да качите, изтеглите и изпълните всички други действия, от които се нуждаят.

И помнете това ползи продават по-добре от функциите. обяснявам какво получава потребителят от приложението а не колко бързо се изпълнява или колко профила може да имате.

Горният пример включва няколко екрана от приложение за назначаване на здраве / лекар, наречено Qikwell. Всеки слайд показва една основна характеристика насочени към ползата на потребителя (наличност на назначаването и общо # в ред).

Последният слайд също има малък “Първи стъпки” връзка към насочете потребителите към следващата стъпка. Това би увеличило видимостта на тази връзка, за да насърчи ангажираността, но просто да я има, има страхотна идея.

Не забравяйте да пазите всичко просто и ясно. Всяка стъпка от процеса трябва да има цел или да научи потребителя или да им помогне да се придвижат по-нататък в приложението.

Приключете с действие

До края на процеса на включване трябва да имате потребители, които знаят какво предлага приложението, какво могат да направят, и защо те трябва да го използват. Все пак те биха могли нужда от натиск действително да предприемем действия и да направим нещо.

Винаги завършвайте на борда си с някакъв вид връзка или бутон кара потребителя да започне някъде. Това може да е страница с настройки, страница в потребителския профил, потребителски екран за потока или нещо подобно.

Най-доброто препоръчаните действия ще варират въз основа на целите на приложението ви. Приложението за хранене може да насърчи новите потребители да започнат да записват своите храни за деня, но приложението за социални мрежи може да изпрати потребители на екран на потребителския профил или на препоръчан списък с потребители да последвам.

В този дизайн на приложението от Oktafian Nugraha ще забележите голям оранжев цвят “Да започваме!” бутон в долната част на последния слайд. Това е супер ярко и доста трудно да се пропусне.

Този краен бутон за действие може да води навсякъде толкова дълго, колкото крайната цел е запазването на потребителите. Залепете този бутон в процеса на качване и уверете се, че е видима. Ако потребителите завършат onboarding и не виждат бутон, който биха могли да завършат чувствам се в капан и просто напусни.

Това е доста трудно да се бърка това, така че просто планиране на типичен потребителски поток, и се уверете, че сте връзка към подходяща страница в края на процеса на качване. Ако на борда е свършил работата си, новите потребители трябва вече знам какво да правя от там.

Окончателен поглед

Всеки нов проект трябва да има някакъв вид наръчник за помощ или процес на включване за нови потребители. Това е най-бързият начин насочва нови потребители, и към задържане на повече хора с мобилното си приложение, уебсайта или програмата за настолни компютри.

Естетика на дизайна са важни, но потребителският опит надделява всичко. Когато е направено правилно, процесът на качване трябва да бъде образователни и се надяваме малко забавно!