Whiteboard challenge для продуктовых дизайнеров. Как пройти и не завалить на собесе

«Расскажите, как вы спроектируете интерфейс для умного холодильника, который предсказывает, что вам нужно купить. У вас 45 минут на доске»

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

• Один кандидат сразу рисует экраны, забыв о пользователях: «Вот кнопка, вот меню — готово!»

• Другой застревает в вопросах: «А кто аудитория? А метрики? А... эээ...»

• Третий молчит и рисует в голове, не озвучивая процесс: интервьюер думает, что кандидат в ступоре.

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

Реальная история:

Мария, 28 лет, специалист по UX/UI-дизайну с 2 годами опыта в веб-студии. Решила перейти в продуктовый дизайн в IT-компанию. Прошла курсы по Figma и исследованиям пользователей, обновила портфолио, отправила 35 откликов. Получила 4 приглашения.

Первое собеседование: whiteboard — «Улучшите процесс знакомства с мобильным банком». Мария нарисовала 5 экранов, но не объяснила, почему именно так. Интервьюер: «А как вы проверите, что это работает?» Отказ.

Второе: «Спроектируйте функцию для трекера фитнеса». Мария начала с вопросов, но не успела до финальных экранов. Время вышло на полпути. Отказ.

Третье: Мария подготовилась — потренировала 10 типичных заданий, научилась структуре (проблема → гипотеза → эскизы → метрики). На доске она озвучила процесс, нарисовала ключевые потоки и даже предложила A/B-тест. Оффер на 120 000₽.

Проблема: 75% кандидатов на whiteboard проваливаются не из-за отсутствия навыков, а из-за неумения показать процесс. В 2025 году в России это стандарт для позиций middle и выше.

Статистика, которую нужно знать (Россия, 2025):

• Вакансий продуктового дизайнера (UX/UI): ~6500 активных (рост на 15% с 2024)

• Из них для junior: ~25% (~1625)

• Средний конкурс на позицию junior-продуктового дизайнера: 12-20 откликов

• Процент кандидатов, прошедших whiteboard: ~8-12% (для middle — 5-8%)

• Главная причина отказа на whiteboard: «Нет структурированного мышления» (72% отказов)

• Средняя зарплата junior-продуктового дизайнера: 60 000-90 000₽

• Средняя зарплата middle-продуктового дизайнера: 120 000-200 000₽

Эта статья — для тех, кто хочет:

1. Понять, что такое whiteboard и зачем оно нужно (не просто рисование, а демонстрация продуктового мышления)

2. Подготовиться к собеседованию (типичные задания, как отвечать, даже если опыта мало)

3. Создать доказательства ценности (портфолио с кейсами на доске, которые впечатлят)

4. Пройти тестовое задание (как структурировать работу на доске на практике)

5. Выжить в первые 3 месяца (как интегрироваться в продуктовую команду после найма)

Без воды. Только тактики, актуальные для 2025 года в России: от плагинов Figma с ИИ до трендов вроде гиперперсонализации. Мы опираемся на свежие данные с HH.ru, Habr Career и VC.ru.

Что такое продуктовый дизайнер и whiteboard

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

Чем занимается продуктовый дизайнер

Продуктовый дизайнер — это специалист, который создаёт интерфейсы и опыты, чтобы продукт решал реальные проблемы пользователей и достигал бизнес-целей. Не просто красивые пиксели, а стратегия + дизайн + метрики.

Ключевая разница с графическим дизайнером:

• Графический дизайнер: Фокус на визуалах — логотипы, баннеры, статичные элементы. «Как выглядит круто?»

• Продуктовый дизайнер: Фокус на взаимодействии — потоки пользователей, прототипы, A/B-тесты. «Как это повысит удержание на 15%?»

Основные задачи продуктового дизайнера:

1. Исследование (исследование и открытие)

• Изучить пользователей: интервью, опросы, тепловые карты (инструменты: Hotjar, UserTesting)

• Анализ конкурентов: SWOT, картирование функций

• Сформулировать портреты пользователей и карты пути

• Гипотезы: «Если упростим знакомство с продуктом, конверсия вырастет на 20%»

2. Дизайн и прототипирование

• Создать каркасы и простые прототипы (Figma, Sketch)

• Детальный дизайн: набор UI-элементов, компоненты (с учётом дизайн-систем вроде Material Design)

• Анимации и микроинтеракции для вовлечения

