Онбординг для пользователя: когда нужен, а когда — нет

Онбординг — элемент интерфейса, который подсказывает пользователю, что и где расположено в продукте, или подсвечивает новые функции. Онбординг также помогает быстрее достичь целей — например, указать на новые условия пользования или на новую фичу.

Обычно онбординг проводится при первом запуске продукта. Его задачи:
📌 Познакомить пользователя с продуктом и обучить его. На этом этапе бизнес может рассказать клиенту о потенциальной выгоде. Также онбординг необходим, если ваш продукт сложный для пользователя. Как показывает статистика, 74% клиентов не будут пользоваться услугами бренда и уйдут к конкурентам, если процесс покупки будет для них трудным.

📌Вовлечь клиента в продукт. Положительный опыт взаимодействия клиента и бренда влияет на цифры: 69% клиентов посоветуют компанию знакомым, а 50% будут чаще пользоваться услугами компании.

📌 Удержать пользователя. Онбординг также необходим, если в продукте появились новые функции или по метрикам становится понятно, что клиенты стали реже пользоваться продуктом. 75% клиентов продолжат пользоваться продуктом, если они будут удовлетворены.

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

Самые распространенные виды онбординга👇
📌 Модальные окна. Используются для мобильных приложений.
📌 Поп-апы, тултипы и поп-оверы. Используются на сайтах и веб-сервисах.
📌 Электронные письма с инструкцией.
📌 Чат с поддержкой.

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

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

Онбординг — важный этап создания положительного пользовательского опыта и удержания пользователей в продукте. Он помогает быстрее освоиться с функциональностью и возможностями приложения, создает первое впечатление и снижает отток посетителей.

Источники:
— 80 Customer Service Statistics: 8 Lessons to Fuel Growth in 2020 and Beyond
— Customer Onboarding Statistics 2020
— Customer Acquisition Vs.Retention Costs – Statistics And Trends

Поговорим о модульности

Солнечные батареи, конструктор Лего, "хрущевки" — в основе этого лежит принцип модульности, при котором из небольших элементов строится новый продукт или развивается существующий. Принцип модульности есть и в продуктовом дизайне. Смысл в том, чтобы создавать отдельные модули независимо друг от друга, а затем из них собирать макет.

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

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

Плюсы модульного проектирования:
😎 Модульность помогает соблюдать единообразие в дизайне продукта. Макеты строятся из модулей с заготовленными внутренними и внешними отступами и правилами верстки.

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

😎 Модульный дизайн экономит время. Дизайнерам достаточно спроектировать модули и написать правила использования, а потом быстро собрать нужный макет.

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

Ниже подробнее о некоторых👇

Одни дизайнеры работают с графикой, вторые — изучают поведение людей и проводят исследования, третьи — проектируют сложные интерфейсы. Скорректировав немного утверждение Стива Джобса, скажем:

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

Рассказываем, какие специалисты в области дизайна существуют и как их различать🛠

📌Графический дизайнер.
Что делает: передает информацию с помощью графики — шрифтов, текста или иллюстраций. В этой профессии много направлений: брендинг и фирменный стиль, реклама, навигация, печатные издания. Также графические дизайнеры работают в вебе: например, рисуют иконки, баннеры или помогают адаптировать фирменный стиль для сайта или приложения.

Ценность для бизнеса:
Графический дизайнер воплощает идеи и бизнес-требования в визуальные решения, которые передают нужные сообщения для потребителей.

📌Веб-дизайнер
Что делает: работает над внешним видом сайтов, может создавать промо-страницы, лендинги и баннеры. Его основная задача — сделать так, чтобы продукт был удобным и привлекал внимание пользователей.

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

📌UX/UI-дизайнер
Что делает: проектирует интерфейсы. UX (user experience) — скелет продукта: архитектура, проработанные сценарии и пользовательские пути. UI (user interface ) — внешний вид интерфейса: кнопки, цвета, типографика, анимация.

Ценность для бизнеса:
UX/UI-дизайнер проделывает большой объем работы: собирает информацию от бизнеса, изучает ЦА будущего продукта и составляет её портрет, проводит аудит конкурентов. Основная задача — предоставить пользователю удобный и доступный продукт, в том числе с помощью исследований. UX/UI-дизайнер также отвечает за визуальную часть интерфейса: цветовая палитра, сетка, UI-кит, типографика. UX/UI-дизайнер берет во внимание те показатели, которые важны для бизнеса: конверсия, стоимость привлечения одного клиента, средний доход с пользователя и отток клиентов.

