Roobinium — дизайн-продакшн полного цикла: продуктовый дизайн, брендинг, 3D и фронтенд. Работаем недельными спринтами и ведём визуал клиентов годами.

roobinium.ru

Статья · Дизайн-спринты и MVP

10 шагов к запуску цифрового продукта через дизайн-спринт

Практическая методика, по которой размытая идея превращается в протестированный на людях прототип за одну рабочую неделю. Со схемами, примерами и упражнениями — спринт можно провести своей командой.

Константин В.арт-директор и основатель Roobinium

· 14 минут чтения

Экраны продуктов, собранных командой Roobinium в недельных дизайн-спринтах
Интерфейсы, собранные в спринтах: от криптосервисов до фитнес-платформ

При запуске цифрового продукта дефицитный ресурс — не деньги, а время. Пока команда полгода доводит первую версию до «достойного» состояния, рынок успевает ответить на вопрос, который ему никто не задавал.

Первая задача основателя — не построить продукт, а проверить гипотезу: решает ли идея настоящую боль настоящих людей. MVP в этой логике не урезанная версия большой мечты, а научный эксперимент — самый дешёвый способ подтвердить или опровергнуть предположение о рынке. MVP делают не ради запуска, а ради знания.

Инструмент, который укладывает такую проверку в одну рабочую неделю, — дизайн-спринт. Ниже десять шагов, по которым мы проводим спринты в Roobinium: каждый шаг с примером и упражнением, чтобы его можно было пройти самостоятельно.

Проблема → решение → канал

Фундамент идеи умещается в две-три фразы. Если не умещается — идея пока не сформулирована, а описана.

Проблема
Конкретная боль конкретной группы людей. Не «людям неудобно», а кому именно и в какой момент.
Решение
Как продукт снимает эту боль. Простыми словами, без упоминания технологий.
Канал
Где вы находите этих людей и как рассказываете им о себе.

Пример: три идеи в одной таблице

ИдеяПроблемаРешениеКанал
Криптобиржа для новичковТеряется в интерфейсе, боится потерять деньги из-за неверного кликаПокупка в три клика, у каждого поля подсказка обычным языкомСообщества начинающих инвесторов, образовательные платформы
Трекер подписокНе помнит, за что списывают деньги каждый месяцИмпорт из выписки банка и один экран со всеми списаниямиТелеграм-каналы про личные финансы
Сервис аренды инструментаДрель нужна на два часа, а покупать на всю жизньКарта соседей, у кого что есть, и залог через приложениеРайонные чаты и доски объявлений

Гипотеза от профиля пользователя

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

Поэтому идея переводится в гипотезу — утверждение, которое можно проверить и опровергнуть:

Мы считаем, что [тип пользователя] сталкивается с [конкретной проблемой] и воспользуется [нашим решением], чтобы [получить результат].

Пример

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

В формулировке уже заложено то, что вы будете измерять на тестах: дошёл ли человек до сделки и с какими эмоциями. Гипотеза без измеримого результата — это лозунг.

Персона

Персона — вымышленный, но правдоподобный профиль пользователя. Её ценность не в художественной детали, а в том, что команда начинает спорить про одного и того же человека, а не про абстрактную «аудиторию 25–45».

Собирайте её вместе, на общей доске: имя, возраст, род занятий, отношения с технологиями, цели и страхи.

Пример персоны

ПолеАлексей
Возраст28 лет
Род занятийPython-разработчик
Отношения с технологиямиС техникой на «ты», с личными финансами сталкивается впервые
ЦелиДиверсифицировать сбережения. Слышал о потенциале биткойна, но не знает, с чего начать. Ценит своё время и простоту
Страхи и болиБоится нажать не ту кнопку и потерять деньги. Не понимает девяносто процентов биржевых терминов — спред, маржа, стоп-лосс. Не доверяет незнакомым площадкам

Дальше каждое решение сверяется с персоной: «Алексею это понятно? Ему это просто?» Так персона перестаёт быть слайдом в презентации и становится критерием, по которому отсекаются спорные идеи.

Карта эмпатии

Персона отвечает на вопрос «кто», карта эмпатии — «в каком контексте». Разделите рабочую область на четыре части и заполните их.

Видит

Что человек наблюдает вокруг себя — в ленте, в рекламе, у конкурентов.

Слышит

Чьи мнения и советы на него влияют.

Думает и чувствует

