Ответ
Онбординг пользователей: дизайн пустых страниц Опции темы
Старый 25.02.2016, 22:33
  #1
Nataly
 
Регистрация: 30.07.2014
Сообщений: 474

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

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

Jon Phillips, дизайнер интерфейсов и разработчик @ UX Booth, сказал нам следующее:

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

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

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

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

Не стоит пренебрежительно относиться к этому вопросу. Данные страницы нужно постоянно усовершенствовать, чтобы убедиться, что они актуальны и соответствуют потребностям клиента».


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

Проанализировав ценовые стратегии 100 SaaS-компаний, сегодня мы выбрали 20 из них, чтобы проанализировать, как они используют пустые страницы. Изучив их, мы выделили восемь основных категорий:

1. Информационные панели с данными, заполненными по умолчанию: AcuityScheduling, Freshdesk

2. Информационные панели, заполненные тестовыми данными: Breezy, Groove

3. Руководство: Mixpanel

4. Призыв к действию: Campaign Monitor, Zengine

5. Отсутствие пустого пространства: Mouseflow, Kissmetrics

6. Смешанная категория: Basecamp

7. Пустая панель: 123contactform, Google Analytics

8. Демонстрация всех опций: Mailigen, TalentLMS

1. Информационные панели с данными, заполненными по умолчанию

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

Acuity Scheduling





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

FreshDesk





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

2. Информационные панели, заполненные тестовыми данными

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

Breezy





Breezy отображает экран с демонстрационными данными, где вы сможете отслеживать кандидатов на размещаемые вакансии.

Groove





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

3. Руководство

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

Mixpanel





В Mixpanel для каждой функции создано свое видео. Когда вы первый раз заходите в приложение, вас перенаправляют в раздел «Segmentation». Каждое видео объясняет, как работает функция, и показывает, как можно ее использовать.

4. Призыв к действию

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

CampaignMonitor





В случае CampaignMonitor это означает, что вы должны создать свою первую кампанию. Вас направляют на страницу, которая попросит вас пройти дальше и приступить к созданию кампании.

Zengine





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

5. Отсутствие пустого пространства

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

Mouseflow





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

Kissmetrics





То же самое касается и Kissmetrics. Пока вы не установите код на сайт, вы не сможете пройти дальше этого экрана и увидеть другие опции приложения.

6. Смешанная категория

Basecamp





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

7. Пустая панель

В данном случае пользователь видит панель без каких-либо данных. Вы должны осуществить какое-то действие (внедрить код отслеживания), прежде чем появится какая-то информация.

123contactform





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

Google Analytics





То же самое можно сказать о Google Analytics. Сначала необходимо установить код отслеживания на сайт, и только после этого на панели появятся данные.

8. Демонстрация всех опций

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

Mailigen





Это экран, который вы видите после первого входа в систему. Хотя вы можете изучить Mailigen за 3 простых шага, на первый взгляд все кажется немного запутанным, потому что вы понятия не имеете, куда нужно кликать в первую очередь.

TalentLMS





То же самое касается TalentLMS. Хотя для всех опций есть краткие объяснения, я не уверен, какую из них следует открывать сначала.

Посмотрев, как другие SaaS-компании организовывают пустое пространство, следующий шаг - вернуться в свое приложение и выбрать тот вариант, который больше всего подойдет вашему продукту и пользователям.
Нравится 0   Не нравится 0
Пожаловаться на это сообщение 0  
Ответить с цитированием

Ответ
 
 

Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Топ 7 инструментов для онбординга пользователей Nataly Статьи 0 24.06.2015 00:44
Стратегии повышения вовлеченности пользователей Nataly Аналитика 0 21.08.2014 11:31
12 типов постов для привлечения пользователей Midas Статьи 0 28.04.2014 19:09
Когда Ловить Bittorrent Пользователей Skull Аналитика 14 10.02.2014 22:43
15 распространённых ошибок пользователей WordPress stomatolog Хостинг 6 02.02.2013 12:45

Метки
онбординг, опыт пользователя, приложение, пустые страницы


Здесь присутствуют: 1 (пользователей: 0, гостей: 1)
 
Опции темы

Быстрый переход


Текущее время: 13:01. Часовой пояс GMT +3.