Проектування Onboarding процес, який насправді допомагає користувачам дізнатися

Стрибки в нову програму зазвичай приходить з боротьбою вивчення того, як вона працює. Ви можете отримати це повісити швидко, але завжди є процес навчання. Мета на борт це до запровадити нових користувачів на веб-сайт, програму або програму. З набором, ви повинні навчати індивідуальні особливості, як вони працюють, і як додаток пропонує значення користувачеві.

У недавньому повідомленні ми розглянули пересувні екрани на які зосереджені дизайни та стилі вмісту. У цій публікації я хочу поділитися порадами щодо досвіду користувачів і процесу маркетингу керування користувачем через процес ввімкнення.

Використовуйте зображення та діаграми

Графіка і візуальні елементи може пояснити користувачеві набагато краще, ніж слова. Покладайтеся на візуальні ефекти, щоб допомогти направляти користувачів через процес по мірі необхідності. Це цінна стратегія, тому що вона привертає увагу до процесу вбудовування і уточнює наміри. З візуальною метою ваша мета показувати, а не розповідати.

Ви можете зробити це багатьма різними способами повні скріншоти, невеликі значки або ілюстрації / векторна графіка що вписуються в робочий процес проектування. Візьмемо, наприклад, цей екранний інтерфейс від дизайнера Салмана Шаха.

Він використовує векторні іконки візуально показувати кожен слайд. Ікони працюють як метафори для кожної точки, і допомога продати функції користувачеві.

Якщо у вас немає навичок для розробки іконок з нуля, ви завжди можете використовувати безкоштовний значок пакети на вашу користь. Багато дизайнерів звільняють свою роботу безкоштовно, і ви можете легко включіть ці ікони у ваші екрани.

Ви можете вийти за межі статичних піктограм включають анімацію так само. Візьмемо, наприклад, процес планування, заснований Ярославом Жмаком.

Він використовує безліч ікон але також розміщує анімацію в кожному розділі. Ви дізнаєтеся, що програма робить через візуальні підказки що анімація привернути вашу увагу.

Зверніть увагу на те, що кожен слайд має також текстовий опис. Це справжнє м'ясо повідомлення, оскільки воно говорить користувачам, що вони можуть насправді робити з додатком. Іноді текстова сторінка може відчуваю себе задушливим підручником коледжу хоча. Використовуйте візуальні ефекти та анімацію, щоб пожвавити кожну частину процесу набору.

Функції відображення в дії

Спробувати уникнути очевидних особливостей або змушують користувачів запам'ятовувати всі окремі частини програми. Також спробуйте уникати основних тверджень , які спрямовують користувачів по всьому додатку “це головне меню, це екран друзів”, Замість цього спробуйте зосередитися на тому, що ці речі можна зробити, і як користувач може взаємодіяти з цими областями.

Ця стратегія нагадує стару маркетингову приказку “не продайте стейк, продайте шипіння”. Ви хочете продати додаток через його переваги для користувача, не через довільні функції та пункти меню.

Наприклад, цей дизайн, створений компанією Prakhar Sharma, веде вас через повний процес роботи на вашому банківському рахунку.

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

Ви також можете показувати функції в дії через демонстрацію, або ви можете допомогти користувачам вживати заходів через процес бортування. Будь-який метод заохочує дії над споживанням що зазвичай призводить до більш залучених користувачів.

Я знайшов ще один приємний приклад екрану додатка в стилі YouTube, створеного Riko Sapto Dimo. Він використовує візуальні ефекти та іконки для передачі повідомлення, але також допомагає користувачеві вживайте дії, перш ніж зануритися в програму.

Після “Як це працює” Екран можна вибрати налаштувати сповіщення натисканням кнопки. Це велика стратегія тому що багато користувачів повністю забудуть про програму, але з сповіщення з'являються вони будуть згодом використовувати його знову (або вимкнути сповіщення).

