Не дизайните экраны. Дизайните договорённости.

За 12 лет в дизайне я поняла, что самый сложный интерфейс в продукте — это процесс его создания.

Настоящий сложный интерфейс, который вы проектируете, невидим. Он состоит из встреч, задач в Jira, согласований, споров про термин «сделать красиво» и тихих саботажей в чатах. Его пользователи — разработчики, продукт-менеджеры, маркетологи и стейкхолдеры. И если этот интерфейс даёт сбой, ваш безупречный дизайн в фигме так и останется картинкой.

Это интерфейс процессов. И вот как его проектировать.

1. Карта боли дизайн-процесса

Прежде чем рисовать экраны, нарисуйте процесс принятия решений в вашей команде. Ответьте на вопросы:

  • В какой момент дизайн «уходит в тень» — его дорисовывает разработчик, потому что «не было времени на все состояния»?
  • Где точки разрыва контекста? (Дизайнер думает в терминах «ценность», PM — в терминах «фичи», разработчик — в терминах «спринтов»).
  • Чьи решения оказываются непреднамеренно проигнорированы и почему?

2. Протокол решений

Самая частая фраза, убивающая процессы: «Мне не нравится». Она от субъективного мнения, а не от цели.

Внедрите протокол решений. Например, для любой критики дизайна должна быть явно названа проблема (а не решение), и она должна быть привязана к:

  • Данным юзабилити-теста (Пользователи не нашли кнопку)
  • Бизнес-метрике (Конверсия в этот шаге падает)
  • Гайдлайнам системы дизайна (Этот контрол нарушает принцип доступности)

Это убирает токсичные «стилевые войны» и переводит диалог в конструктивное русло. Вы проектируете не «нравится/не нравится», а систему аргументации.

3. Дизайн-ревью — это не защита диплома

Традиционный процесс: дизайнер неделю готовит макет, потом приходит на ревью и получает ударную дозу фидбека от всех участников. Это дорого и неэффективно.

Переверните процесс. Делайте его асинхронным.

1. Не ждите финального дизайна. Как только у вас есть 2-3 сырых варианта решения проблемы (даже скетчи на салфетке!), сделайте их фото. 2. Напишите краткий пост в рабочий чат: · Проблема: «Пользователи не понимают, как оформить подписку». · Гипотеза: «Думаем, они не видят выгод». · Варианты: Прикрепляете скриншоты эскизов с вопросом: «Какой путь, по-вашему, решает проблему лучше?» 3. Собирайте фидбек в чате. Это занимает у команды по 2 минуты каждого, а не общие 60 минут встречи.

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

4. Дизайн-система — это процесс, а не библиотека

Многие думают, что создали дизайн-систему, когда собрали UI Kit. Это всего лишь бибилиотека. Настоящая дизайн-система — это:

  • Процесс предложения нового компонента (как его внедрить? кто решает?).
  • Процесс управления долгом (что делать, если разработчик использует устаревшую кнопку?).
  • Процесс коммуникации изменений (как уведомить всех о том, что отступ поменялся с 4px на 8px?).

Эти простые правила спасают от хаоса и сохраняют единообразие продукта.

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