Какие эмоции, страхи и желания стоят за его решениями.

Говорит и делает

Какие слова и поступки выдают его настоящее отношение.

Пример: Алексей

Видит

Графики курса, рекламу брокеров, перегруженные дашборды профессиональных бирж.

Слышит

«Крипта — это развод» от одних друзей и «надо было брать раньше» от других.

Думает и чувствует

«Я опоздал». «Это слишком сложно». «Хочется попробовать, но страшно».

Говорит и делает

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

После карты идея перестаёт быть абстракцией — у неё появляется эмоциональный контекст. В спорах «нужна ли эта функция» начинает выигрывать не тот, кто говорит громче, а тот, кто показывает на карту.

Безжалостное отсечение функций

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

Второй ход — разложить написанное по трём корзинам.

  • Must-haveбез этого продукт не работает и не решает свою главную задачу
  • Should-haveважно, но подождёт следующих итераций
  • Could-haveприятно иметь, для проверки гипотезы не нужно

Пример: криптобиржа

  • Must-haveпростой экран покупки и продажи биткойна, кошелёк, пополнение счёта
  • Should-haveдругие валюты, история операций, расширенная верификация
  • Could-haveсложные типы ордеров — стоп-лосс и тейк-профит, маркетплейс NFT

MVP — это только первая корзина. Всё остальное замедляет обучение и отвлекает от гипотезы, ради которой всё затевалось.

Скетчинг: восемь идей за восемь минут

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

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

  • Понятен без автора: любой человек разберётся без объяснений.
  • Анонимен: не подписывайте — это условие честного голосования.
  • Детален: элементы интерфейса, рамка устройства, реальные подписи.

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

Сториборд

Выбранный скетч статичен, а пользовательский опыт — это история. Сториборд превращает один экран в последовательность из трёх-пяти: так становится видно, как человек проходит сценарий целиком.

  • Старт: откуда человек приходит и что видит первым.
  • Действия: какие ключевые шаги он делает — например, нажимает «Купить».
  • Реакции: что отвечает система — подтверждение, индикатор, ошибка.
  • Финал: чем всё заканчивается — экран «Покупка совершена».

Сториборд — одновременно чертёж прототипа и сценарий будущего теста: то, что вы нарисуете, вы и попросите пройти живого человека.

Прототип

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

Инструмент — Figma: вся команда работает в одном файле одновременно, и результат сразу виден всем.

Роли в команде

РольСколько человекЧто делает
Сборщики2–3Собирают экраны в Figma. Обычно дизайнеры, но подойдёт любой с визуальным чутьём
Связист1Соединяет экраны в интерактивный поток
Редактор1Пишет тексты и подписи на экранах
Хранитель ассетов1Собирает иконки, шрифты и изображения

Правила

  • Работайте параллельно, строго по сториборду.
  • Не придумывайте новую дизайн-систему — берите готовый UI-кит: в Figma Community есть бесплатные библиотеки под iOS, Android и веб.
  • Ставьте правдоподобные данные: настоящие имена, суммы, цены.
  • Прототипируйте только то, что входит в сценарий теста.
  • Связывайте экраны простыми переходами.
  • Делайте кликабельными все области, которые выглядят кликабельными: если элемент не отвечает, человек решит, что продукт сломан, и тест уйдёт не туда.

Перед тем как показывать прототип посторонним, пройдите весь путь сами и закройте тупики.

Тестирование на пользователях

Здесь команда меняет роль: из создателей — в исследователей. Задача не продать и не защитить прототип, а увидеть, как с ним обходится живой человек.

По исследованиям Якоба Нильсена, пять участников выявляют восемьдесят-девяносто процентов серьёзных проблем юзабилити. Поэтому важно качество подбора, а не количество участников.

Где искать участников

  • Через знакомых: попросите коллег порекомендовать людей, похожих на вашу персону. Близких друзей звать не стоит — они щадят.
  • В сообществах вашей ниши, с небольшим вознаграждением за участие.
  • На фриланс-площадках: короткая задача вроде «участник юзабилити-теста» закрывается за день.

Как устроена сессия на 45–60 минут

  1. 5 минут
    Знакомство

    Объясните, что проверяете прототип, а не человека. Спросите разрешение на запись. Попросите рассуждать вслух — это даёт больше всего материала.

  2. 35–40 минут
    Задачи

    Давайте цель, а не инструкцию. Вместо «нажмите Купить» — «представьте, что хотите купить биткойн на сто долларов; покажите, как вы это сделаете». Молчите и не подсказывайте: моменты замешательства и есть самое ценное.

  3. 5–10 минут
    Разбор

    «Чего вы ожидали в этом месте?», «Что было сложнее всего?», «Что понравилось больше всего?». Не подсказывайте ответ вопросом — просто слушайте.

