UI/UX-дизайнер: кто это, обязанности, зарплаты и как им стать в 2023 году. Обзор профессии.

СодержаниеКто такой UI/UX-дизайнер?Что делают UI/UX-дизайнеры и чем занимаются?Что должен знать и уметь UI/UX-дизайнер? Востребованность и зарплаты UI/UX-дизайнеровКак стать UI/UX-дизайнером и где учиться?30+ лучших курсов для обучения UI/UX-дизайнера: подробный обзор1 место. Курс «Профессия UX/UI-дизайнер» — Skillbox2 место. Курс «UX/UI-дизайнер: расширенный курс» — Нетология3 место.Курс «Факультет дизайна интерфейсов (UX/UI)» — GeekBrainsКурс «Профессия UX/UI-дизайнер» — ContentedКурс «UX/UI‑дизайн: продвинутый уровень» […]

Кто такой UI/UX-дизайнер?

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

Что делают UI/UX-дизайнеры и чем занимаются?

Обязанности на примере одной из вакансий:

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

Что должен знать и уметь UI/UX-дизайнер? 

Требования к UI/UX-дизайнерам:

• Аналитика, оценка проекта, написание ТЗ
• Использование инструментов аналитики
• Составление Customer Journey Maps
• Проведение А/B-тестирований
• Знание принципов юзабилити сайтов
• Использование принципов UX-проектирования и разработки сайтов и интерфейсов
• Опыт дизайна под разные устройства (десктоп, планшеты, смартфоны)
• Презентация работ клиенту

Востребованность и зарплаты UI/UX-дизайнеров

На сайте поиска работы в данный момент открыто 1 285 вакансий, с каждым месяцем спрос на UI/UX-дизайнеров растет.

Количество вакансий с указанной зарплатой UI/UX-дизайнера по всей России:

• от 90 000 руб. – 294
• от 155 000 руб. – 167
• от 220 000 руб. – 102
• от 285 000 руб. – 52
• от 350 000 руб. – 24

Вакансий с указанным уровнем дохода по Москве:

• от 105 000 руб. – 121
• от 165 000 руб. – 75
• от 225 000 руб. – 41
• от 285 000 руб. – 23
• от 345 000 руб. – 12

Вакансий с указанным уровнем дохода по Санкт-Петербургу:

• от 120 000 руб. – 51
• от 175 000 руб. – 33
• от 235 000 руб. – 18
• от 290 000 руб. – 8
• от 350 000 руб. – 6

Как стать UI/UX-дизайнером и где учиться?

Варианты обучения для UI/UX-дизайнера с нуля:

• Самостоятельное обучение – всевозможные видео на YouTube, книги, форумы, самоучители и т.д. Плюсы – дешево или очень недорого. Минусы – нет системности, самостоятельное обучение может оказаться неэффективным, полученные навыки могут оказаться невостребованными у работодателя;
• Классическое оффлайн-образование в ВУЗах, колледжах и университетах. Диплом является преимуществом при устройстве на работу, при этом обучение обычно длится не менее четырех лет, часто дают устаревшие неактуальные знания;
• Онлайн-обучение. Пройти курс можно на одной из образовательных платформ. Такие курсы рассчитаны на людей без особой подготовки, поэтому подойдут большинству людей. Обычно упор в онлайн-обучении делается на практику – это позволяет быстро пополнить портфолио и устроиться на работу сразу после обучения.

Ниже сделали обзор 30+ лучших онлайн-курсов.

30+ лучших курсов для обучения UI/UX-дизайнера: подробный обзор

1 место. Курс «Профессия UX/UI-дизайнер» — Skillbox

https://skillbox.ru/course/profession-ux/

Стоимость: Рассрочка на 31 месяц — 5 124 ₽ / мес

• Длительность 12 месяцев
• Помощь в трудоустройстве
• 5 проектов в портфолио
• Доступ к курсу навсегда.

Кому подойдёт этот курс:

• Новичкам
  Начнёте с азов и постепенно узнаете о профессии всё. Курс построен адаптивно — сложность заданий будет расти с вашим опытом.
• Джуниорам
  Получите актуальные знания от ведущих дизайнеров — и сможете быстро вырасти как специалист.
