Записки дизайнера
Метрики для продуктового дизайнера

NPS

Нельзя оптимизировать интерфейс, чтобы «поднять NPS».

Это создаёт ложные паттерны:
  • Плохо: Добавить всплывающий виджет с просьбой поставить 10 сразу после регистрации. NPS краткосрочно взлетит, но продукт не станет лучше.
  • Хорошо: Найти через качественные ответы на вопрос «почему вы поставили 7?» конкретную точку трения (например, «неудобно выгружать отчёт») и перепроектировать именно этот сценарий.
Коротко: NPS — градусник. Дизайнер не лечит градусник, он лечит интерфейсные «симптомы», которые этот градусник выявил.

Ценность продукта

Отражает ключевую ценность, которую получает пользователь.
Как влиять через интерфейс:
  • Упрощать путь к «моменту чуда», убирая лишние шаги и отвлекающие элементы.
  • Визуально подсвечивать ключевую функцию, ради которой пользователь пришёл в продукт.

Рост

Метрики:
  • Конверсия в регистрацию (Sign-up rate)
  • Процент завершения онбординга
  • Time to Value (время до первой ценности)
Как влиять через интерфейс:
  • Социальное доказательство на лендинге (отзывы, кейсы).
  • Пошаговый онбординг (прогресс-бар, тултипы) вместо пустого состояния экрана.
  • Убрать обязательность ввода данных, которые можно запросить позже (ленивая регистрация).

Удержание

Метрики:
  • DAU / WAU / MAU (активные пользователи)
  • Sticky factor (DAU / MAU)
  • Retention Rate (1-й, 7-й, 30-й день)
  • Глубина использования ключевой фичи (Feature Adoption)
Как влиять через интерфейс:
  • Персонализированные уведомления и email-триггеры о незавершённых действиях.
  • «Бесконечная лента» с релевантным контентом для увеличения времени сессии.
  • Геймификация (прогресс, ачивки) для формирования привычки.
  • Блок «Продолжить» на главном экране, чтобы быстро возвращать пользователя к прерванной задаче.

Конверсия в покупку/подписку, ARPU, Churn Rate

Метрики:
  • Конверсия в покупку / подписку
  • Средний чек/Выручка на пользователя (ARPU)
  • Отток платящих пользователей (Churn Rate)
Как влиять через интерфейс:
  • Прозрачные триггеры апгрейда в контексте (заблокированная функция с кнопкой «Открыть доступ» именно тогда, когда она нужна).
  • Чёткая сетка сравнения тарифов с визуальным выделением самого выгодного.
  • Упрощение процесса отмены подписки с предложением «паузы» вместо полного отказа.

Виральность

Метрики:
  • K-factor (коэффициент виральности)
  • Приглашения на пользователя
Как влиять через интерфейс:
  • Нативная кнопка «Поделиться» сразу после создания результата (например, скачанный отчёт или сгенерированное изображение).
  • Состояние коллаборации: если объектом пользуются в одиночку — подсвечивать пустые аватарки команды с призывом пригласить коллегу.
  • Встроенные реферальные ссылки в интерфейсе профиля.

Task Success Rate (TSR), Time on Task, Error Rate, Learnability

Показывают, насколько легко пользователю выполнить задачу.
Метрики:
  • Task Success Rate (TSR) — % пользователей, успешно завершивших ключевой сценарий.
  • Time on Task — время выполнения конкретной задачи.
  • Error Rate — количество ошибок на сценарий (например, ввод невалидных данных).
  • Learnability — как быстро пользователь начинает выполнять задачу без подсказок при повторных визитах.
Как влиять через интерфейс:
  • Юзабилити-тестирование макетов до разработки.
  • Понятные лейблы полей и масок ввода (например, для телефона или даты).
  • Превентивные валидации и понятные сообщения об ошибках.
  • Консистентность элементов: одинаковые действия выглядят и работают одинаково во всём продукте.

Click-through Rate (CTR), Скорость/глубина скролла, Rage Clicks/Dead Clicks

Отражают, как пользователь взаимодействует с элементами экрана.
Метрики:
  • Click-through Rate (CTR) — % пользователей, кликнувших на целевой элемент.
  • Скорость/глубина скролла — до какого экрана доскролливают лендинг или страницу.
  • Rage Clicks / Dead Clicks — серии быстрых кликов по неинтерактивному элементу или по области, где ничего не происходит.
Как влиять через интерфейс:
  • Визуальная иерархия: главная кнопка контрастная, второстепенная — ghost-стиль.
  • Вёрстка блоками «на первом экране», чтобы стимулировать скролл.
  • Кнопка должна выглядеть как кнопка, ссылка — как ссылка.
  • Показывать пользу от заполнения необязательного поля прямо в плейсхолдере или хинте.

CES, Рефреш страницы, Pogo-sticking, CSAT

Прямые сигналы, что в интерфейсе что-то бесит.
Метрики:
  • CES (Customer Effort Score) — оценка усилий пользователя для решения задачи (опрос: «Насколько легко вам было сделать X?»).
  • Рефреш страницы — частые перезагрузки как признак зависания или непонимания, что делать дальше.
  • Переходы туда-обратно (Pogo-sticking) — быстрые возвраты с одной страницы на другую.
  • CSAT (Customer Satisfaction Score) — точечная оценка удовлетворённости интерфейсом.
CSAT (%) = (Количество оценок «4» и «5» / Общее количество всех ответов) × 100%
Пример:
Вы показывали опрос после оформления заказа. 200 человек ответили.
Из них 150 поставили 4 или 5.
CSAT = (150 / 200) × 100% = 75%
Хорошим считается показатель выше 80%.
Как влиять через интерфейс:
  • Микро-взаимодействия и скелетоны загрузки, снижающие ощущение ожидания.
  • Опросы прямо в интерфейсе в момент завершения сценария.
  • Кнопка «Назад» с сохранением введённых данных, чтобы ошибка не обнуляла прогресс.
  • Чистые пустые состояния с чётким CTA, а не просто «Здесь ничего нет».

Метрики доступности (Accessibility, A11y)

Показывают, насколько интерфейс инклюзивен и удобен для всех групп пользователей.
Метрики:
  • Accessibility Score — баллы Lighthouse или Axe.
  • Контрастность текста и интерактивных элементов (соответствие стандарту WCAG AA/AAA).
  • Достижимость элементов с клавиатуры (Tab Order, Focus Trap).
  • Процент изображений с alt-текстом и видео с субтитрами.
Как влиять через интерфейс:
  • Дизайн-система с зашитыми токенами цветов, прошедшими проверку на контраст.
  • Всегда видимый фокусный контур при навигации с клавиатуры.
  • Не полагаться только на цвет для передачи смысла (дублировать иконками или текстом).
  • Верстка с семантической структурой заголовков.
Связка фронтенда и дизайна, влияющая на удержание.