С чего начать в профессии: UX/UI-дизайнер

Гиды · 7 мин чтения

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

Вторая половина профессии — переписка и согласования. Обсуждение макета с менеджером, разговор с разработчиком о том, как поведёт себя длинная кнопка на экране шириной 360 пикселей, правки после показа заказчику. Если вы сомневаетесь, ваше ли это, и боитесь потратить деньги на курс впустую — это нормальная мысль перед сменой профессии. Ниже разобрано, что предстоит освоить, сколько за это платят в Минске и по каким признакам отличить программу, после которой остаётся портфолио, от программы, после которой остаётся один сертификат.

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

Из чего складывается путь в профессию

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

Чем UX/UI-дизайнер отличается от смежных профессий

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

ПрофессияРезультат работыОсновной инструмент
UX/UI-дизайнерПрототип и макеты экранов приложения или сервисаFigma
Веб-дизайнерМакет сайта или посадочной страницы, часто сразу собранныйFigma, Tilda
Графический дизайнерЛоготип, упаковка, макет для печатиIllustrator, Photoshop
Продуктовый исследовательОтчёт по интервью и тестам с выводами для командыMiro, таблицы

Инструмент у первых двух строк почти совпадает, а мышление — нет. Веб-дизайнеру достаточно, чтобы страница выглядела убедительно и продавала. UX/UI-дизайнеру нужно удержать в голове весь маршрут: как выглядит экран, когда список пуст, когда интернет пропал, когда пользователь ввёл номер карты с ошибкой. Именно из-за этих состояний работа над одним экраном растягивается на несколько дней.

UX-дизайнер над схемами интерфейса
Фото: picjumbo.com / Pexels

Нужно ли профильное образование

Диплом художественного вуза в этой профессии не спрашивают. На собеседовании смотрят портфолио и просят объяснить решения: почему кнопка «Оплатить» закреплена внизу экрана, почему регистрация разбита на два шага, а не на четыре. Ответ «так красивее» закрывает разговор, ответ «в тесте трое из пяти не долистали до кнопки» — открывает. Профильное образование помогает в одном: художник быстрее ставит композицию и чувствует типографику. Всё остальное — сценарии, компоненты, работа с ограничениями платформы — осваивается с нуля независимо от первого диплома.

Гуманитарный или технический бэкграунд при этом становится преимуществом. Бывший бухгалтер понимает, как устроен учётный интерфейс с десятками полей, и делает его удобнее, чем выпускник академии. Учиться можно и самостоятельно: у Figma есть бесплатная документация, а разборов чужих интерфейсов в открытом доступе достаточно. Ограничение самостоятельного пути в другом — никто не скажет, что макет собран неаккуратно и с таким портфолио на собеседование идти рано. Поэтому быстрее и надёжнее оказывается структурированная программа с проверкой работ.

Как отличить рабочую программу курса от формальной

  • Проектов в портфолио — сколько именно и какого типа. Три полноценных кейса с исследованием и прототипом весят больше, чем двадцать упражнений на инструмент.
  • Исследование в программе. Если модуля про интервью и тестирование нет, курс учит рисованию экранов, а не проектированию.
  • Проверка домашних заданий человеком, а не автотестом, и с письменным разбором, а не оценкой «зачтено».
  • Работа с дизайн-системой и передача макета в разработку — это то, чем занят штатный дизайнер большую часть времени.
  • Срок и нагрузка честно названы: сколько месяцев и сколько часов в неделю. Полная программа и короткий курс дают разный результат — выбирайте по своей цели, а не по длине списка модулей.

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

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

Сколько зарабатывает UX/UI-дизайнер и где работать

Разброс предложений в Минске широкий, и зависит он не от города, а от того, что человек уже собрал. Начинающий дизайнер собирает экраны по готовой дизайн-системе и берёт подработки по макетам, пока не наберётся портфолио, — первые полгода доход обычно самый низкий. Уверенный середняк с портфолио из живых продуктов ведёт задачу целиком: исследование, прототип, передача в разработку. Ведущий дизайнер отвечает ещё и за работу других, и этот переход даёт самый заметный рост дохода. Суммы смотрите по свежим объявлениям: рядом с вилкой там описано, за что её платят.

Окупаемость удобнее считать в месяцах работы: разделите цену программы из подборки на доход, на который рассчитываете на старте. С рассрочкой платежи идут параллельно с первыми заказами — не приходится вносить всю сумму до того, как появился доход.

Работодатели в Минске делятся на четыре понятных группы. Аутсорсинговые компании вроде Andersen и «Дримтим Аппс» — там дизайнер ведёт проекты зарубежных заказчиков и быстро набирает разнообразие в портфолио. Банки — Белинвестбанк и БСБ Банк регулярно ищут дизайнеров в мобильные приложения. Государственные сервисы: Национальный центр электронных услуг занимается порталами, которыми пользуется вся страна. Игровые студии — например, «Хайкор Геймз», где нужен интерфейс внутри игры. Пятый путь — фриланс на бирже или прямые заказчики, но начинать с него сложнее: некому показать, что макет собран неверно.

Как нейросети изменили работу UX/UI-дизайнера

Черновой макет экрана Figma собирает по текстовому описанию сама: «страница настроек с профилем и уведомлениями» превращается в готовую раскладку из стандартных компонентов за минуту. Название у этой функции менялось, актуальное — в справке Figma. Figma Make по текстовому описанию собирает работающий прототип вместе с кодом, Uizard переводит фотографию бумажного наброска в редактируемый экран. Рутина, на которую раньше уходил день, занимает полчаса.

Чего нейросеть не делает — так это не проводит интервью с вашим пользователем и не знает, что клиенты банка в Минске путают слова «перевод» и «платёж». Она собирает среднее по обучающим данным, а решение о том, какой из трёх сценариев оставить, принимает человек с аргументом из теста. Отдельно остаётся доступность интерфейса — размер шрифта, контраст, работа с экранной клавиатурой: сгенерированный макет здесь почти всегда требует ручной правки. Отсюда простой вывод для новичка: ценность сместилась с умения рисовать на умение обосновывать, а обоснованию учат на программах с исследовательским модулем и разбором работ.

Программы школы Eduson Academy по теме статьи

Все курсы в каталоге

Кому подойдёт эта профессия

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

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

Что почитать дальше

Поделиться: Telegram WhatsApp ВКонтакте

Читайте также