Что делать после сессий

Соберите команду. Каждый выписывает наблюдения на стикеры — по одному наблюдению на стикер: «легко нашёл кнопку», «запутался в формулировке», «замешкался из-за комиссии». Затем сгруппируйте стикеры по темам: плюсы, проблемы навигации, непонятные тексты, вопросы доверия.

Паттерн, который повторился у трёх и более человек, — это инсайт. Всё, что прозвучало один раз, — частное мнение, и в бэклог оно пока не идёт.

Приоритизация

Инсайты есть — нужно решить, что чинить первым. Инструмент простой: матрица «ценность для пользователя / трудозатраты». По вертикали ценность, по горизонтали усилия; каждое наблюдение попадает в один из четырёх квадрантов.

Высокая ценностьНизкая ценность
Быстрые победы

Переименовать «Трейд» в «Купить». Делается за час, меняет поведение сразу.

Стратегические инициативы

Переделать онбординг целиком. Планируется в следующий спринт.

Мелкие правки

Делаются, когда дойдут руки.

Не делать

Ловушки времени. Честно отметьте их и не возвращайтесь.

Мало усилийМного усилий

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

Так закрытие спринта превращается не в финал, а в цикл: каждая итерация приближает продукт к реальной потребности, а неопределённость становится управляемым процессом с измеримыми результатами.

Бонус: лендинг до запуска

Продукт ещё в разработке, а посадочная страница должна быть в сети раньше него. Это и полигон для проверки спроса, и первая точка контакта с аудиторией: по конверсии лендинга видно, интересна ли идея, ещё до того, как написана первая строка кода.

  • Заголовок первого экрана: одна понятная ценность. «Самая простая криптобиржа для новичков».
  • Визуал: скриншоты или видео прототипа — показать, а не рассказать.
  • Призыв к действию: «Получить письмо о запуске» или «Попробовать».
  • Форма сбора адресов: список первых пользователей собирается до релиза.
  • Выгоды для человека: результат, а не технологии. «Мгновенные операции и понятный интерфейс», а не «на React и WebSocket».
  • Социальное доказательство: отзывы, пусть даже от участников тестов.

Бонус: чек-лист перед запуском

За неделю до релиза убедитесь, что:

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

Удачный запуск — результат подготовки, а не везения. Проверив спрос, собрав контакты и определив метрики заранее, вы превращаете релиз в контролируемый эксперимент, результаты которого можно измерить и использовать дальше.

Коротко

  • Сначала гипотеза, потом продукт. MVP — инструмент обучения, а не уменьшенная копия мечты.
  • Персона и карта эмпатии не дают команде проектировать для себя.
  • В MVP попадает только то, без чего он не работает.
  • Прототип создаёт иллюзию работоспособности — этого достаточно для проверки.
  • Пяти участников хватает, чтобы найти большую часть проблем.
  • Матрица «ценность / усилия» превращает наблюдения в план на следующую неделю.

Частые вопросы

Сколько длится дизайн-спринт?

Классический формат — пять рабочих дней: от постановки задачи в понедельник до тестов на живых людях в пятницу. Мы проводим спринты неделями и продлеваем их столько раз, сколько нужно продукту.

Чем MVP отличается от первой версии продукта?

Первая версия решает задачу пользователя, MVP отвечает на вопрос команды. Его делают ради знания: подтвердилась гипотеза или нет. Поэтому в MVP попадает только то, без чего проверить гипотезу невозможно.

Сколько человек нужно для теста прототипа?

Пять. По исследованиям Якоба Нильсена, такая выборка выявляет восемьдесят-девяносто процентов серьёзных проблем юзабилити, а дальше находки начинают повторяться.

Можно ли провести спринт без дизайнера?

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

Что остаётся у команды после спринта?

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

Что дальше

Отправь ТЗ на оценку

Необязательно ТЗ — можно сухую идею. Отправляй запрос в произвольной форме и любом виде, мы разберём и проработаем.

privet@roobinium.ru

Телефон горячей линии +7 (917) 141-03-40все права @vinogradov_roobinium