Что за зверь: DevSigner, Full Staсk Designer, UI Developper и другие название для дизайнера, который умеет верстать

Привет, читатель!

В последнее время я очень часто слышу споры о том, должен ли дизайнер уметь кодить и, в частности, верстать (многие не считают вёрстку полноценным программированием, но давайте для упрощения задачи предположим, что это так). В этой статье я хочу поделиться своими мыслями по теме.

Итак, если бы нужно было бы ответить на вопрос « Обязан ли дизайнер уметь верстать?», я бы сказала: «Нет, не обязан, но должен быть технически подкован для понимания того, как будет функционировать созданный им продукт”.

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

Почему появились Full Stack дизайнеры

Здесь всё очень просто. Раньше существовало три основных домена веб-разработки: веб-дизайн, вёрстка и веб-программирование. В то время вёрстка служила своеобразным связующим звеном между двумя оставшимися областями. Но с разделением веб-дизайна на UX и UI, и веб-программирования на Front и Back, оказалось, что Front-end разработчики вполне в состоянии взять на себя большую часть работы верстальщиков, что приводит к постепенному исчезновению профессии “верстальщик” как таковой. (В статье речь идёт только о реалиях той среды, в которой работаю я. В странах СНГ всё несколько иначе. Например, во Франции, в прошлом году её даже исключили из официального перечня профессий веба, по которым проводятся исследования по величине зарплаты.) Однако далеко не все Front-end разработчики были в восторге от этой идеи: ведь к их основной работе добавилась необходимость управлять кросс-браузерностью, разбираться с адаптивностью на разных размерах экрана и тому подобные вещи. Плюс ко всему, они не всегда аккуратно воспроизводили графические макеты, что становилось дополнительным камнем преткновения между дизайнерами и программистами.

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

Кто такой Full Stack дизайнер

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

Почему наличие Full Stack дизайнера полезно для команды

1. Психологический аспект

Скорее всего это одна из самых важных причин. Хотя многие программисты и считают верстальщиков «недопрограммистами» ( я с этим абсолютно категорически не согласна ), умение дизайнера верстать часто вызывает у них уважение и признание его « своим человеком». Соответственно, это помогает сгладить некоторые рабочие конфликты типа «этот креативный дизайнер опять создал что-то невообразимое» и «программисты опять наделали кучу ошибок в моём макете». Наличие Full-stack дизайнера сглаживает подобные вещи: он может на ранних этапах перенаправить «креативность» других дизайнеров в нужное, более реализуемое, русло, и в то же время общаться с разработчиками на их языке при необходимости.

2. Качество продукта

Дизайнеры работают в графических редакторах. Их среда статична, они считают пиксели, чтобы всё было «pixel perfect». Программисты работают в динамической среде: размер окна браузера всегда разный, девайсы всегда разные, контент всегда разный, и прочие подобные мелочи. Поэтому часто работа дизайнера по подсчёту пикселей просто пропадает зря. Full-stack дизайнер будет использовать графический редактор как промежуточный инструмент и, скорее всего, будет завершать разработку дизайна уже в браузере, что в итоге даст более качественный продукт.

3. Продуктивность

При правильной организации работы наличие Full-stack дизайнера позволит, пропустив этап «шлифовки макетов», быстрее перейти к разработке самого продукта. Это экономит время, деньги компании и нервы project-менеджера :)

Кому Full Stack дизайнер будет полезен

1. Небольшим и/или развивающимся компаниям, занимающимся разработкой инновационного продукта (можно было бы использовать термин «стартап», но он слишком «опошлился» за последнее время :) )

Для подобных компаний скорость выхода продукта на рынок зачастую является решающим фактором успеха, что определяет время как один из самых важных ресурсов. Но, к сожалению, зачастую качество и удобство использования уходит на второй план, а на первый выходит функциональность. Наличие Full Stack дизайнера позволяет сконцентрироваться на разработке продукта, а не на сдавании графических макетов ( Это нормально, если интересно узнать почему, то мне лично очень нравится, как это описано в статье: https://medium.theuxblog.com/design-hierarchy-of-needs-the-product-owners-guide-29ceb28205ae ).

2. Дизайн- студиям и небольшим агентствам

Часто хорошие специалисты уходят из крупных агентств по причине «линейности» процесса: сначала research, потом UX дизайнеры делают wireframes, затем главный арт директор делает гидлайны и главную страницу, следом джуниор дизайнеры оформляют другие страницы, далее всё передаётся в отдел разработки верстальщикам, и только после этого внедряются Front-end и Back-end разработчики.

Маленькие же дизайн студии обычно стараются внедрить как можно больше специалистов на начальных этапах работы, так как благодаря этому качество продукта увеличивается в несколько раз. Но всё-таки дизайнерам и программистам иногда бывает довольно трудно понять друг друга из-за разной терминологии и неумения задать друг другу правильные вопросы. Full Stack дизайнер служит своеобразным «переводчиком» в подобных переговорах.

Как жить дальше

1. Владельцам стартапов или небольших студий

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

2. Дизайнерам

Я не буду призывать всех дизайнеров становиться верстальщиками ( а то получаться опять веб мастеры, а нам же этого не нужно :) ) но азы профессии выучить всё-таки очень рекомендую. Как сказал один человек: «С помощью Google вы должны уметь сверстать простой layout:)

*******************************************************************

Понравилась моя статья? Буду благодарна за “Share”!

Есть чем дополнить материал? Пишите на почту: polina.obertysheva@gmail.com или добавляйтесь в Facebook и Vkontakte