Профессиональные критерии профессий цифрового дизайна на основе анализа рынка вакансий

Web, UX, графический или продуктовый дизайнер – отличия и требования к специалисту

За последние пару лет наблюдается все больший спрос на вакансии UX-дизайнера и веб-дизайнера. Рекламы пестрят заголовками быстрого и легкого входа в профессию. Многие из тех, кто входит в профессию, задаются вопросом, чем отличается веб-дизайнер от UX/UI-дизайнера, и как этим веб-дизайнеры могут привлечь внимание работодателей при составлении резюме.

Чтобы понять разницу между веб-дизайнером и UX/UI-дизайнером, важно взглянуть на историю их развития, особенно на этап появления концепции 2.0. В это время интернет перешел к контенту, который больше генерируется, модерируется и управляется самими пользователями. С появлением социальных сетей, таких как Facebook и Instagram, произошел яркий всплеск. Раньше мы были пассивными наблюдателями.

Если вам за 30, то вы, вероятно, помните такие сайты, где вы просто заходили читать информацию и были пассивными потребителями контента, предоставляемого сайтом.

Сейчас пользователи сами наполняют сайты контентом, и это привело к развитию и появлению новых веб-сервисов, социальных сетей и мобильных приложений.

Требования к классическому веб-дизайнеру значительно выросли с появлением концепции 2.0, и появилась специализация UX/UI-дизайнера, разработчика пользовательского интерфейса и дизайнера пользовательского опыта. В чем же разница между UX и UI?

UX и UI дизайнер – дизайнер, который занимается разработкой, проектированием и отрисовкой сложных веб-сервисов и социальных сетей. Рынок готов был платить значительно больше за таких специалистов по сравнению с классическими веб-дизайнерами в концепцию 1.0.

Несколько лет назад рынок перестраивался на UX/UI, и многие классические дизайнеры, которые остались на прежнем уровне, добавляли приставку "UX" в свои резюме, удваивая требования к заработной плате. Таким образом, они находили более высокооплачиваемые вакансии, поскольку работодатели придавали приоритет компетенциям UX/UI дизайнеров. Большинство специалистов не отвечало этим требованиям и просто указывало навыки разработки интерфейса и дизайна.

Рынок только-только формировался, и многие дизайнеры и UX/UI специалисты устраивались в компании, где требования к ним были немного иными. Это в основном были агентства и компании, работающие на локальных корпоративных клиентов, а также IT-компании.

Однако классические сайты, которые раньше существовали, не исчезли. Они все так же присутствуют. Позже начался бум в сфере мобильных приложений с 2016 года, особенно в 2018 году. Рынок мобильных приложений значительно вырос, и спрос на дизайнеров мобильных приложений увеличился. В период пандемии многие оффлайн-бизнесы перешли в онлайн, чтобы иметь возможность вести свой бизнес в изменившихся условиях. 

Так давайте разберемся в разнице между графическим дизайном, веб-дизайном, UX/UI-дизайном и продуктовым дизайном. У каждого эксперта сложилось собственное понимание этих различий. Поэтому попробую немного уйти от субъективности и провести небольшое исследование. Оно призвано, чтобы помочь понять, в чем основные отличия между этими профессиями. Нет однозначного эталонного определения дизайнера или дизайнеров, это профессии, которые появились благодаря изменению рынка и появлению новых технологий – нет. 

Рынок постоянно развивается, профессии меняются, и важно понимать, что профессия называется так, как ее называет работодатель. Если в вакансии указано "дизайнер", и вы прочитаете требования к этому дизайнеру, то в следующей вакансии у другого работодателя с таким же названием может быть указано нечто совершенно другое или с незначительными отличиями. Важно понимать, что на рынке нет единого эталонного мнения о том, какой специалист должен делать какую работу. Когда кто-то говорит, что графический дизайнер должен делать только определенные задачи, а не другие, это не соответствует действительности. 

Если мы посмотрим на 10 или 100 вакансий, то увидим, что в разных компаниях графического дизайнера могут просить разные навыки, поскольку каждая компания составляет свою вакансию по своему усмотрению. Поэтому важно понимать, что нет четкой границы между разными профессиями, например, между веб-дизайнером и продуктовым дизайнером. Однако существуют общие закономерности и язык, на которые нужно обращать внимание и понимать. Это не физика, а скорее некие закономерности, которые помогут вам получить более объективное представление о том, что происходит на рынке.

О методике исследования