Можна також додати для вмикання або вимикання функцій в будь-якій точці процесу вбудовування. Ці функції можуть стосуватися підписок на розсилку новин, інших облікових записів або навіть підписка на оновлення. Просто залучати користувачів, і допомогти їм почати вживати заходів. Звідти легше тримайте їх на гачок.

Показувати одну функцію одночасно

Більшість екранів відображає певні функції та переміщує вас через процес від початку до кінця. Не поспішайте з користувачами, і безумовно не засуньте купу інформації на екрані.

Ключ до зацікавленості та захоплення нових користувачів - це підтримувати фокус і демонструвати одну функцію одночасно. Якщо ви засунете надто багато на екран, то користувачі зможуть відчувати себе перевантаженим. Якщо процес в'їзду занадто нудний, то люди будуть нудьгувати і кинути палити.

Кожен екран повинен мати принаймні одна нова інформація це корисно для користувача. Ви також можете зробити це в Інтернеті за допомогою підхід модального вікна / діалогового вікна. Проте ви все одно повинні тримати зосередитися на одній темі за раз звернути увагу, куди вона належить.

Команда Dropbox планує новий настільний додаток з вбудованим пакетом, і Уес О'Хейр поділився цим прикладом на своєму обліковому записі Dribbble..

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

Фокус це назва гри, і цей дизайн зберігає користувачів зосереджені на діях. До кінця цього процесу інкорпорації нові користувачі повинні мати можливість зручно користуватися додаток Dropbox на робочому столі, щоб завантажити, завантажити та виконати будь-які інші необхідні дії.

І пам'ятайте про це переваги продаються краще, ніж функції. Поясніть що користувач отримує з програми замість того, як швидко він працює або скільки профілів ви можете мати.

Наведений вище приклад містить декілька екранів із додатку призначення здоров'я / лікаря, який називається Qikwell. Кожен слайд демонструє одну основну функцію націлені на користь користувача (доступність призначення та загальна кількість у рядку).

Останній слайд також має невеликий “Почати” посилання на направляти користувачів на наступний крок. Це підвищило б видимість цього зв'язку, щоб заохотити участь, але просто мати його є чудова ідея.

Не забувайте зберігати все простий і зрозумілий. Кожен крок процесу повинні мати мету або навчити користувача, або допомогти їм перейти до програми.

Завершіть дію

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

Завжди припиняйте свій onboarding певним типом посилання або кнопки запускає користувача, щоб почати десь. Це може бути сторінка налаштувань, сторінка профілю, екран потоку користувачів або щось подібне.

Кращий рекомендовані дії будуть різними на основі цілей вашої програми. Додаток для харчування може заохотити нових користувачів розпочати реєстрацію продуктів на день, але програма для соціальних мереж може надсилати користувачів на екран профілю або рекомендований список користувачів слідувати.

У цьому додатку дизайн Oktafian Нуграха ви помітите великий апельсин “Давайте розпочнемо!” внизу останнього слайда. Це супер яскраво і досить важко пропустити.

Кнопка остаточної дії може привести будь-коли до тих пір, поки не буде кінцевою метою є утримання користувачів. Вставте цю кнопку у ваш процес ввімкнення переконайтеся, що він є видимим. Якщо користувачі завершують вхід, і не бачать кнопки для завершення, вони можуть відчувати себе в пастці і просто вийдіть.

Це дуже важко зіпсувати це, так просто розробити типовий потік користувачів, і переконайтеся, що ви посилання на відповідну сторінку в кінці процесу включення. Якщо на борту було зроблено свою роботу, то вже мають бути нові користувачі знати, що робити звідти.

Остаточний погляд

Кожен новий проект повинен мати певний тип довідкового посібника або процес входу для нових користувачів. Це найшвидший шлях направляти нових користувачів, і до залучати більше людей за допомогою програми для мобільних пристроїв, веб-сайту або настільної програми.

Естетика дизайну важливі, але користувальницький досвід переважає все. Коли все зроблено правильно, процес в'їзду повинен бути освітній і, сподіваюся, трохи весело!