Отдел продукта и разработки

Система отдела дизайна и пользовательского опыта

Команда дизайна и UX, производящая интерфейсы продукта и передающая их в разработку по ясным стандартам.

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

Без банковской карты — ваш проект будет готов с полной системой за минуту

Запрос1
Зарегистрируйте текущие отложенные запросы на дизайн
Исследование1
Соберите существующие экраны и начните инвентаризацию дизайн-системы
Дизайн0
Пока нет карточек
Тестирование1
Задокументируйте первый результат юзабилити-теста на форуме
Передача0
Пока нет карточек
Проверка0
Пока нет карточек
Обучение0
Пока нет карточек

Так выглядит доска системы, которую вы получите: колонки рабочего процесса и стартовые карточки с первыми шагами

Как устроена работа в этой системе?

Запрос на дизайн поступает карточкой в «Запрос» от менеджера продукта или внутренней команды — в нём описывается проблема, а не требуемый вид. Руководитель дизайна переводит её в «Исследование», чтобы дизайнер освоил контекст: похожие экраны, замечания пользователей, технические ограничения. Затем «Дизайн»: решения строятся от первого макета до интерактивного прототипа, и версии прикладываются к карточке по порядку. Готовое переходит в «Тестирование» — быстрые сессии использования или экспертная проверка; при успехе идёт в «Передача» с финальным файлом спецификаций, который принимает фронтенд-разработчик. После реализации карточка входит в «Проверка» для визуальной сверки реализованного с задуманным, а выводы переносятся в «Обучение» для питания дизайн-системы.

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

Руководитель дизайна принимает запросы, расставляет их, присутствует на проверках «Тестирование» и утверждает «Передача». Дизайнеры владеют своими карточками от «Исследование» до «Проверка» и загружают свои версии. Фронтенд-разработчики принимают из «Передача» и сверяются с дизайнером в «Проверка» до закрытия. Итог: нет передачи без тестирования и нет закрытия без проверки реализованного — разрыв между дизайном и кодом закрывается здесь, а не после жалоб пользователей.

Кто за что отвечает?

Операционные роли в этой системе и зона ответственности каждой в ежедневной работе — назначьте их команде как есть или адаптируйте под себя.

Руководитель дизайна

Принимает запросы и расставляет их приоритеты, ведёт проверки тестирования и передачи, охраняет согласованность дизайн-системы через форум.

Дизайнеры опыта и интерфейсов

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

Фронтенд-разработчики

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

Что подготовлено для вас с первого дня?

Модули системы

  • Задачи Канбан-доска с колонками рабочего процесса и карточками исполнения
  • Чат Быстрый канал ежедневной координации команды
  • Форум Задокументированные обсуждения в упорядоченных разделах — решения и знания не теряются

Разделы форума (4)

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

«Правила работы в этой системе» — Закреплено на форуме

1. Каждый запрос на дизайн описывает проблему и цель — запрос «нарисуй мне такой экран» без контекста не принимается. 2. Версии дизайна прикладываются к карточке по порядку, и новейшая версия — единственный ориентир. 3. Нет передачи в разработку до прохождения «Тестирование» и документирования его результата. 4. Решения дизайн-системы утверждаются на форуме — никаких радикальных визуальных изменений через один чат. 5. Каждая карточка проходит «Проверка» сверки реализованного с задуманным до закрытия.

Готовы? До вашего первого проекта — две минуты

Создайте бесплатное рабочее пространство сейчас и пригласите команду до конца дня.