реклама
разместить

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

21 ux-референс туров, обучений и туториалов: акцент, поощрение, персонализация и минимум контента.

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

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

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

Из чего состоит

В обучениях чаще всего используется тултип, который содержит:
— Заголовок;
— Описание;
— Кнопки «Вперед»/«Назад»;
— Кол-во шагов;
— Возможность пропустить;
— Ссылка на более подробное инфо.
Но все зависит от сложности фичи, уровня знакомства пользователя с продуктом, этапом, на котором показываем, и контекстом.

Виды обучалок

Текст — стандарт. Просто описание внутри тултипа. Обычно тултип дергается: появляется в рандомном месте → исчезает и появляется в другом рандомном месте. Пример гугла при выборе темы:

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

Видеоэлементы во время обучения у GitBook:

Аудиосопровождение у Arcade:

Акцент

Затемнение экрана у Стокманн:

Анимация у Google Meet:

Приближение к контенту у Figma:

Размытие экрана фона у Золотого Яблока:

Где обучать

В самом начале пользования продуктом. Например, во время онбординга...

... у TradingView:

В зависимости от страницы где находишься и какое задание выполняешь. Пример Duolingo:

Как взаимодействовать

Туториал не просто «показывает» что где находится, а ты вместе с ним делаешь задания и переходишь на следующий шаг у Craft:

и Toggl:

Есть прогресс-бар

и Readymag. При чем прогресс сохраняется, если с первого раза не получилось:

Возможность узнать больше информации

У сложных продуктов. Например, Binance:

и Figma:

Разделение по задачам

Туториалы разделены по разным задачам и можно запустить в нужный момент у ClickUp:

Поощрения и вознагрождения

после каждого выполнения у Mural:

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

во время онбординга у Dropbox:

Без лишнего текста и описания

просто стрелки у Arc:

просто показать функцию в нужном контексте у Самокат. При чем несколько раз, чтобы запомнить:

Мысли

— Использовать туториалы в самых крайних случаях;
— Постараться сократить кол-во шагов;
— Обучать тогда, когда пользователь дошел до нужной страницы;
— Не просто показывать, а чтоб пользователь сам сделал. Так действие лучше закрепится;
— Как можно меньше текста. Идеальнее всего — у самоката;
— Вознаграждать!

Спасибо за внимание!)

Ещё больше UX-референсов тарифов, туториалов, онбордингов, слайдеров, форм и тд в телеграм-канале.

2626
реклама
разместить
18 комментариев

Самокат "Впереди планеты всей"! Осталось только айфон там купить)

4

Мне больше всего у Авито нравится - более наглядно, как по мне. Но по-моему они эту идею подсмотрели у какого-то забугорного сервиса.

3

У гугла более интуитивно по-моему, поэтому и новичкам более понятно. А вот Arc со своими стрелками - фигня полная. Но оно и понятно - бюджеты совершенно разные у компаний.

1

Понравились:

1. GitBook за красивую анимацию точки
2. Arc за ненавязчивые стрелки
3. Самокат за нативные подсказки функций зе бест оф зе бест

Пользовалась бы сама онбордингом? Нет))
Я за упрощать там, где это возможно по максимуму.

Выбесило через экран: не везде интуитивно было понятно как закончить режим обучения

2

Четко, по факту. Спасибо)

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

2

Комментарий недоступен

2
Раскрывать всегда
Я производил 2 млн пачек, зарабатывал 55 млн ₽, попал в топ маркетплейсов, но всему приходит конец

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

Теперь можно и руки вытереть, и бюджет посчитать 
44
33
реклама
разместить
⭐️Сколько должен стоить доллар?💸

Применяем научный подход в определении справедливого курса

⭐️Сколько должен стоить доллар?💸
1414
Подвели статистику по срокам прибытия грузов
Подвели статистику по срокам прибытия грузов

Подвели статистику по срокам прибытия грузов, которые отправили Быстрым авто через Казахстан и Медленным через Киргизию и Уссурийск за период с 15.12.24 по 15.01.25, результаты в карточках к посту.

Трамп заявил, что в криптовалютный резерв США войдут BTC, ETH, XRP, SOL и ADA — крипторынок отреагировал ростом

Создание резерва поспособствует развитию «критически важной индустрии».

Дополнено в 20:37 мск. Курс BTC вырос до $93,6 тысячи за монету.

99
55
22
вчера стока блинкоинов втарил что сегодня еле лежу
Курс биткоина восстановился до $95000 после сильного падения. При каких условиях стоит ожидать продолжения роста? При каких начинаем корректироваться?

В своем последнем видео-разборе я показывал условия спуска цены в район $74324-80813. Условия были выполнены, движение было исполнено. Также еще до текущего роста, находясь в блоке $74324-80813, в своем канале я показывал, почему произойдет восстановление к текущим отметкам. В каком случае рост продолжится? В каком начнем корректироваться?

33
11
Сколько стоит питание Криштиану Роналду в России, если закупаться во ВкусВилле в 2025 году

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

Обед Роналду – 993 рубля с учетом дофига трески (я все-таки сделал бакаляу из второй рыбины)
3636
66
33
Хочется сказать, что смотря на всех успешных, профессиональных и прочих людей, не забывайте, что ВЫ это не ОНИ. И прежде чем пытаться питаться как ОНИ, лучше сходите к ГАСТРОЭНТЕРОЛОГУ. У каждого своя переносимость тех или иных продуктов и не надо строить из них себе идолов. Питайтесь вкусно и сбалансировано, а вот это всё лишь сторис для рекламы трафика в телеграм для его канала!
SEO мертво? Как ИИ-поисковики перевернули продвижение клиник, гид по выживанию

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

11
Как же меня достали эти созвоны из кофеен!
Как же меня достали эти созвоны из кофеен!

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

2020
22
11
11
Как много воды, неинтересно читать.
[]