• Дизайнерам
  Получите навыки в UX-дизайне, заполните пробелы в знаниях и добавите в портфолио кейс для реального заказчика.

Чему вы научитесь:

• Основам веб-дизайна и UX
• Решать проблемы пользователей
• Проводить исследования
• Авторским подходам от лидеров рынка
• Использовать инструменты анализа
• Проектировать интерфейсы
• Работать в Figma
• Составлять карту пользователя
• Презентовать свои работы клиенту.

Программа:

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

Основные курсы

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

• Введение и первый результат
• Бонус-модуль. Горячие клавиши
• Тренды, подготовка, мудборды
• Работа со стилями. Создание GUI
• Главная страница. Первые шаги
• Основы работы с графикой
• Бонус-модуль. Личное позиционирование
• Декомпозиция
• Навигация и структура
• Интересная подача информации
• Формы и кнопки
• Адаптивность и мобильная версия
• Цвета и настроение. Промостраница мероприятия
• Специализация и личное позиционирование
• Концептуальный дизайн
• Введение в UX
• Портреты пользователей и CJM
• Иконки
• Типографика PRO

2. UX-дизайнер с нуля до PRO
   Поймёте, как делать удобные и понятные интерфейсы, опираясь на исследования. Создадите пять работ для портфолио на основе заданий от компаний: YouMeal, Сбербанк, «Домодедово», «Детский мир», «Альфа-Банк». Узнаете, как аргументировать свои решения заказчику.

• Профессия дизайнера в эпоху цифровых перемен
• Дизайн-мышление
• UX-проектирование. Паттерны и психология пользователей
• Бонус-модуль. Удобный интерфейс
• Основы юзабилити
• Юзабилити-тестирование

3. Сервисный дизайн
   Вы научитесь создавать сложные интерфейсы и сервисы на основе пользовательских исследований. Узнаете, как управлять продуктом и корпоративными сервисами.

• Что такое сервисный дизайн
• Роль сервисного дизайнера
• Виды Customer Journey Map
• Измерения пользовательских путей
• Фиджитал-интерфейсы
• Принципы вовлечения пользователей
• Сервисные слои
• Механики удержания
• Бонус-модуль. Мотивы перехода
• Принцип MAYA
• Service Design Blueprint
• Проектирование через противоречия
• Employee Experience Frame
• Сервисная лаборатория
• Инструменты развития сервисного мышления

Инструментарные курсы

4. Figma 2.0
   Вы освоите онлайн-сервис Figma — сможете проектировать и анимировать в нём интерфейсы. Поймёте, как работать над проектом с командой и организовать контроль версий.

• Интерфейс Figma
• Работа с графикой
• Модульные сетки и монтажные области
• Настройка компонентов и работа с эффектами
• Создание вложенных компонентов. Auto Layout
• Командная работа, контроль версий и передача макета в разработку
• Прототипирование
• Анимация макетов
• Бонус-модуль. Figma plugins

5. Анимация в Digital
   Вы научитесь превращать статичные макеты в динамичные баннеры и интерфейсы. Сможете создавать трендовые анимации в After Effects и Cinema 4D, прокачаться в motion-дизайне и больше зарабатывать.

• Контент в Digital
• Анимация иконок
• Анимационные иллюстрации
• Бэкграунды
• Создание анимационного шаблона для Instagram
• Анимация тканей. Создание цифровой афиши в AR
• Анимированные графики и инженерная анимация
• Анимация кейса для Behance
• Создание видеопрезентации. Раскадровка
• Создание видеопрезентации. Иллюстрации

6. Анимация интерфейсов в Principle
   Вы научитесь делать анимацию в Principle. Сможете создавать более удобные и качественные интерфейсы, работать с видеоконтентом и оформить портфолио. Курс ведёт арт-директор «Райффайзенбанка».

• Введение
• Анимация и её настройки
• Скролл, драг и пейдж
• Управление анимацией при помощи драйверов
• Кейсы компании AIC
• Импорт готовой работы
• Итоговые проекты

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

