Дизайнер и метрики
Продуктовый дизайн

Дизайнер
и метрики

Как именно дизайнер работает с данными, что измеряет и с кем разговаривает в продуктовой команде.

01
Старт задачи
Смотрит на данные, находит дроп
02
Проектирование
Формулирует гипотезу через метрики
03
После релиза
Проверяет, сдвинулась ли метрика

Как начинается работа

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

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

Воронка регистрации
Зашли на страницу
1 000
Шаг 1. Охват
1000 пользователей открыли экран регистрации
Это точка входа в воронку. Дизайнер фиксирует это число как базовое и следит за ним в динамике. Если сюда приходит всё меньше людей, проблема скорее всего не в интерфейсе, а в маркетинге или точках входа.
Что смотрит дизайнер: источники трафика, первый экран, понятно ли сразу, что здесь нужно сделать.
Начали заполнять форму
850
Шаг 2. Вовлечение
850 из 1000. Потеряли 15%
Небольшой дроп на первом активном шаге. Это нормально. Дизайнер фиксирует его как baseline и следит: если после изменений дроп тут вырос, значит форма стала непонятнее.
Что смотрит дизайнер: ясность первого экрана формы, наличие лишних полей, понятен ли прогресс (шаг 1 из 4).
Верификация документов
400 ↘ дроп −53%
Шаг 3. Критический дроп
Ушли 450 человек из 850. Это задача
Дроп в 53%. Это сигнал тревоги. Значит что-то на этом шаге критически мешает двигаться дальше: непонятная инструкция, страшный интерфейс загрузки, технический сбой или просто слишком много требуется от пользователя прямо сейчас.
Что делает дизайнер немедленно: открывает Hotjar, смотрит записи сессий на этом шаге. Ищет момент ухода. Спрашивает у поддержки: какие жалобы приходят с этого шага? Формулирует гипотезу и идёт в А/Б тест.
Завершили регистрацию
380
Шаг 4. Конечная точка
CR воронки = 38%. Это и есть базовая метрика
Conversion Rate всей воронки: 380 из 1000. Дизайнер фиксирует это число. После любого изменения, редизайна шага верификации, упрощения формы, смотрит, вырос ли CR. Это и есть способ измерить результат своей работы.
Следующий шаг дизайнера: сформулировать гипотезу (почему люди уходят на верификации?), спроектировать решение, запустить А/Б тест и через 2-4 недели сравнить CR.

С кем разговаривает дизайнер

Продакт
Главный партнёр. Ставит задачи через метрики и принимает решения о приоритетах.
Аналитик данных
Объясняет, как считается метрика, помогает интерпретировать данные и делает нужные срезы.
Разработчики
Подключаются, когда нужно разметить новый шаг событиями в аналитике. Без этого нечего будет измерять.
UX-исследователь
Метрики показывают что происходит. Исследователь объясняет почему. Вместе, полная картина.

Инструменты

Чтобы понять, где именно проблема, дизайнер смотрит данные в специальных сервисах.

Аналитика событий
Amplitude, Mixpanel
Журнал всех действий пользователей: куда нажимают, на каком шаге уходят, сколько времени проводят на экране. Превращён в графики и воронки.
Дашборды
Metabase, Looker
Экраны с ключевыми показателями продукта. Аналитики настраивают, дизайнеры и продакты читают и принимают решения.
Запись сессий
Hotjar, FullStory
Буквально видео поведения: вот человек зашёл в приложение, вот завис, вот нажал не туда и закрыл. Дизайнер смотрит записи и видит своими глазами, где именно люди теряются.

Что такое флоу

Флоу (user flow). Это последовательность экранов, которую пользователь проходит, чтобы решить одну задачу. Дизайнер работает не с одним экраном, а с путём целиком. Метрики часто привязаны к конкретному флоу.

Экран входа Главная Выбор действия Оплата Успех Цель достигнута

Метрики по группам

Четыре группы, каждая отвечает на свой вопрос. Нажми на карточку, чтобы увидеть формулу и пример.

01 Сколько людей и как часто приходят
DAU / MAU
Активные пользователи
Базовый пульс продукта: живёт ли он вообще.
Формула и пример
DAU: уникальных пользователей за день
MAU: уникальных пользователей за месяц

Если приложение открыли 5 000 человек в понедельник: DAU = 5 000. Если за март хотя бы раз зашли 120 000: MAU = 120 000. Смотреть в динамике: растёт или падает.

Что делает дизайнер
Если DAU падает несколько недель, смотрит на онбординг и ключевые сценарии. Возможно, что-то сломалось или стало непонятным после последнего релиза.
Stickiness
Липкость
Как часто люди возвращаются по привычке, а не разово.
Формула и пример
Stickiness = DAU / MAU × 100%

DAU = 5 000, MAU = 50 000 → Stickiness = 10%. Это значит, что средний пользователь заходит примерно 3 дня из 30. Хорошим считается показатель 20%+ для большинства продуктов.

Что делает дизайнер
Работает над онбордингом и хабитуацией: насколько продукт встраивается в привычку. Улучшает уведомления, пустые состояния, повторные точки входа.
Посчитай сам
Stickiness 10.0%
02 Что происходит внутри
CR
Conversion Rate
Доля сделавших нужное действие.
Формула и пример
CR = Целевые действия / Охват × 100%

