Онбординг за 3-5 шагов до первого value

Спроектируй онбординг для: {{product}}. Первое value: {{firstValue}}.

Тезис: онбординг — это самый короткий путь до первого value, не тур по фичам. Если показал кнопки до того, как пользователь почувствовал ценность — он ушёл.

1. Определи "первое value" в одном предложении

Формула: "пользователь сделал X и увидел Y, отчего понял Z".

Примеры:

• Linear: создал задачу и увидел, как она появилась в инбоксе команды → "это быстрее Jira"
• Notion: написал страницу и вставил callout → "это сразу красиво"
• Figma: открыл файл и оставил комментарий → "коллаборация работает"

Если не можешь это написать — у тебя нет цели онбординга, у тебя есть туры.

2. Time-to-Value (TTV) — твоя метрика

Замерь свою точку отсчёта. Цель — сократить в 2 раза.

3. Каркас в 3-5 шагов

Структура (выкинь то, чего нет):

Шаг 1: Кто ты? (минимум персонализации, ≤ 2 поля)
Шаг 2: Что хочешь сделать? (выбор сценария)
Шаг 3: Контекст для первого value (импорт / шаблон / пример)
Шаг 4: Сделай первое действие
Шаг 5: Увидь результат + следующий шаг

Правила:

• 3 шага — идеал. 5 — потолок. 7+ — пользователь не дойдёт.
• Каждый шаг — одно решение. Не "регистрация (email + пароль + имя + телефон + промокод)".
• Есть прогресс-индикатор ("2 из 4") — снижает тревожность.
• Skip на каждом шаге, который не обязательен — иначе люди закроют вкладку.
• Save & continue later — особенно для B2B, где онбординг занимает >5 мин.

4. Friction map

Перечисли все точки трения от посадки до first value. Для каждой — что делать.

Каждое трение — обоснуй: "это здесь потому что …". Если не можешь — выкинь.

5. Drop-off recovery

Главный момент: где пользователи отваливаются — и что ты делаешь.

Авто-email'ы — только если у тебя реально есть что сказать. Иначе это спам.

6. Empty state ≠ онбординг

Не путай. Empty state — "здесь пока ничего нет, вот что появится". Онбординг — "вот как сделать первое". Часто пересекаются, но не одно и то же.

Гибрид: первый раз — empty state с активным CTA на первый шаг; со второго — обычный empty state.

7. Sample data vs blank slate

Решение, которое часто провалено:

• Blank slate. Чисто, страшно, paralysis of choice. Хорошо для тех, кто знает, чего хочет (power user).
• Sample data. Сразу видишь, как выглядит. Хорошо для curious / first-time. Метка "пример" обязательна; кнопка "Очистить и начать своё".
• Templates. Гибрид. "Выберите шаблон" → готовый каркас под сценарий.

Дефолт для B2C/productivity — sample data с яркой меткой.

8. Coach marks / tooltips — правила

• Не больше 3-4 tooltips на сессию
• Появляются по триггеру (новая фича, hover на незнакомом элементе), не валом сразу
• Dismissible навсегда (не "ОК" — а "Got it", и больше не показывать)
• Никогда не блокируют кликабельный UI
• На мобильном — заменяй на bottom sheet, не пытайся точно позиционировать

9. Метрики (что замерить до и после)

• Activation rate — % зарегистрированных, дошедших до first value
• TTV (p50, p95) — медиана и долгий хвост
• Drop-off per step — где конкретно теряются
• D1 / D7 / D30 retention — отложенный эффект онбординга
• NPS на 7-й день — субъективная оценка

Без замеров любой редизайн — гадание.

Формат вывода

1. Карта flow: 3-5 шагов, для каждого — экран + цель + что обязательно/опционально
2. Friction map — таблица, каждое трение оправдано
3. Drop-off recovery — таблица сигналов и ответов
4. JSX/wireframe ключевого шага (где первое value случается)
5. Метрики, которые будут проверять успех
6. Что выкинули и почему (список) — это важнее, чем что добавили

Анти-паттерны

• 12-шаговый product tour с next/next/next до того, как пользователь что-то сделал
• Modal "Welcome to the product!" — захлопывается рефлексом
• Mandatory profile setup до first value
• Видео на 4 минуты вместо контекстной подсказки
• Tour, который нельзя пропустить
• Запрос всех permissions сразу (camera + mic + location + notifications)
• Sample data без метки "пример" — пользователь думает, что это его данные
• Reset весь онбординг, если человек закрыл таб