Как фронты могут сделать жизнь дизайнеров легче

Это оформленный в виде поста твитер-тред о том, что бывает нужно от фронтов в плане понимания дизайна.

Важно понимать, что этот текст написан не потому что автор вдруг решил предъявить фронтам за все обиды, а потому что фронтенд-инженеры Злых марсиан сами попросили рассказать в каких местах командной работы у дизайнеров обычно болит. Ответ показался всем достаточно полезным и его решили опубликовать.

Пост-ответочка: как дизайнеры могут сделать жизнь фронтов легче.


Круто, если фронт становится напарником в систематизации дизайна. Если на одном экране три размера кнопок, идеально, если фронт вежливо спросит — это так задумывалось или баг? То же самое с цветами, отступами и остальными элементами дизайна.

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

С ростом проекта, будет круто, если фронт будет занимать активную позицию в задаче упаковки и сокращения сущностей. Например, придет и вежливо скажет, что в стилях уже 100500 переменных для отступов, может, отступы в 32, 34 и 36 пикселей заменить на что-то одно?

Круто, если фронту можно отдать кнопку «в покое» и попросить временно, пока все в огне лепят из говна и другого говна MVP, сделать ховер, клик и остальное на свой вкус. Круто, если результат будет укладываться в принципы системы и у синей кнопки не будет внезапно зеленого ховера.

Круто, если фронт знает золотой прием «я временно сделал так, если хочешь что-то поправить, пиши». Например, пользуется им, если в цепочке экранов дизайнер не сделал какое-то состояние — ситуация не становится блокером и не превращается в предъяву «не могу взять дизайн в работу».

Обычно фронты о таком и не молчат, но для полноты картины: круто, если фронт не молчит на предпоказе макета, что нарисованное потребует 3 месяца разработки. Всегда нужно вежливо об этом сказать, нормальный дизайнер выслушает проблему и вы вместе придумаете как выкрутиться.

Однако бывает, что после всех обсуждений все включая клиента решают все-таки угореть на 3 месяца. Круто, если фронт понимает, что иногда проекту нужны такие крутые/сложные/вау фичи, чтобы выделиться и, возможно, это как раз она и просто возьмет упорется и запилит в лучшем виде.

Круто, когда фронт может быть напарником по спецэффектам. Дизайнеров это не красит, но частенько они понятия не имеют на что способен современный CSS — анимации, режимы наложения, etc.

Круто, если у фронта есть чуйка в каких местах уместно прийти с «смотри, я могу вон ту штуку с вот этой воооот тааак зафигачить, цсс позволяет, хочешь так?». Чем больше дизайнер будет знать какие у него есть инструменты, тем больше выиграет продукт.

Хорошая дизайн-система такое почти исключает, однако, круто, если фронт видит мелкие визуальные косяки — текст съехал по вертикали, иконка относительно кнопки неровно стоит, кнопки на тулбаре подпрыгнули, вот это вот все.

Внимание фронта к таким мелочам превращает приемку фичи в бодрое «все круто, спасибо!», вместо высасывающего из всех участников жизнь списка из 50 просьб «подвинь вот тут на пиксель».

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


Комментировать текст лучше в твитер-треде.