До экрана оплаты дошли 1000 человек, оплатили 50, CR = 5%. Дизайнер смотрит CR по каждому шагу отдельно, чтобы найти слабое место.

Высокий CR не всегда победа. Убрали объяснения, конверсия выросла, но жалобы в поддержку тоже. Хорошая конверсия: пользователь идёт вперёд, потому что понимает и хочет этого.
Что делает дизайнер
Смотрит, на каком именно шаге воронки самый большой дроп. Формулирует гипотезу: почему уходят. Тестирует решение и сравнивает CR до и после.
Посчитай CR
Conversion Rate 5.0%
CTR
Click-Through Rate
Процент нажавших на элемент из тех, кто его увидел.
Формула и пример
CTR = Клики / Показы × 100%

Баннер увидели 10 000 человек, нажали 200, CTR = 2%. Дизайнер влияет через расположение элемента, его размер, цвет, текст на кнопке.

Что делает дизайнер
Тестирует разные варианты кнопки или баннера. Смотрит тепловые карты Hotjar: видят ли пользователи элемент вообще или он ниже fold и до него не доскроллили.
Посчитай CTR
CTR 2.0%
Task Completion Rate
Завершённость задачи
Напрямую говорит о понятности интерфейса.
Формула и пример

80 из 100 прошли регистрацию до конца, показатель 80%. Если низкий, значит где-то есть точка, где люди теряются или сдаются.

Что делает дизайнер
Смотрит записи сессий: где именно пользователи останавливаются? Читает жалобы в поддержку. Упрощает шаг, добавляет подсказки, убирает лишние поля.
Bounce Rate
Показатель отказов
Ушли сразу, не пройдя дальше первого экрана.
Формула и пример
Bounce Rate = Ушли сразу / Всего зашли × 100%

600 из 1000 закрыли приложение после первого экрана, Bounce Rate 60%. Для дизайнера это сигнал: первый экран не объяснил ценность или что-то с ходу отпугнуло.

Что делает дизайнер
Переосмысляет первый экран: ясен ли он? Видно ли главное действие? Не перегружен ли текстом? Тестирует разные версии первого экрана.
Time on Screen
Время на экране
Может означать и вовлечённость, и растерянность, зависит от контекста.
Подробнее

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

Иногда команда радуется росту session length, не осознавая, что люди просто потерялись в навигации.
Что делает дизайнер
Смотрит time on screen в связке с CR: если время выросло, а конверсия упала, люди запутались. Если время выросло и CR вырос, люди изучают и покупают.
03 Удержание и отток
Retention Rate
Удержание
Доля вернувшихся пользователей через какое-то время.
Формула и пример

40 из 100 новых пользователей вернулись через месяц, Retention Rate 40%. Команда смотрит когортами: как ведут себя люди, пришедшие в январе, в феврале и т.д.

Важно: почему возвращаются? По привычке или потому что нет выбора? Хороший Retention. Это «хочу вернуться», а не «нет другого выхода».
Что делает дизайнер
Улучшает онбординг (люди быстрее понимают ценность), пустые состояния, нотификации. Работает над ключевыми сценариями, которые создают привычку.
Churn Rate
Отток
Доля бросивших продукт за период.
Формула и пример
Churn = Ушедшие / Начало периода × 100%

За март ушли 500 из 10 000 пользователей, Churn Rate 5%. Если Churn растёт месяц за месяцем, это системная проблема.

Что делает дизайнер
Смотрит на флоу, предшествовавшие уходу. Что делали люди перед тем, как уйти? Какой шаг был последним? Строит гипотезы и тестирует.
04 Ощущения пользователей
NPS
Net Promoter Score
Насколько пользователи готовы рекомендовать продукт.
Как считается
Вопрос: «Насколько вероятно, что ты порекомендуешь нас?» (0-10)
NPS = % промоутеров (9-10) − % критиков (0-6)

Ответили 100 человек: 40 поставили 9-10, 20 поставили 0-6, остальные 7-8. NPS = 40% минус 20% = 20. Хороший NPS для продуктов, выше 30.

Что делает дизайнер
Читает комментарии к оценкам: там конкретные боли в интерфейсе. Критики часто называют точные экраны, которые их бесят. Это прямые задачи.
CSI
Индекс удовлетворённости
Общее ощущение от продукта, собирается через опросы.
Подробнее

Дизайнер смотрит CSI в связке с другими метриками. Если CSI низкий, но CR высокий, пользователей что-то раздражает, но они вынуждены идти до конца. Это тревожный знак и признак монополии, а не качества.

Что делает дизайнер
Смотрит: что именно раздражает? Изучает открытые ответы, формирует топ жалоб по частоте, берёт в работу самые болезненные.
App Store Reviews
Отзывы в сторах
Важный источник данных, который часто недооценивают.
Подробнее

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

Что делает дизайнер
Читает 1-2 звёздочные отзывы регулярно. Ищет паттерны: какие экраны называют чаще всего? После редизайна следит, изменился ли тон отзывов.

Метрики обманывают

Один и тот же показатель может говорить о разном. Угадай, что произошло на самом деле.

Кейс 1. Финтех
CR +18%
Retention +10%
Убрали аннотации и подсказки из флоу. Показатели выросли. Команда радуется.

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

Кейс 2. Каталог подрядчиков
−31 сек
Время в каталоге после редизайна сократилось на 31 секунду. Команда в панике: люди уходят быстрее?

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

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