• Интеграция ИИ: персонализация интерфейсов (тренд 2025)

3. Сотрудничество с командой

• Работа с менеджерами продукта: уточнение требований, истории пользователей

• С разработчиками: передача дизайна (Zeplin, режим разработчика в Figma)

• С аналитиками: метрики успеха (DAU, NPS, коэффициент завершения задач)

• Кросс-функциональные встречи: дизайн-спринты (метод Google Ventures)

4. Тестирование и итерации

• A/B-тесты (Optimizely, Google Optimize)

• Тесты удобства: с модератором/без (Lookback, Maze)

• Анализ отзывов: NPS, CSAT

• Итерации: на основе данных, не интуиции

5. Коммуникация и продвижение

• Презентации заинтересованным сторонам: почему этот дизайн работает

• Документация: документы дизайна в Notion/Confluence

• Обучение команды: семинары по принципам UX

Инструменты 2025 (актуально для России):

• Дизайн: Figma (лидер, 85% вакансий), Adobe XD, Framer (для интерактивных прототипов)

• Исследования: Miro (для совместных досок), UserZoom, Survicate

• Прототипы: ProtoPie (анимации), Principle

• Аналитика: Amplitude, Mixpanel, Google Analytics 4

• Сотрудничество: Slack, Notion, Jira (интеграция с Figma)

«Продуктовый дизайн — это не про пиксели, а про влияние. В 2025 году дизайнеры, которые понимают метрики, зарабатывают на 30% больше» — Анна Смирнова, ведущий продуктовый дизайнер в Яндексе.

Что такое whiteboard

Whiteboard — это живой этап собеседования, где вы на доске (физической или виртуальной в Miro/Figma) решаете задачу по дизайну за 30-60 минут. Интервьюер наблюдает за процессом, задаёт вопросы и оценивает мышление.

Формат в 2025 году в России:

• Длительность: 45 мин (15 мин — вопросы/планирование, 20 мин — эскизы, 10 мин — презентация)

• Инструменты: доска в Figma, Miro, Excalidraw (для удалёнки)

• Цель: Не идеальный дизайн, а структурированный подход: уточнение → исследование → генерация идей → прототип → тест.

Почему whiteboard популярно: В продуктовых командах (Ozon, Сбер, Avito) это способ увидеть, как дизайнер думает на ходу. По данным Habr Career 2025, 65% вакансий middle и выше включают whiteboard.

Почему сложно пройти whiteboard без подготовки

Причина 1: Давление времени и отсутствие структуры

Вы знаете Figma, но под стрессом забываете базовые принципы (например, закон Хика для меню). Без практики — хаос.

Причина 2: Фокус на результате, а не на процессе

Кандидаты рисуют экраны, но не объясняют: «Почему этот поток? Какая боль пользователя?» Интервьюеры видят только эскиз, а не мышление.

Причина 3: Отсутствие продуктового контекста

В России 2025 тренд — ИИ-персонализация и доступность (WCAG 2.2). Без знаний о метриках (NPS > 50) или трендах — минус.

Причина 4: Высокая конкуренция

На junior — 12-20 кандидатов, половина с курсами Skillbox. Почему выбрать вас? Только если доска покажет уникальный подход.

«В whiteboard не рисуют шедевры. Рисуют мышление. 80% успеха — в том, чтобы озвучивать шаги» — Владислав Козлов, продуктовый дизайнер в Тинькофф.

Кого берут на позицию продуктового дизайнера

Несмотря на доску, берут не только с 5+ годами.

1. Переход из смежных ролей

• Графические дизайнеры: Знают Adobe, но учат UX (потоки пользователей)

• Frontend-разработчики: Понимают код, легко передают дизайн

• Аналитики/менеджеры продукта: Знают метрики, фокус на исследованиях

• Дизайнеры контента: Хорошо с текстом в интерфейсах

2. Junior с сильным портфолио

• Личные проекты: переработка популярных приложений (ВКонтакте, Telegram)

• Конкурсы: вызовы на Dribbble, награды на Behance

3. Стажёры из топ-школ

• Выпускники Нетологии, Skillbox с сертификатами

• Участие в хакатонах (ProductCamp 2025)

4. Фрилансеры с кейсами

• Опыт на Upwork/Kwork с фокусом на UX

Зарплаты продуктового дизайнера (2025, Россия)

По данным HH.ru и GeekLink на октябрь 2025:

Junior-продуктовый дизайнер (0-2 года):

• Москва: 60 000 - 100 000₽

• СПб: 55 000 - 90 000₽

• Регионы/удалёнка: 50 000 - 80 000₽

Медиана: ~75 000₽

Middle-продуктовый дизайнер (2-5 лет):

• Москва: 120 000 - 220 000₽

• СПб: 110 000 - 190 000₽

• Регионы/удалёнка: 90 000 - 160 000₽

Медиана: ~160 000₽

Senior-продуктовый дизайнер (5+ лет):

• Москва: 250 000 - 450 000₽

• СПб: 200 000 - 350 000₽

• Регионы/удалёнка: 180 000 - 300 000₽

Медиана: ~300 000₽

Вывод: Зарплаты растут (+12% с 2024), но доска — барьер для junior (только 10% проходят).

Как подготовиться к whiteboard на собеседовании

Теперь тактики. Подготовка — 70% успеха. Разберём по шагам.

Шаг 1: Освойте структуру мышления

Ошибка новичков: Начинают рисовать без плана — доска в хаосе.

Правильный подход: Используйте фреймворк ЯРКИЙ (уточнение, исследование, генерация идей, эскиз, презентация). Это адаптация двойного ромба для доски.

1. Уточнение (5 мин): Задайте 3-5 вопросов: «Аудитория? Цели? Ограничения?» Озвучьте понимание проблемы.

2. Исследование (5 мин): Быстрый мозговой штурм: портреты пользователей, боли, цели. Нарисуйте карту пути пользователя.

3. Генерация идей (10 мин): Сгенерируйте 3-5 идей. Выберите 1 по влиянию/усилиям (матрица).

4. Эскиз (15 мин): Простые эскизы ключевых экранов. Фокус на потоке, не на деталях.

5. Презентация (10 мин): Объясните: «Этот дизайн решает боль X, метрика Y вырастет на Z%».

Таблица ЯРКИЙ в действии:

Шаг 2: Изучите продукт компании и тренды 2025

Обязательно: Перед собеседованием потестируйте продукт 2-3 часа.

• Что делать: Тестирование от лица пользователя. Найдите 2-3 точки боли.

• Конкуренты: Сравните с 3 аналогами (например, Wildberries и Ozon).

• Тренды России 2025: Рекомендации на основе ИИ (Яндекс), голосовые интерфейсы (Сбер), инклюзивный дизайн (для регионов).

Пример подготовки:

Компания: Avito. Задача: «Улучшите поиск авто».

• Проблема: Фильтры перегружены (15+ опций).

• Решение: Фильтры на основе ИИ по фото + голосовой поиск.

• Метрика: Конверсия от поиска к покупке +15%.

«Тестируйте продукт как пользователь. В 2025 40% отказов — из-за 'не знает наше приложение'» — Мария Иванова, ведущий специалист по UX в Wildberries.

Шаг 3: Подготовьте кейсы из опыта (даже если junior)

Используйте STAR + Дизайн (ситуация, задача, действия, результат + почему этот дизайн).

Пример кейса:

Ситуация: В студии переработка сайта для интернет-магазина, коэффициент отказов 70%.

Задача: Улучшить главную страницу.

Действия: Исследования (10 интервью), каркасы в Figma, A/B-тест.

Результат: Отказы -25%, +10 000 сессий/мес.

Почему дизайн: «Постепенное раскрытие — показываем ключевые призывы к действию сначала».

Подготовьте 4-6 кейсов. Для junior — личные проекты (переработка историй в Telegram).

Шаг 4: Практикуйте типичные задания

Категории whiteboard в России 2025 (по VC.ru и Habr):

1. Переработка функции: «Упростите знакомство с банковским приложением» (в стиле Сбера).

2. Новая функция: «Добавьте чат на основе ИИ в маркетплейс» (Ozon).

3. Поток пользователя: «Путь от поиска до покупки авто» (Avito).

4. Крайние случаи: «Дизайн для пожилых в приложении для здоровья» (инклюзивный).

5. На основе метрик: «Как повысить удержание в социальной сети?» (ВКонтакте).

Как практиковать:

• Ежедневно 1 задание (Exponent, UX Playbook).

• Моделированные собеседования: с другом или Pramp (30 мин запись).

• Отзывы: Загружайте на Behance, просите комментарии.

Таблица типичных заданий:

Шаг 5: Подготовьте вопросы к интервьюеру

Покажите интерес:

• О продукте: «Какие ключевые метрики для этой функции?»

• О команде: «Сколько дизайнеров? Как передача дизайна?»

• О роли: «Какие вызовы в первые 3 месяца?»

Плохие вопросы: «Удалёнка?» (обсудите после оффера).

Как отвечать на сложные whiteboard без паники

Разберём топ-5 заданий с примерами ответов.

Whiteboard 1: «Переработайте знакомство с продуктом в мобильном приложении для доставки еды»

Плохой подход: Рисуете 10 экранов с анимациями.

Хороший ответ (ЯРКИЙ):

1. Уточнение: «Аудитория — миллениалы? Фокус на скорости? Метрики — конверсия в первый заказ?»

2. Исследование: Портрет: занятый офисный работник, боль — долгий настрой. Путь: Установка → Регистрация → Заказ.

3. Генерация идей: Идея: Заказ без регистрации + вход через соцсети. Матрица: Высокое влияние (конверсия +20%), низкие усилия (1 спринт).

4. Эскиз: Экран 1: Приветствие с QR-сканом. Экран 2: Адрес по GPS. Экран 3: Превью меню.

5. Презентация: «Это снижает шаги с 7 до 3, ожидаю +25% в первом заказе. Тест: A/B с контролем».

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

Whiteboard 2: «Спроектируйте функцию для персонализированных рекомендаций в интернет-магазине»

Плохой: «Просто добавьте блок 'Похожие товары'».

Хороший:

1. Уточнение: «На основе истории? На основе ИИ или правил? Для мобильных/десктопа?»

2. Исследование: Боли: нерелевантные рекомендации → отказы от корзины 40%. Цели: средний чек +15%.

3. Генерация идей: 3 варианта: Карусель, модальное окно на весь экран, встроенные подсказки. Выбор: Встроенные (бесшовные).

4. Эскиз: Страница товара с адаптивными рекомендациями (на основе прошлых просмотров). Крайний случай: Нет истории → популярные.

5. Презентация: «Используем машинное обучение (как в Яндексе), метрика: коэффициент кликов >10%. Риски: конфиденциальность — опция отказа».

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

Whiteboard 3: «Как улучшить удержание в трекере фитнеса?»

Плохой: «Добавьте геймификацию».

Хороший:

1. Уточнение: «Удержание на 7-й день? Для случайных пользователей?»

2. Исследование: Отток после 1-й недели: скука. Портрет: новичок, цель — формирование привычки.

3. Генерация идей: Серии достижений, социальные вызовы, тренер на основе ИИ. Приоритет: Серии (низкие усилия).

4. Эскиз: Панель с счётчиком серий + уведомления. Поток: Залог упражнения → Награда значком.

5. Презентация: «Ожидаю +18% удержания. Тест: Анализ когорт в Amplitude».

Whiteboard 4: «Дизайн интерфейса для голосового помощника в умном доме»

Плохой: Игнор доступности.

Хороший:

1. Уточнение: «Для пожилых? Интеграция с Alexa?»

2. Исследование: Боли: сложные команды. Цели: коэффициент успешных задач 90%.

3. Генерация идей: Визуальная обратная связь + голосовое подтверждение. Варианты: Жесты + голос в гибриде.

4. Эскиз: Экран: Визуализация волны + текстовое эхо. Поток: «Включи свет» → Визуализация + Подтверждение.

5. Презентация: «Соответствует WCAG для голоса. Метрика: Коэффициент ошибок <5%».

Whiteboard 5: «Приоритизируйте функции для новой социальной сети»

Плохой: Субъективно.

Хороший: Используйте RICE (охват, влияние, уверенность, усилия).

Презентация: «Истории первыми — максимальный охват.»

Почему работает: На основе данных, не на чутье.

Как сделать whiteboard, которое впечатлит (тестовое задание)

Whiteboard часто равно тестовому. Структура для 1-2 часов.

Типы тестовых whiteboard

1. Живое занятие: 45 мин с интервьюером.

2. Домашнее: Запишите видео-обзор (5-10 мин).

3. Гибридное: Эскиз в Figma + объясняющий документ.

Структура идеального whiteboard

1. Титульный слайд: Проблема, цели.

2. Исследования: Портреты, боли (ментальная карта).

3. Генерация идей: Мозговой штурм, приоритизация (таблица RICE).

