Не дизайните экраны. Дизайните договорённости.
За 12 лет в дизайне я поняла, что самый сложный интерфейс в продукте — это процесс его создания.
Настоящий сложный интерфейс, который вы проектируете, невидим. Он состоит из встреч, задач в Jira, согласований, споров про термин «сделать красиво» и тихих саботажей в чатах. Его пользователи — разработчики, продукт-менеджеры, маркетологи и стейкхолдеры. И если этот интерфейс даёт сбой, ваш безупречный дизайн в фигме так и останется картинкой.
Это интерфейс процессов. И вот как его проектировать.
1. Карта боли дизайн-процесса
Прежде чем рисовать экраны, нарисуйте процесс принятия решений в вашей команде. Ответьте на вопросы:
- В какой момент дизайн «уходит в тень» — его дорисовывает разработчик, потому что «не было времени на все состояния»?
- Где точки разрыва контекста? (Дизайнер думает в терминах «ценность», PM — в терминах «фичи», разработчик — в терминах «спринтов»).
- Чьи решения оказываются непреднамеренно проигнорированы и почему?
2. Протокол решений
Самая частая фраза, убивающая процессы: «Мне не нравится». Она от субъективного мнения, а не от цели.
Внедрите протокол решений. Например, для любой критики дизайна должна быть явно названа проблема (а не решение), и она должна быть привязана к:
- Данным юзабилити-теста (Пользователи не нашли кнопку)
- Бизнес-метрике (Конверсия в этот шаге падает)
- Гайдлайнам системы дизайна (Этот контрол нарушает принцип доступности)
Это убирает токсичные «стилевые войны» и переводит диалог в конструктивное русло. Вы проектируете не «нравится/не нравится», а систему аргументации.
3. Дизайн-ревью — это не защита диплома
Традиционный процесс: дизайнер неделю готовит макет, потом приходит на ревью и получает ударную дозу фидбека от всех участников. Это дорого и неэффективно.
Переверните процесс. Делайте его асинхронным.
1. Не ждите финального дизайна. Как только у вас есть 2-3 сырых варианта решения проблемы (даже скетчи на салфетке!), сделайте их фото. 2. Напишите краткий пост в рабочий чат: · Проблема: «Пользователи не понимают, как оформить подписку». · Гипотеза: «Думаем, они не видят выгод». · Варианты: Прикрепляете скриншоты эскизов с вопросом: «Какой путь, по-вашему, решает проблему лучше?» 3. Собирайте фидбек в чате. Это занимает у команды по 2 минуты каждого, а не общие 60 минут встречи.
Так вы получите реакцию быстро и по делу, не отрывая команду надолго. А уже потом, с выбранным направлением, делаете детальный дизайн.
4. Дизайн-система — это процесс, а не библиотека
Многие думают, что создали дизайн-систему, когда собрали UI Kit. Это всего лишь бибилиотека. Настоящая дизайн-система — это:
- Процесс предложения нового компонента (как его внедрить? кто решает?).
- Процесс управления долгом (что делать, если разработчик использует устаревшую кнопку?).
- Процесс коммуникации изменений (как уведомить всех о том, что отступ поменялся с 4px на 8px?).
Эти простые правила спасают от хаоса и сохраняют единообразие продукта.
Ваша главная задача — не нарисовать идеальный макет, а сделать так, чтобы он был правильно понят, реализован и принес пользу.