Онбординг в мобильном приложении

Как и когда писать. Ещё про приоритеты и интерактив


Вы читаете бесплатный выпуск из рассылки «Текст в интерфейсе». 
В этом выпуске будет мало про буковки и много ‒ про логику и кейсы. 
Если нужно разобраться с основами текста в интерфейсе, почитайте короткий гайд для UX-писателя и дизайнера. 

Онбординг ‒ знакомство с продуктом или фичой. Появляется в двух случах: когда человек первый раз открывает приложение и если в приложении что-то изменилось и об этом нужно рассказать.

Задача онбординга  ‒  чтобы человек всё понял про продукт и начал им пользоваться. 

Есть четыре типа онбординга. Сейчас с ними и разберёмся ↴


Инструкция

Онбординг рассказывает, как пользоваться приложением и что ждёт внутри.


Яндекс.Еда

Приложение рассказывает, как заказывать и получать еду.


Сценарий из жизни

Онбординг показывает, что будет, если начнёте использовать приложение.

Яндекс.Шеф

Крутой вариант, когда текст и не очень-то нужен. Всё внимание на фотографии 360˚:  что привезли в коробках, как выглядят продукты и как весело готовить семьёй. 

По моему опыту, если есть шанс сделать интерактив, нужно его сделать. Он вовлекает круче, чем стоковые иллюстрации и подписи к ним.


Персонализация 

В онбординге спрашивают, с какой задачей пришёл человек и как ему удобно её решить. Потом приложение настраивает нужный тариф или профиль.

Headspace

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


Онбординг ради онбординга

Такое часто бывает. И часто приводит к бардаку на экране и плохому UX. Вот пример, который собрал в себе все ошибки ↴


Anydo 

Кажется, тут в онбординг вмешались маркетологи и попросили поставить все возможные поля для сбора данных: почту, гугл, фейсбук. 

При этом текст в онбординге всё равно нужен. Вот и написали общие фразы, которые не говорят, что ждёт пользователя в приложении.

О том, что текст не влезает на кнопки и на экране есть ещё три ссылки (зачем?)  говорить не буду. Это и так видно, и это ужасно.

Элементы на экране создают ощущение беспорядка и не помогают онбордить. 


Алярм, домашка! 
Попробуйте переделать этот экран. Требования такие: слоган и регистрацию через почту и фейсбук убирать нельзя. С остальным делайте, что хотите. 
Свои примеры скидывайте в чат. Будем обсуждать.
Ссылка на чат приходит в велкам-письме, после подписки на рассылку.


Как выглядит онбординг

Стандарт ‒ картинка, текст, прогресс бар и кнопка, чтобы зарегистрироваться. Такое проще делать и подходит почти для всех сценариев.

Но, можно и по-другому: видео, гифкой или ботом.


Miro

Перед тем, как попадаешь на доску, ребята показывают гифки с новыми фичами. Сразу понятно, как их найти и использовать.



Asos

Когда открываешь приложение, оно сообщает об обновлениях. Текст, конечно, тут не самый лучший, но благодаря картинкам всё понятно: у тебя есть вишлист, теперь им можно поделиться по ссылке.



Яндекс.Драйв

Ребята онбордят (и одновременно регистрируют) с помощью бота. 

Правда, есть только один вариант ответа и свой добавить нельзя. И пропустить онбординг тоже не получится ‒ такое вот условие у сервиса.


На экране несколько новых фич. Как про них рассказать

Для начала нужно определиться с приоритетами: когда показываем сообщение, для всех или только каким-то группам.

Примерные дизайнеры и писатели могут даже составить табличку с приоритетами. В неё прописать сценарии, когда человек увидит сообщение, что там будет написано и как будет выглядеть. 

Такая табличка помогает при редизайнах или выкатке 10 и больше обновлений разом.

Вот так один онлайн-банк онбордит после редизайна 

Обычно онбординг о новых фичах в приложении ‒ это поповер: сообщение поверх основного экрана. Оно не закрывает всю рабочую поверхность и его удобно скрыть. 

Notion

Вот, например, в Notion рассказали о новом поиске. А через день в этом же углу экрана был новый онбординг ‒ о том, как они хранят обновления.  

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


Аптеки.ру

А вот неудачный пример онбординга. Показывают сразу две фичи, много текста, непонятно, куда смотреть. 

А что в итоге

Онбординг может быть любым: иллюстрации, текст, гифка или чат-бот. Чётких правил по тексту тоже нет (🤷). Всё зависит от бизнес-задач и tone of voice. 

Главное ‒ показать, как работает приложение и какой от него толк.

Если сообщаете о новых фичах внутри приложений, подумайте о приоритетах: когда, кому и при каких условиях их показывать. 


Онбординг в Notion. Есть всё: гифки, картинки, поясняющий текст.


Вопросы для самопроверки

  • Всегда ли стоит делать онбординг?
  • Совместить онбординг и регистрацию. Так можно?
  • Что делать, если на одном экране несколько обновлений и о них нужно рассказать?

Увидели интересный онбординг? Присылайте скрины в мне в Телеграм: @IrinaGriaznykh

Become a patron to

40
Unlock 40 exclusive posts
Listen anywhere
Connect via private message