• Введение в Photoshop
• Инструменты
• Работа с файлами и изображениями
• Принципы работы со слоями и масками
• Бонус-модуль. Выделения и маски
• Эффекты
• Продвинутые приёмы обтравки и ретуши
• Принципы построения растровых изображений
• Бонус-модуль. Как освоить Pen tool
• Коллажирование для создания Key-Visual
• Бонус-модуль. Оригинальные мемы для социальных сетей

Бонусный курс

8. UX-дизайн с Майклом Джандой
   Узнаете об американском подходе к веб-дизайну. Получите знания и вдохновение от знаменитого Майкла Джанды. Его дизайн-команда работала с Netflix, Disney, Warner Bros. и FOX, а теперь он поделится опытом с вами.

• Дизайнер в новой цифровой эпохе
• Дизайн-мышление
• Роль дизайнера
• Работа над UX-проектом
• Разработка стратегии и планирование UX-проектов
• Психология поведения пользователей
• Стандартные практики дизайна юзабилити
• Дизайн юзабилити: материалы для заказчика
• Юзабилити-тестирование в UX-дизайне
• Дизайн на основе данных
• Визуальный дизайн
• Визуальный дизайн: материалы для заказчика
• Раскрытие творческого потенциала
• Успешная презентация
• Как достичь успеха в творческой карьере
• Дополнительные материалы.

Диплом Skillbox

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

2 место. Курс «UX/UI-дизайнер: расширенный курс» — Нетология

https://netology.ru/programs/product-design-ultimate

Стоимость: 164 700 ₽ или рассрочка на 24 месяца — 6 862 ₽ / мес

Кому подойдёт курс:

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

Чему научитесь:

• Работать с основными инструментами UX/UI-дизайнера
• Создавать сложный дизайн сайтов в Figma
• Разрабатывать анимацию интерфейса
• Создавать мобильные приложения под iOS и Android
• Проводить UX-исследования и работать с гипотезами
• Внедрять 3D-графику в дизайн-макет.

Программа курса:

Базовая ступень   
Освоите базовые навыки цифрового дизайнера, поработаете с веб-платформой, узнаете особенности создания сайтов, адаптивности и веб-анимации. Изучите Tilda Publishing — один из самых гибких и удобных инструментов UX/UI-дизайнера.

1. Основы Figma. Модуль от студии Mish.design
   Вы получите необходимую базу для работы с графикой и дизайн-макетами в Figma. Познакомитесь с ключевыми инструментами приложения и сразу примените их на практике. В каждом занятии — задание для самостоятельной тренировки.
2. Основы веб-дизайна. Модуль от студии Mish.design
   Изучите методы, которые помогают определить, каким должен быть интерфейс. Узнаете о техниках поиска идей для разработки интерфейса. На практике закрепите приёмы и принципы веб-дизайна, необходимые для создания современного сайта.
   Рассмотрите свойства формы и приёмы работы над композицией. Научитесь работать с цветом, подбирать шрифты, структурировать текст и использовать микротипографику. Освоите принципы создания визуальной иерархии в интерфейсе.
3. Создание проекта сайта. Модуль от студии Mish.design
   Научитесь превращать статичный дизайн в проект сайта. Создадите анимации переходов и микровзаимодействий. Разработаете адаптивную версию макета в нескольких разрешениях, в том числе — мобильную версию. Научитесь взаимодействовать с разработчиками и управлять проектом.
4. Сбор и анализ пользовательских данных UA
   Научитесь проводить анализ существующего или будущего проекта, выявлять проблемы бизнеса и соотносить их с проблемами целевой аудитории. Освоите аналитические инструменты и сконцентрируетесь на целях и ценностях пользователя.
5. Проектирование UX и прототипирование
   Изучите принципы построения пользовательских интерфейсов и рассмотрите их основные элементы. Углубитесь в методологию командной работы и формирование командного взаимодействия. Освоите инструменты для сбора и обработки данных о пользователях продукта, основы стратегии в концепции бережливого производства.
6. Создание сайтов на Tilda
   Изучите стандартные блоки, возможности редактирования и настройки сервисов в Tilda. Узнаете все нюансы подготовки сайта к запуску. Разберётесь в возможностях кастомизации блоков и гибкости их использования. Научитесь создавать разные виды сайтов, подключать платёжные системы и работать с заявками.