4. Эскизы: 3-5 ключевых экранов (простые).

5. Поток прототипа: Стрелки между экранами.

6. Метрики и тест: Гипотезы, план A/B.

7. Приложение: Альтернативы, риски.

Объём: 10-15 слайдов/экранов в Miro. Визуалы: 60%, текст: 40%.

Ошибки в whiteboard

• ❌ Поверхностно: Нет исследований — «Просто нарисую».

• ❌ Нет метрик: Красиво, но «почему это работает?».

• ❌ Перегружено: 20 экранов — фокус на ключевом потоке.

• ❌ Молчание: Не озвучивайте — интервьюер не поймёт.

• ❌ Игнор трендов: Без ИИ/голоса в 2025 — устарело.

Пример whiteboard для «Удержание в фитнес-приложении»

Краткий обзор: «Удержание на 7-й день — 35%. Предлагаю серии + тренер на ИИ. Ожидаемый +20%».

Исследования: [Карточка портрета: Алексей, 25, отток после 1-й недели].

Генерация идей: [Таблица RICE как выше].

Эскизы: [Панель со счётчиком серий, поток уведомлений].

План теста: «A/B: Анализ когорт в Mixpanel, успех если удержание >45%».

Риски: Перегеймификация → выгорание. Смягчение: Опция отказа.

Экспортируйте в PDF + видео (Loom).

Первые 3 месяца: как не провалить после whiteboard

Поздравляем! Но фокус на адаптации.

Неделя 1: Погружение

• Встречи один на один с командой: менеджер продукта о плане, разработчики о ограничениях.

• Изучите дизайн-систему (если есть).

• Тестируйте продукт: Найдите 1 быстрый выигрыш.

Месяц 1: Быстрые выигрыши

• Исправляйте мелкие проблемы UX (например, контраст кнопки).

• Обновите руководство по стилю.

• Проведите мини-тест удобства.

3 месяца: Ответственность

• Возьмите 1 функцию: Полный цикл от исследований до запуска.

• Метрики: Докажите влияние (например, +5% конверсии).

• Презентация: Обзор за квартал.

Избегайте: Микроменеджмент, игнор отзывов.

Резюме для продуктового дизайнера

Структура:

• Кратко о себе: «Junior-продуктовый дизайнер с фокусом на исследованиях UX. 3 кейса в портфолио. Готов к whiteboard».

• Опыт: Переформулируйте: «Переработка сайта e-com: +15% конверсии через A/B».

• Портфолио: Behance/Notion с мокапами на доске.

• Навыки: Figma, Miro, A/B-тестирование, RICE.

Сопроводительное письмо

✅ «В вашем приложении заметил проблему в поиске. Подготовил быстрый redesign [ссылка]. Готов обсудить на whiteboard».

Чек-лист: готовы ли вы к whiteboard

Теория

• Знаю ЯРКИЙ/двойной ромб

• Метрики: NPS, Удержание, Конверсия

• Тренды 2025: ИИ, Голос, Инклюзивный

Практика

• Протестировал 5 заданий

• Модели с отзывами

• Портфолио с 3 кейсами

Мягкие навыки

• Озвучиваю процесс

• Задаю вопросы

• Структура в стрессе

Все 'да'? Идите!

Ресурсы для подготовки

Книги

• «Не заставляйте меня думать» — Стив Круг

• «Дизайн повседневных вещей» — Дон Норман

• «Формулировка решений по дизайну» — Том Грив

Курсы в России

• Skillbox: Дизайн продуктов UX/UI (~100k₽)

• Нетология: Подготовка к whiteboard

• Bang Bang Education: Продвинутый Figma

Бесплатно

• YouTube: «Доска UX» от Femke van Schoonhoven

• VC.ru: #UXдизайн

• Практика: UXcel, Ежедневные вызовы UI

Заключение: ваш план на 8 недель

Главное:

1. Whiteboard — о процессе, не о пикселях.

2. Подготовка: ЯРКИЙ + практика.

3. Покажите влияние через метрики.

План:

1-2 нед: Теория (книги, метрики).

3-4: Практика 10 заданий, портфолио.

5-6: Модели, резюме.

7-8: Отклики (10/нед), собеседования.

Начните сегодня: Выберите задачу, набросайте в Miro. Удачи! 🚀

А лучшие вакансии для продуктовых и ux/ui дизайнеров ищите на hirehi.ru