Петя и карточка, которая все не вмещала

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

Петя и карточка, которая все не вмещала

И вот дали Пете задачу — добавить фичу в товарную ленту, которая должна была увеличить выручку.

Не “улучши, как считаешь нужным”. А чётко: нужно показать “новинку недели” и повысить клики по ней.

Старая лента напоминала школьную стенгазету: всё яркое, шумное, на каждом товаре — плашки, бейджи, шильдики, бантики. “Акция”, “Новинка”, “Хит”, “Рекомендуем”, “Товар недели”, “Любимец продакта”.

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

Он решил: раз уж трогаем — надо делать правильно. И начал рисовать.

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

Пошёл к продакту.

— Слушай, выглядит круто. Но тут верстать долго. Очень долго. Каждая карточка теперь гибкая, динамика, нужно всё проверять на адаптив, на все состояния, на корнер кейсы. Бейдж добавим — и всё.

— Но это всё по дизайн-системе, без логики на бэке. Только верстка. У нас же в этом и смысл — чтобы переиспользовать, упрощать!

— Ну да, но конкретно сейчас — это сильно сложнее, чем просто добавить бейдж. У нас задача квартала — повысить клики на новинки. Мы это можем сделать, просто впихнув “новинка недели” в текущую карточку.

— Но так карточка будет ещё хуже.

— Я понимаю. Но мы решим задачу. Быстро. И в срок.

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


Но продакт не пошёл. Просто решил, что “долго” — и точка.

Петя и карточка, которая все не вмещала

Петя пошёл к руководителю дизайна.

— Макет системный. Он сразу решает кучу проблем. Мы избавляемся от хаоса, снижаем костыли, упрощаем поддержку. Это правильное решение подтвержденное исследованием.

— Я с тобой, Петя. Ты прав.

Но… у нас такой процесс.

Если нет метрик — не берем в спринт. Продукту сейчас важна скорость.

Петя надеялся, что руководитель встанет на его сторону. Что поможет убедить. Поговорит с продактом. С СРО и CTO. Даст шанс этому макету.


Но — только развёл руками. Ушёл в сторону.

Что вышло в итоге

Вернул старую структуру. Вставил бейдж. Потом ещё один. Потом ещё. Карточка снова стала тем, чем и была: перегруженной, шумной, непропорциональной. Но задачу квартала закрыли. Быстро. И как будто эффективно. А макет Пети ушёл в архив. В папку: “Сделаем потом, когда будет свободное время ”.

Почему это важно

Петин макет не взяли не потому что он был плохой.

Он был системным, точным, нужным.

Его не взяли потому, что:

  1. Продакт не попытался найти компромисс. Даже не пошёл к разработке.
  2. Руководитель не стал защищать дизайн. Согласился с текущим бардаком ради “не спорить”. Хотя видел, что дизайнер прав.

Вот почему системный дизайн в продукте часто проигрывает — не из-за времени или сложности. А из-за нехватки партнёрства, отсутствия амбиций и страха сказать “давайте сделаем правильно”.

Как объяснять влияние дизайна

Дизайн — это не визуал. Это основа продукта.

Если его не поддерживать — всё разваливается.

И когда это происходит, все бегут в один и тот же угол: “Нам нужен редизайн”.

Но редизайн — это не решение. Это расплата за то, что ничего не делали раньше.

1. Дизайн = система

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

2. Плохой дизайн = постоянная плата

Костыль → баг → объяснение → новая логика. Плохой интерфейс жрёт деньги каждый день.

3. “Сделаем потом” — это миф

“Потом” никогда не наступает. Потом = накопление долгов. А потом случается дорогой, болезненный редизайн с выгоранием по полной.

4. Хороший дизайн = рост метрик

  1. Понятный интерфейс = выше клики
  2. Чистая карточка = больше доверия
  3. Простой путь к действию = рост конверсии

Как действовать

  1. Не молчите.Показывайте, сколько раз “сделали быстро” и к чему это привело.
  2. Будьте союзником разработки.Узнавайте, что реально. Не принимайте “дорого” на веру.
  3. Дайте продакту цифры.CTR, сравнение версий, примеры из A/B.
  4. Помогайте руководству быть голосом дизайна.Руководитель дизайна — это не просто координатор. Это амбассадор смысла.Очень часто дизайн-руководители действительно видят, что решение плохое. Понимают, что дизайнер прав. Но не вмешиваются. Иногда — из вежливости. Иногда — из выученной осторожности.Иногда — потому что “и так всё понятно, просто сейчас не время”.Научите руководителя быть тем, кто вовремя скажет нужное слово. Кто даст макету второй шанс. Кто поддержит, когда кажется, что «проще уступить».

Уверенный и проактивный дизайн-лид — это не оппозиция продукту. Это партнёр, который держит баланс между скоростью и качеством. Тот, кто умеет не просто “одобрить”, а отстоять.

Финал

Когда дизайн не поддерживают — он умирает не сразу.

Он умирает по чуть-чуть. От бейджа. От костыля. От “давай побыстрее”. А потом всё ломается. И приходит Петя. Смотрит на карточку. И молча достаёт свой макет из архива.

— Помните? Я это уже делал. Два квартала назад.

Но тогда… не было времени.

6
7 комментариев