7. Tilda Zero Block
   Научитесь работать во встроенном графическом редакторе Zero Block: создавать дизайн любой сложности, переносить макеты из Figma или Photoshop, создавать адаптивность и работать с анимациями. Познакомитесь с базовым функционалом Zero Block, а также со скрытыми функциями, которые позволяют делать сайты фестивального уровня.

Продвинутые навыки   
Начнёте работать с мобильной платформой. Разберётесь в тонкостях гайдлайнов iOS и Android, выясните, чем нативное приложение отличается от мобильной версии сайта. Узнаете, как проектируют интерфейсы в компании Agima. Научитесь создавать 3D-графику и анимацию интерфейсов.

8. Основы дизайна мобильных интерфейсов. Модуль от студии Mish.design
   Погрузитесь в принципы дизайна мобильных интерфейсов. Научитесь использовать паттерны при разработке интерфейса. Изучите гайдлайны современных операционных систем и сможете использовать их в создании макетов.
9. Запуск и тестирование мобильного приложения. Модуль от студии Mish.design
   Научитесь создавать анимации и микровзаимодействия, готовить макет для передачи в разработку. Разберётесь в особенностях взаимодействия с разработчиками, в нюансах составления технического задания. Научитесь проводить юзабилити-тестирование и использовать полученные данные для улучшения интерфейса.
10. Опыт AGIMA. Проектирование интерфейсов
    Узнаете, как устроена работа над прототипированием и проектированием интерфейсов в агентстве AGIMA. Эксперты компании расскажут про цели и особенности анализа целевой аудитории при создании продукта, основные этапы и артефакты прототипирования. Вы потренируетесь разрабатывать в Figma веб- и мобильные интерфейсы разной степени детализации. Научитесь презентовать прототип в нестандартных форматах.
11. 3D-графика для интерфейсов в Cinema 4D
    Погрузитесь в работу с 3D. Изучите функционал Cinema 4D — одного из популярных ПО для работы с 3D-графикой. Освоите навыки моделирования и анимирования объекта. Научитесь создавать материалы и подбирать свет для создания реалистичных сцен. Поймёте основные принципы использования 3D в работе с интерфейсами. Изучите Blender как альтернативный вариант создания 3D-графики.
12. Анимация интерфейсов в ProtoPie и After Effects
    Изучите основные принципы анимации и поймёте, как превратить статичный дизайн в динамичный креативный интерфейс. Разберёте основы веб- и мобильной анимации. Освоите ProtoPie для создания интерактивных интерфейсов. Изучите основной функционал After Effects, научитесь работать с масками и слоями и поймёте, как работать с анимациями в сочетании с 3D-элементами.
13. CX: как собирать фидбек внутри продукта. Опыт компании UX Feedback
    Научитесь работать с гипотезами, выбирать правильные точки на пути пользователя для постановки вопросов. Узнаете, что такое хорошие и плохие вопросы, сможете тестировать опросы на реальных пользователях. Потренируетесь обрабатывать и категоризировать фидбек. Научитесь определять нужды пользователя и учитывать их при доработке продукта.
14. Дизайн-менеджмент
    Научитесь управлять креативной командой и создавать масштабные дизайн-проекты.

Дипломный проект
Создадите полноценный цифровой продукт на основе полученных во время обучения навыков.
Вы пройдёте все этапы создания продукта. Начнёте с исследования аудитории и анализа конкурентов. Спроектируете пользовательский опыт и займётесь прототипированием. Создадите визуальный дизайн с использованием 3D-графики и анимации. Адаптируете своё решение под разные платформы.

Вы создадите и защитите 9 дипломных проектов

1. Лендинг для банка
2. Комплексный UX-анализ сайта
3. Сайт на Tilda
4. Дизайн мобильного приложения
5. Дизайн-макет сайта
6. Прототип на основе данных исследований
7. 3D-графика для интерфейса
8. Анимация интерфейса
9. Цифровой продукт.

Вашу квалификацию подтвердит диплом о профессиональной переподготовке.