📌CX-дизайнер
Что делает: CX (Customer experience) — опыт, который формируется у клиента при его взаимодействии с компанией, предоставленными ей продуктами и услугами. CX-дизайнер улучшает опыт этот взаимодействия на всех точках соприкосновения.

Ценность для бизнеса:
CX-дизайнер фокусируется на всем жизненном цикле потребителя: с момента, когда клиент впервые слышит о компании, до отзыва о ней. СХ-дизайн включает в себя и разработку продукта, и рекламу, и механику продаж, и стандарты обслуживания. CX-дизайнеры проводят анализ отношений между аудиторией и брендом, повышают уровень доверия и удовлетворенности клиентов.

📌Продуктовый дизайнер
Что делает: формирует концепцию цифрового продукта и определяет, как с ее помощью решить проблемы потребителя. Продуктовый дизайнер вместе с менеджментом ведет продуктовую команду к воплощению стратегии, учитывая ограничения и потребности рынка и технологий. Такой специалист постоянно «варится» внутри отрасли и имеет глубокое понимание аудитории, целей и задач бизнеса.

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

📌Дизайнер 3D-графики
Что делает: 3D-дизайнер — специалист по трехмерной графике, который моделирует, визуализирует и анимирует объемные реалистичные объекты разной сложности. 3D-графика используется в интерфейсах, промышленности, рекламе, телевидении, интернет-маркетинге и других отраслях. Дизайнер 3D-графики умеет изобразить несуществующий объект так, что вы никогда не усомнитесь в его реальности.

Ценность для бизнеса:
Визуализатор проектирует то, чего в реальном мире еще нет, чтобы помочь заказчику представить, как это будет выглядеть. Дизайнер 3D-графики предоставляет возможность тщательно просчитать и просмотреть все нюансы модели. В интерфейсах сайтов и приложений все чаще встречается анимированная графика, которая привлекает внимание, удерживает пользователя и является конкурентным преимуществом компании.

📌Fullstack-дизайнер
Что делает: владеет компетенциями фронтенд-разработчика и дизайнера. Он способен с нуля создать цифровой продукт: не только спроектировать структуру сайта или приложения, определить дизайн элементов, но и самостоятельно построить его архитектуру и пользовательский интерфейс.

Ценность для бизнеса:
Комплексный взгляд на продукт — главное преимущество fullstack-дизайнера для бизнеса. Они не выполняют все работы, связанные с созданием продукта, но хорошо знают технологии всех этапов, что помогает им оптимизировать рабочие процессы. Знание технологий разработки и дизайна позволяет предвидеть ограничения, которые накладываются на продукт.

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

📌Motion-дизайнер
Что делает: анимирует иллюстрации и графику. Его задача — оживить графическую идею, привлечь и удерживать внимание к продукту.

Ценность для бизнеса:
Видео и анимированная графика – неотъемлемая часть цифровых продуктов. Motion-дизайнер поможет не только сделать эффектную анимацию для приложения или сайта, но и смонтировать продающий ролик для соцсетей. Анимированная графика помогает донести идею бизнеса до конечного пользователя и создать яркий образ.

📌Дизайнер дополненной реальности
Что делает: вписывает 3D-модели в реальность. Эти 3D-модели не просто существуют, а привязаны к объектам реального мира: улица, лицо, тело, земля, здание... Работает это так: человек заходит в Интернет-магазин, чтобы заказать обувь, и открывает камеру на смартфоне. Далее на экране появляются 3D-модели кроссовок, которые пользователь может виртуально примерить, наводя камеру на ноги.

Ценность для бизнеса:
Продукты таких дизайнеров вызывают любопытство и WOW-эффект, в том числе удивление и желание попробовать вещь или услугу в реальной жизни, рассказать другим об этом продукте. Также это выделяет бизнес среди конкурентов, подчеркивает сильные стороны продукта, позволяет клиентам взаимодействовать с ним.

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

Привет🙂 Сегодня поговорим про типографику, но для начала небольшой #test 🙂