Fullstack-дизайнер — веб-дизайнер с навыками вёрстки и программирования, который может полностью сделать сайт или приложение. Fullstack-дизайнер может вести проект от начала и до конца.
Кто такой fullstack-дизайнер
В среде разработчиков цифровых продуктов fullstack (фулстек) означает полный набор технологий для создания веб- или мобильного приложения. Делится на две части: frontend (фронтенд) и backend (бэкенд), где frontend — технологии для построения интерфейсов (UI), а backend — технологии для создания внутренних механизмов (API) для работы с данными.
Fullstack-дизайн — работа на стыке веб-дизайна и fullstack-разработки.
Fullstack-дизайнер — веб-дизайнер с навыками вёрстки и программирования, который может полностью сделать сайт или приложение.
Fullstack-дизайнер может вести проект от начала и до конца. Это не значит брать на себя все роли в разработке продукта. Имеется в виду, что у fullstack-дизайнера достаточно знаний и навыков на каждом этапе разработки, чтобы при необходимости взять на себя другую роль.
На некоторых проектах fullstack-дизайнер может выступать только в роли дизайнера, разработчика или даже менеджера проекта.
Быть экспертом во всех областях невероятно сложно, но иметь достаточно опыта в разных сферах вполне реально. Это то, к чему должен стремиться fullstack-дизайнер, если хочет выпускать функциональный продукт.
Кори Ли, креативный директор The Collective, в своей статье The Full-Stack Designer …and why you need to be one пишет, что fullstack-дизайнер понимает каждую часть процесса разработки продукта: «Это позволяет создавать дизайн, который не только улучшает продукт, но и повышает эффективность всей команды. Fullstack-дизайнер — многопрофильный полиглот, который может говорить на родном языке с каждым членом команды».
В отличие от веб-дизайнеров fullstack-дизайнеры видят полную картину и могут изменять набор своих навыков в зависимости от проекта. Например, в одном случае могут понадобиться знания UI-дизайна и процессов разработки, в другом — разработка UX-потоков. Как правило, в арсенале fullstack-дизайнеров есть все эти навыки, что позволяет создать лучший продукт, экономя при этом время и деньги.
Что касается степени владения инструментами дизайна и разработки, она может варьироваться. Например, сейчас распространена точка зрения, что fullstack-дизайн больше про комбинацию дизайна и frontend.
Всесторонний взгляд на продукт — главное преимущество fullstack-дизайнера. Знание разработки и дизайна продукта позволяет предвидеть ограничения, которые накладываются на продукт, ⟶ fullstack-дизайнер может чётко контролировать ожидания от него.
Предпосылки возникновения профессии
Появление fullstack-дизайнеров не произошло в один момент. В самом начале в связи с взрывным ростом популярности мобильных приложений и большим потоком частных предпринимателей появилось много небольших команд разработки, которые не могли позволить себе отдельных специалистов. Поэтому специалист, занимая одну должность, вынужден был брать на себя несколько ролей. Например, разработчик не только писал код, но и собирал прототипы в специальных программах.
Сегодня главной причиной объединения навыков можно назвать упрощение процесса программирования. Планка вхождения в дизайн интерфейсов и разработку с каждым годом снижается, и смежные специалисты — например, маркетологи — вполне могут их освоить. А тот, кто уже занимается дизайном или разработкой, может «подключить» вторую специальность и стать универсальным специалистом.
Профессия fullstack-дизайнера — профессия на стыке. Вас ждёт увлекательный путь. При этом нужно быть готовым к тому, что вас будет периодически клонить то в сторону дизайна, то в сторону разработки.
Чем занимается fullstack-дизайнер
Поскольку fullstack-дизайнер забирает под своё крыло целый блок продуктовой разработки, в его зону ответственности входит достаточно много разноплановых задач.
Проработка задачи и потребностей пользователя
Сюда входит общение с заказчиком, проведение микроисследования для анализа желаний пользователей. Вы должны понимать, какие есть ограничения, — чем больше таких ограничений, тем лучше получится продукт.
Создание концепта интерфейсов
С учётом вышеуказанных ограничений по той или иной методологии — Customer Journey Map, методу персон, Jobs to be done — подбирается решение, которое удовлетворит пользователей.
На первых порах интерфейсное решение будет определять логику взаимодействия пользователя с продуктом, но может быть ещё не проработанным.
Разработка прототипов
На базе концепта разрабатывается прототип. Прототип — любой незавершённый образ продукта. Это может быть что-то нарисованное ручкой или глубоко проработанное и свёрстанное — то, что можно показать пользователю и получить фидбек.
Для обычного дизайнера разработка детальных «живых» прототипов, как правило, головная боль: нужно сделать интерактивный прототип в Figma или в другом инструменте. В отличие от fullstack-дизайнера, для которого вопрос разработки прототипов не вызывает сложностей — он может сам легко и быстро сверстать, по ходу внося улучшения.
Тестирование прототипов
В роль fullstack-дизайнера входит также понимание, как тестировать прототип: изучать, как пользователи работают с интерфейсами и вовремя вносить коррективы. На ранних стадиях разработки коррективы можно внести быстро и — что немаловажно — дешевле. Позднее цена каждого изменения увеличивается.
Детальная проработка и участие в интеграции
«Ошибайся раньше, ошибайся чаще» — так гласит старая поговорка продактов. Этот цикл может замыкаться достаточно долго — разработали прототип, протестировали, сделали, усовершенствовали и опять протестировали. Пока это экономически целесообразно, затраченное время оправдывает себя.
Далее прототип в виде свёрстанного макета передаётся разработчикам для включения в продукт и дальнейшей работы.
Пост-анализ
После выхода продукта fullstack-дизайнеры принимают участие в пост-анализе. Собираются данные по метрикам, исследованиям, обратной связи. По результатам планируются изменения на следующий цикл.
Fullstack-дизайнер сопровождает весь цикл проработки интерфейсов — от постановки задачи до улучшений вёрстки. Это большой и сложный пласт задач. И если его грамотно ведёт один специалист, это значительно облегчает работу всей команды.
Отличный дизайн начинается с концепции и продолжается через разработку, маркетинг и другие области. Вместо того, чтобы концентрироваться на улучшении узких навыков, применимых только к дизайну, цель fullstack-дизайнера — выход из узкой сферы и влияние на другие области для улучшения продукта.
Где пригодится fullstack-дизайн
Фриланс
Позволяет не зависеть от исполнителей
Если вы только дизайнер, а заказчик хочет получить сайт целиком, вы делаете дизайн-макет, а остальную часть работы поручаете разработчику. И если разработчик не справляется, вы попадаете — в том числе и на деньги.
С fullstack-дизайнером такой ситуации не случится, потому что он может себя подстраховать и в случае чего сам сделать весь проект — дизайн и разработку. Да и денег получить больше ?
Даёт большой простор для развития
Не так страшно, когда мало платят (можно повысить цены или найти других клиентов), как страшно отсутствие развития. Можно сказать, что саморазвитие — обязанность для фрилансера. Это позволяет брать сложные задачи, интересные проекты, развиваться в профессии и как следствие — больше зарабатывать.
К тому же, из года в год делать одно и то же скучно, что плохо сказывается и на мотивации.
Корпорации
Позволяет формировать небольшие подразделения
Например, если корпорации нужно быстро проверить гипотезу, экспериментальный продукт, то внутри неё возникает команда, мини-стартап, где можно быстро принимать решения и реализовывать идеи.
Даёт большой простор для развития
Хорошему специалисту, который ориентирован на самообучение, быть человеком функции неинтересно. Важно иметь перспективу и понимать, что в этой компании можно вырасти, расширить навыки, инструментарий. В дальнейшем это поможет в том числе сменить работу.
Стартапы
То же, что для корпорации, но бывает, что без зарплат
Плюсы те же: маленькие команды из универсальных специалистов позволяют быстро двигаться в проверке гипотез на пути к созданию нового продукта. Единственное — никто не гарантирует зарплату, это зависит только от вас.
Простор для развития тут не так важен — скорее наоборот
Если вы решили заниматься бизнесом, то сразу возьмёте на себя функции менеджера. Вам придётся вовлекаться в управление проектом и одновременно решать технические задачи.
Совмещать позицию менеджера и специалиста сложно и получается только какое-то время, пока такая комбинация оправдана необходимостью — некому заниматься и тем, и тем.
Как понять, что вам может подойти профессия fullstack-дизайнера
Вы любите работать с цифровыми продуктами
Fullstack-дизайнер продумывает весь продукт, поэтому важно любить работать широко, а не с отдельным блоком задач (допустим, только с отрисовкой иллюстраций).
Вы умеете широко видеть задачу
Цифровой продукт строится на базе интересов бизнеса, пользователей и с учётом технической базы. У каждой группы есть хотелки, набор ограничений, проблематик и других условий. Эту взаимосвязь называют «табуреткой Нормана» — стоит убрать один элемент и полетит вся конструкция.
В свою очередь разработка любого цифрового продукта опирается на 4 составляющие:
- информационная архитектура — определяет, какой контент есть в нашем приложении, сайте или решении и как он запакован внутри;
- функциональность — отвечает за то, как продукт работает в динамике;
- интерфейсы — отвечают за то, чтобы пользователю было понятно, привычно и удобно взаимодействовать с продуктом;
- пользовательский опыт — выражается в общем субъективном ощущении пользователя от продукта, который он воспринимает через призму воспитания, привычек, художественного вкуса, опыта использования других продуктов, даже в зависимости от настроения и в каком контексте он находится — в метро или дома на диване в выходной.
Дизайн во многом определяет, насколько продукт придётся пользователям по душе. При этом никогда нельзя быть уверенным в стопроцентном попадании в цель.
Цифровой продукт — это живой организм, который нужно рассматривать в комплексе, с разных сторон. В нём всё взаимосвязано между собой.
Вы мыслите и логически, и эмоционально
Fullstack-дизайнер должен мыслить в том числе как пользователь продукта. Более того, ему нужно прочувствовать пользователя — пропустить через себя и осмыслить его боли.
А дальше нужно подвести под это логическую базу — дизайн математичен. Всё имеет логические предпосылки, всё можно доказать и опровергнуть логическими выкладками и данными, которые эти выкладки обогащают. Умение логически мыслить пригодится и для понимания, как выглядят структурированные процессы разработки и вёрстки.
Поэтому чтобы эффективно работать с продуктом, нужно мыслить одновременно и как логик, и как эмпатичный человек. Не у всех получается, но это не такая редкая штука, как может показаться.
Вы готовы к трудностям
Fullstack-дизайнер — профессия относительно новая. Трудности будут ожидать на каждом шагу — в процессе обучения, общения с коллегами и разработки продукта. Любовь к своему делу, навыки и амбиции помогут преодолеть любые трудности.
Вы амбициозны
Профессия междисциплинарная в квадрате: нужно взаимодействовать с разработкой, заказчиками, пользователями и отвечать за результат. Для этого нужно иметь желание занимать важную роль в разработке продукта.
Рекомендую посмотреть вот такой полезный видосик:
В чём кайф профессии
Стать fullstack-дизайнером сложно: потребуется освоить множество навыков и из дизайна, и из программирования. Но это делает таких универсальных специалистов очень востребованными и ценными. К тому же в этой работе есть место не только сосредоточенному программированию, но и творческому самовыражению.
Надеюсь эта статья Вам оказалась полезной, не забывайте подписываться на меня в Дзен. <3
Так же подпишитесь на меня в соц.сетях:
🍃 Vk-те: https://vk.com/moonrise_9
🍃 Другие соц.сети: https://linktr.ee/mooonoon