Для исследования были использованы данные вакансий с сайта hh.ru. Были выбраны четыре основные профессии, которые и будем рассматривать. Исключены профессии, которые были сформулированы неоднозначно и не было ясно, кого именно работодатели ищут, так как часто путают профессии. 

Например, "веб-дизайнер" и "дизайнер веб-сайтов" могут подразумевать одну и ту же профессию. Они были исключены чтобы не запутаться. Также исключены вакансии в области дизайна и разработки сайтов с использованием кода HTML, WordPerss. 

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

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

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

Дизайн: 

Все что касается творческих подходов, иллюстрации, графикой и 3D. Составление цветовой схемы и подбор шрифтовых пар. 

Проектирование:

То, что непосредственно связано с разработкой интерфейсов. Меню, карточки, блоки и типографика (размеры, отступы). Адаптивный дизайн. 

Исследование:

Анализ конкурентов, первичный анализ и подбор референсов. Прототипирование. Архитектура сайта. Тестирование (а/б тестирование), интервью, работы с аудиториями, работы с метриками.

Далее 3 указанные сферы мы разделяем на 4 основные группы по направлениям. Группы представлены в виде схемы, где разделены цветом: от самого творческого к самому “нетворческому”.

Рис. 1

Носитель дизайна:

Непосредственно то, где будет представлен конечный продукт (сайт, буклет, упаковка и т.д.).

1. Печать (все что непосредственно связанно с печатью): полиграфия; упаковка.
2. Компьютер (то, что будет демонстрироваться на экране компьютера, но не взаимодействует напрямую с пользователем): презентации; рассылки.
3. Сайты (отдельно выделено непосредственно то, что взаимодействует и имеет отклик, прямую обратную связь): Landing Page; соц. сети, превью, тизеры; многостраничные сайты; промо-сайты; баннеры.
4. Продукты (динамичные продукты, которые постоянно меняются и являются самостоятельным веб организмом): интернет-магазины; сервисы; мобильные приложения.

Софт (инструментарий):

1. Фото и видео (все что касается обработки, коррекции и монтажа): Lightroom; After Effects; Premier Pro.
2. Презентации: Canva; Power Point.
3. Разработка: Power Point; Tilda; HTML; CSS; JS.
4. Векторная графика: Illustrator; Сorel draw; InDesign.
5. Растровая графика: Photoshop.
6. Web: Figma; Sketch; AdobeXD.

Методика работы:

1. Работа в команде
2. Работа с заказчиком
3. Agile
4. Фриланс

Конечный продукт или знания:

1. Фото и видео: видео, ретушь.
2. Креатив: креативные концепции; логотипы, брендинг; айдентика; иллюстрации; 3D; композиция; визуальные тренды.
3. Визуальные тренды: анимация интерфейса; графические элементы интерфейса; дизайн интерфейса; юзабилити правила; создание и развитие дизайн систем; UI-kit'ы, библиотеки.
4. Мобильные интерфейсы: iOS; Android; адаптивный дизайн.
5. Исследования: прототипирование и wireframe; User Flow, CJM, сценарии; построение гипотез; тестирование.

Маркетинг (стоит отдельным направлением, так как упоминается в качестве необходимого запроса от работодателей)

Профессиональные критерии и навыки по специальности

Исходя из выборки направлений и опираясь на теги были сформированы критерии и навыки закладываемые в каждую из 4 выбранных профессий:

1. Веб дизайнер
2. UX дизайнер
3. Графический дизайнер 
4. Продуктовый дизайнер.

Так каждая профессия включает в себе определенный набор необходимых знаний, опыта и методик работы. Все эти данные отображены в процентном соотношении и отражают запросы и ожидания рынка вакансий. 

UX дизайнер

Рис. 2

В данной профессии процентные показатели запросов и упоминаний критериев сформировались следующим образом:

Таблица 1

В команде (как работает)	9,60%
Креатив (что делает)	8,70%
Исследования (что делает)	20%
Интерфейсы (что делает)	19,10%
Мобильный д. (что делает)	6,10%
Продукт (носитель)	10,40%
Сайты (носитель)	2,30%
Печать (носитель)	1,70%
Web (софт)	6,10%
Растр (софт)	5,20%
Вектор (софт)	3,50%
Разработка (софт)	2,60%

Рис. 3

Исходя из вышеуказанных данных можно понять, что основные критерии, предъявляемые к профессии UX дизайнера:

1. Исследование
2. Разработка интерфейсов
3. Основным носителем является продукт 
4. Необходимо работать в команде 
5. Креативность.

Вывод: работа UX-дизайнера связана с креативностью мышления, в команде и направленная на работу с большими продуктами. Основная задача – исследование. 

Веб-дизайнер

Рис. 4

В данной профессии процентные показатели запросов и упоминаний критериев сформировались следующим образом:

Таблица 2

Сайты (носитель)	16,40%
Интерфейсы (что делает)	15,60%
Креатив (что делает)	12,30%
Web (софт)	7,40%
Исследования (что делает)	6,60%
Вектор (софт)	6,60%
Растр (софт)	4,90%
Продукт (носитель)	4,90%
Компьютер (носитель)	4,90%
Фото и видео (что делает)	4,90%
Разработка (софт)	4,90%
Фото и видео (софт)	3,30%
В команде (как работает)	2,50%
Маркетинг (что делает)	1,60%
Мобильный д. (что делает)	1,60%

Рис. 5

Исходя из вышеуказанных данных можно понять, что основные критерии, предъявляемые к профессии веб дизайнера:

1. Дизайн и разработка сайтов
2. Дизайн и разработка интерфейсов
3. Креативность
4. Работа с софтом для web
5. Проведение исследований.

Вывод: в отличие от UX дизайнера, веб непосредственно занимается разработкой и дизайном сайтов. Это подтверждают и такие показатели как инструментарий и основные направления дизайна сайтов и интерфейсов. Так же видно и в дополнительных критериях. В дополнение появляется критерий “маркетинг”, который в сочетании с критериями используемого софта и носителей был обусловлен такими данными из вакансий, как: разработка презентаций, полиграфии, буклетов, баннеров, тизеров и оформлении соц. сетей.

Продуктовый дизайнер

Рис. 6

В данной профессии процентные показатели запросов и упоминаний критериев сформировались следующим образом:

Таблица 4

Исследования (что делает)	26,20%
Интерфейсы (что делает)	23,80%
Web (софт)	11,90%
Продукт (носитель)	11,90%
В команде (как работает)	7,10%
Разработка (софт)	6,00%
Мобильный д. (что делает)	3,60%
Вектор (софт)	3,60%
Растр (софт)	2,40%
Компьютер (носитель)	1,20%
Сайты (носитель)	1,20%

Рис. 7

У продуктового дизайнера более четко определены основные критерии.

1. Исследование
2. Разработка интерфейсов
3. Работа с софтом для web
4. Основной носитель – продукт
5. Работа в команде.

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

Графический дизайнер

Рис. 8

В данной профессии процентные показатели запросов и упоминаний критериев сформировались следующим образом:

Таблица 5

Исследования (что делает)	26,20%
Интерфейсы (что делает)	23,80%
Web (софт)	11,90%
Продукт (носитель)	11,90%
В команде (как работает)	7,10%
Разработка (софт)	6,00%
Мобильный д. (что делает)	3,60%
Вектор (софт)	3,60%
Растр (софт)	2,40%
Компьютер (носитель)	1,20%
Сайты (носитель)	1,20%

Рис. 9

В критериях к графическому дизайнеру появляются, неожиданные позиции.

1. Креатив
2. Вектор
3. Работа с сайтами
4. Работа с редакторами растровой графики (во всех позициях указан Adobe Photoshop)
5. Эту позицию разделяют: работа с полиграфией и фото-видео.

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

Вывод

Для начала стоит отметить, что UX не равно Web дизайн. Это два разных направления, две разные профессии.

UX – более направлен на исследование и работу в большой команде. Это обусловлено тем, что для специалистов по данной профессии установлены направления критериев, связанных с большими проектами с длительным “жизненным” сроком продукта. По этим критериям характерны работы с многостраничными сайтами, сервисами. Так же предполагает более узкую специализацию. Тем не менее, зачастую работодатели сами не могут разобраться как правильно классифицировать вакансию, что и порождает множество заблуждений и двойственных мнений.

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

Графический дизайнер наиболее часто встречающаяся вакансия в студиях и продуктовых компаниях, уделяющих значительное внимание присутствия как онлайн, так и оффлайн. Так же стоит отметить, что зачастую специальность графического дизайнера, работодатели путают со специальностью веб дизайнера, что отчетливо видно на нехарактерных критериях для вакансии графического дизайнера в привычном понимании.

Продуктовый дизайнер наиболее отдаленный отдален творческих критериев.

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

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

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