Tilda Education
Что такое UX/UI и чем занимаются дизайнеры в этой сфере
Профессиональные UX- и UI-дизайнеры рассказали нам, чем они занимаются, сколько зарабатывают и как всему этому научились. А ещё делятся секретами: каких кандидатов они берут на работу и что для этого нужно уметь.
21 ноября 2025
26 минут
Из статьи вы узнаете:
UX и UI простыми словами
UX-дизайн («user experience» — пользовательский опыт) — это создание удобного и логичного для человека сайта, приложения или другого цифрового сервиса.
Если говорят «дурацкий UX», значит имеют в виду, что пользоваться сервисом неудобно
Основная задача UX-дизайна в том, чтобы пользователи получили позитивный опыт: справились со своей задачей быстро и без затруднений. Например, чтобы нужные функции не приходилось долго искать в настройках, а для регистрации в личном кабинете было достаточно ввести только номер телефона.
UX-дизайнер продумывает логичную структуру и удобную последовательность текстов, иллюстраций, кнопок, рубрик, категорий и так далее. Результат его работы — чёрно-белый макет, который показывает, как будут располагаться элементы.
UI-дизайн («user interface» — пользовательский интерфейс) — это работа над внешним видом интерфейса: над цветами, иллюстрациями, анимацией, шрифтами, иконками и так далее.
Результат работы UI-дизайнера — цветной макет, где проработаны визуальные решения.
Цель UI — выразить характер компании с помощью дизайна, при этом доставив пользователям эстетическое удовольствие.
- Артём КонаковCEO дизайн-студии UXART и автор телеграм-канала @konakov_blogРасскажу на примере. Представьте, что вы пришли в бар:
UX — это ваше впечатление:- как быстро вас встретили,
- удобно ли было сидеть,
- насколько вкусная еда,
- предложили ли разные варианты,
- насколько громкая музыка,
- легко найти туалет или нет,
- быстро ли вы расплатились.
- красивая барная стойка,
- стильные стаканы,
- читаемое меню,
- прикольные неоновые вывески,
- приятные на ощупь салфетки.
Аналогично в интерфейсах: UX — это удобство и понятность, а UI — визуал, анимация и красивость.
Чем UX/UI отличается от веб-дизайна
UX/UI-дизайн — широкое понятие. Включает в себя работу с разными типами продуктов: сервисами, приложениями, сайтами. Основной упор в UX/UI делают на исследования, аналитику, построение логики интерфейсов. Типичная задача обычно звучит как-то так: «Продумать, как пользователю удобнее выбрать и оплатить услугу на сайте».
Веб-дизайн — узкое понятие. Обычно речь идёт о создании лендингов или сайтов. Здесь масштабные исследования и глубокая аналитика встречаются реже — от специалиста обычно не требуют таких навыков. Акцент в веб-дизайне делают непосредственно на создании макета и его реализации. Типичная задача звучит примерно так: «Сделать красивый лендинг для акции, с которого будет много продаж».
Иногда разницы между веб- и UX/UI-дизайном нет. Задачи могут пересекаться: веб-дизайнер может выполнять исследовательскую работу, а UX/UI — заниматься простыми сайтами, а не только сложными цифровыми продуктами.
UX/UI-дизайн — широкое понятие. Включает в себя работу с разными типами продуктов: сервисами, приложениями, сайтами. Основной упор в UX/UI делают на исследования, аналитику, построение логики интерфейсов. Типичная задача обычно звучит как-то так: «Продумать, как пользователю удобнее выбрать и оплатить услугу на сайте».
Веб-дизайн — узкое понятие. Обычно речь идёт о создании лендингов или сайтов. Здесь масштабные исследования и глубокая аналитика встречаются реже — от специалиста обычно не требуют таких навыков. Акцент в веб-дизайне делают непосредственно на создании макета и его реализации. Типичная задача звучит примерно так: «Сделать красивый лендинг для акции, с которого будет много продаж».
Иногда разницы между веб- и UX/UI-дизайном нет. Задачи могут пересекаться: веб-дизайнер может выполнять исследовательскую работу, а UX/UI — заниматься простыми сайтами, а не только сложными цифровыми продуктами.
- Антон Ягуповsenior UX/UI-дизайнер в Далее (команда Сбера) и автор телеграм-канала @yavnodesignКогда у интерфейса, кроме скролла, есть ещё и кнопки, условия отображения и разные сценарии взаимодействия с пользователем, веб-дизайн заканчивается. Здесь начинается UX и UI. Если вы скроллите сайт автосалона и можете, не кликая, узнать, где он находится и какие марки авто продаются — это веб. А вот если на этом сайте можно записаться на просмотр и посчитать калькулятором кредитные цифры — это уже взаимодействие с пользователем, то есть UX/UI.
Примеры UX и UI в современных интерфейсах: над чем дизайнеры работают каждый день
Меню
Элемент навигации на сайте, который обычно располагается в верхней части. UX-специалист продумывает, как пользователь будет перемещаться между страницами и какие из них наиболее важные. UI-дизайнер решает, где будет располагаться меню и как оно будет выглядеть. Вместе они делают элемент удобным, привычным и эстетичным для пользователя.
Вход в личный кабинет
Процесс, который пользователи хотят пройти быстро. UX-дизайнер должен продумать, как его упростить. UI-специалисту необходимо органично вписать всю информацию в интерфейс и добавить вспомогательные элементы, например иконки.
Оформление заказа
Это пример сложного сценария. Здесь нужно учесть много критериев, но не перегрузить интерфейс элементами. UX-дизайнер решает, какие функции необходимы пользователю, а от каких можно избавиться. UI-специалист продумывает, как скомпоновать элементы и придерживаться стиля компании.
Тарифы
Выбор тарифа — процесс, который влияет на заработок компании. Здесь UX-дизайнер должен продумать, какие варианты показать пользователю и как их представить. UI-специалисту нужно визуально так расставить акценты, чтобы клиенты выбрали наиболее выгодный для компании пакет услуг.
Карточка товара
Это элемент на странице интернет-магазина, который должен кратко рассказать о продукте. UX-дизайнеру следует выявить основные критерии, по которым пользователь выбирает. Эти характеристи он выносит на видное место. UI-специалисту нужно так расположить много карточек на странице, чтобы они не превратились в единое пятно.
- Илья Поликарповавтор статьиСайт Restore выглядит удачнее. Здесь дизайнер за меня подумал, что мне будет полезно, и разгрузил интерфейс. Когда я попадаю на сайт МВидео, то теряюсь и не понимаю, куда мне смотреть. Как будто маркетинг решил вывести как можно больше информации о товаре, а дизайнер попытался всё вместить. Можно попробовать сделать как Restore и некоторую информацию показывать только при наведении на карточку.
Чем занимается UX-дизайнер
- Артём КонаковCEO дизайн-студии UXART и автор телеграм-канала @konakov_blogUX-дизайнер — это человек, который продумывает флоу (путь пользователя), функциональность сервиса, структуру, смыслы, контент. То есть больше аналитик, который визуализирует результаты исследования в виде прототипов.
Отвечает за логику интерфейса. UX-дизайнер занимается предварительной работой до создания макета. Он анализирует данные и проводит исследования, например интервьюирует пользователей.
Допустим, задача — продумать фильтры для интернет-магазина. Категорий много, а вывести в меню надо самые популярные. UX-дизайнер посмотрит приложения конкурентов, пообщается с пользователями (проведёт опрос или интервью) и предложит решение.
Анализирует конкурентов. UX-дизайнер исследует готовые решения, которые есть в сфере. Потом он делает выводы, что из увиденного можно забрать в проект. Например, он может найти функцию на сайте конкурента и попробовать использовать в своём интерфейсе.
Строит архитектуру сайта. UX-дизайнер прописывает боли и пожелания клиентов и на их основе составляет JTBD. Он продумывает, с какой страницы и на какую пользователь сможет перейти.
Например, если это интерфейс с личным кабинетом и сложными функциями, то UX-специалист:
- создаст онбординг (процесс знакомства с продуктом);
- решит, какие будут настройки;
- придумает, какие разделы будут в профиле;
- решит, как между ними перемещаться.
JTBD — методология для составления сценариев интерфейса, которая основывается на задачах пользователя. Обычно это конструкция «когда… я хочу… чтобы». Для банковского приложения JTBD может звучать так: «Когда стою на кассе, я хочу быстро узнать баланс карты, чтобы убедиться, что мне хватает денег на покупки.»
Пример JTBD, который составляется для интерфейса личного кабинета автора онлайн-курсов.
Создаёт прототип дизайна. Обычно это чёрно-белый макет, где определяется структура блоков и основные элементы. На этом этапе UX-дизайнер смотрит, насколько интерфейс закрывает боли пользователей и проверяет, всё ли на месте.
Пример прототипа для экрана настроек курса.
- Антон Ягуповsenior UX/UI-дизайнер в Далее (команда Сбера) и автор телеграм-канала @yavnodesignUX-дизайнер проектирует пользовательский опыт:
- собирает требования от продакт-менеджеров и бизнеса;
- выявляет боли аудитории, составляет пользовательские пути;
- исследует, где возникают сложности;
- думает, что можно оптимизировать.
Чем UX-дизайнер отличается от ux-исследователя?
В небольших компаниях часто ux-дизайнер занимается исследовательской работой: проводит интервью с пользователями, устраивает опросы и тестирует гипотезы. Исследователь не рисует прототипы, не продумывает логику и структуру интерфейса. Это полностью зона ответственности ux-дизайнера. Если разделять грубо, то где заканчивается общение с пользователями — там начинается работа UX-специалиста (в том случае, если в компании это отдельные должности).
В небольших компаниях часто ux-дизайнер занимается исследовательской работой: проводит интервью с пользователями, устраивает опросы и тестирует гипотезы. Исследователь не рисует прототипы, не продумывает логику и структуру интерфейса. Это полностью зона ответственности ux-дизайнера. Если разделять грубо, то где заканчивается общение с пользователями — там начинается работа UX-специалиста (в том случае, если в компании это отдельные должности).
UX-дизайнер отвечает на основные вопросы: удобен ли пользователю интерфейс? насколько легко решаются основные задачи? сколько действий приходится сделать для достижения желаемого результата? решает ли интерфейс первоначальные задачи?
Чем занимается UI-дизайнер
- Артём КонаковCEO дизайн-студии UXART и автор телеграм-канала @konakov_blogUI-дизайнер получает результаты аналитики от UX-специалистов. Он делает дизайн-концепцию, задаёт стилистику, а затем создаёт визуальную часть по прототипам. На них уже проработан контент, но графическую составляющую и композиционные решения создаёт именно UI-дизайнер.
Отвечает за эстетику. UI-дизайнер занимается работой после утверждения прототипа, когда нужно готовить визуальные решения. Он изучает тренды, знает стилистику компании и в её пределах создаёт красоту.
Смотрит референсы. Он исследует ресурсы, где есть примеры работ других специалистов: Behance, Dribbble, Pinterest. UI-дизайнер ищет референсы на конкретные решения в интерфейсе: цвет, отступы, типографика, стиль, картинки.
Пример референсов, которые автор подбирал для создания дизайн-концепции.
Разрабатывает дизайн-концепцию, которую потом при необходимости согласовывает с клиентом. Например, UI-дизайнер делает интерфейс с большим количеством экранов. В этом случае он примеряет концепцию на одну страницу и смотрит, как её можно масштабировать на все остальные.
Дизайн-концепт одного из учебных проектов автора.
Дизайн-система — набор готовых элементов и правил. На них строится интерфейс: цвета, шрифт, отступы, элементы. Например, когда дизайнер создаёт макет формы, он берёт стандартное поле для ввода и меняет только контент внутри. То есть он не создаёт каждый раз новый элемент, а по возможности использует имеющиеся шаблоны.
- Антон Ягуповsenior UX/UI-дизайнер в Далее (команда Сбера) и автор телеграм-канала @yavnodesignUI-дизайнер отвечает за визуальную составляющую, когда пользователь движется по сценариям. Он подбирает компоненты из дизайн-системы или создаёт новые, чтобы интерфейс был последовательным и визуально красивым. Например, он определяет принципы анимации в интерфейсе.
UI-дизайнер также может выполнять техническую работу, а не только отвечать за красоту. Например, он может готовить компоненты для вёрстки и создавать элементы макета, которые адаптируются под светлую и тёмную тему. UI-дизайн — иногда это комплексная визуальная и техническая работа.
UI-специалист отвечает на вопросы: а как это должно выглядеть? как акцентировать внимание на объекте? соответствует ли макет цветам и шрифтам бренда? сколько разных визуальных приёмов использовано? а надо ли столько?
Профессия UX/UI дизайнер
UX/UI дизайнер — человек, который может сделать макет от исследования конкурентов до передачи его в разработку. Он может помочь проинтервьюировать респондента, сделать прототипы и придумать дизайн-концепцию. UX/UI специалист — мультидисциплинарный эксперт, который одновременно думает о логике макета и его эстетике.
Что должен уметь UX/UI дизайнер
В последние годы дизайнер — это мультидисциплинарный специалист. Он может и с пользователями пообщаться, и прототип сделать, и концепцию придумать, и 3D самостоятельно создать. UX/UI тем более всё больше объединяется: нельзя продумывать логику без понимания стиля и наоборот. Дизайнер должен уметь делать интерфейсы с нуля до передачи в разработку, чтобы выделяться на фоне тысяч других специалистов.
- Артём КонаковCEO дизайн-студии UXART и автор телеграм-канала @konakov_blogРаньше мы разделяли на UX и UI дизайнеров. Но практика показала, что лучше когда дизайнер может закрыть обе составляющие на одном проекте, а не передавать другому. Я дискутировал со многими топовыми студиями на эту тему: всё-таки плюсов больше при UX/UI.
Знает и применяет принципы UX. Он разбирается в следующем:
- как пользователь хочет видеть интерфейс,
- что посетителю сайта надо,
- как пользователю быстрее достичь желаемого результата,
- какие лучшие практики есть у конкурентов,
- как переложить их на свой интерфейс.
Знает и применяет визуальные принципы. Например, он должен соблюдать отступы между элементами, умело сочетать цвета в интерфейсе и не забывать о контрасте объектов. Он может обосновать свои решения, опираясь на законы и правила.
- Артём КонаковCEO дизайн-студии UXART и автор телеграм-канала @konakov_blogКогда мы отбираем дизайнера к нам в UXART, смотрим на обе компетенции. Из-за этого искать стало сильно сложнее, потому что часто у специалиста проседает UX. А у нас проекты крупные и сложные, поэтому без продумывания логики никак.
Могу описать редфлаги:- только учебные проекты в портфолио;
- показаны артефакты по аналитике, по которыми видно, что они сделаны для кейса по инструкции;
- просто красивые картинки: без описания, как пришли к результату, без аналитики и проектирования;
- ссылка на Dribble. Обычно это набор красивых картинок, на которых показано несколько блоков. Непонятно, как решалась задача, почему именно такое решение и из чего состоит проект;
- ссылка на гугл-диск. Здесь аналогичная с Dribble ситуация, но ещё и неудобно смотреть. Такая форма отдаёт стариной и не отражает профессионализм;
- грамматические ошибки, опечатки в макетах или сопроводительном письме;
- концепты для крупных компании (Яндекса, Сбер), которые не имеют реальной ценности.
Умеет работать в Фигме. Он может создать макет интерфейса в программе и использовать технические навыки для ускорения работы. UI дизайнер должен применять компоненты, автолейаут, переменные и уметь создавать свою и пользоваться чужой дизайн-системой.
- Антон Ягуповsenior UX/UI-дизайнер в Далее (команда Сбера) и автор телеграм-канала @yavnodesignВ крупных компаниях роли часто разделяют: задач много и требуются разные специализации. В небольших командах чаще нужен универсал, который совмещает UX и UI. Тренд последних лет — появление мультидисциплинарных специалистов, которые понимают обе стороны процесса.
На моём текущем месте работы роли частично пересекаются. У нас есть специалисты, которые отвечают за UX-исследования и логику. А также дизайнеры, которые больше сосредоточены на UI и визуальной части.
Специфика работы UX/UI дизайнера отличается в зависимости от места работы. В студии дизайнеру нужно постоянно переключаться между различными проектами. Он генерирует концепции, продумывает логику интерфейсов и работает с разными дизайн-системами. В корпорации обычно есть устоявшийся стиль, который надо поддерживать и развивать. Зачастую здесь требуется упор на логику, то есть UX.
- Антон Ягуповsenior UX/UI-дизайнер в Далее (команда Сбера) и автор телеграм-канала @yavnodesignОн должен:
- понимать бизнес-процессы и причины, по которым появляется запрос на разработку интерфейса;
- учитывать ограничения: сроки, метрики, правила корпорации;
- работать с инструментами (таск-трекеры, тайм-трекеры) и укладываться в дедлайны;
- поддерживать общий стиль интерфейсов;
- быть проактивным. Дизайнеру следует предлагать новые идеи и внедрять тренды;
- уметь грамотно коммуницировать с командой. Он должен видеть в заказчике партнёра, а не врага.
Как стать UX/UI дизайнером
UX/UI дизайнером можно стать разными путями. Например, одному легче изучать материалы самостоятельно, другому хочется получить подготовленную информацию, а третий хочет обучаться в сообществе специалистов. Свой путь в UX/UI можно начать следующими способами:
- изучать самостоятельно по видеоурокам в интернете. Например, основную теорию по UX можно изучить на сайте NNG (Нильсен Норман Груп) — основополагающий ресурс с огромным количеством теории и исследований, на которые можно ссылаться;
- пройти онлайн-курс, где последовательно подаются базовые знания. Но выбирать школу надо с умом: посмотреть работы учеников, написать им, почитать отзывы и заглянуть на эфиры спикеров;
- устроиться на стажировку в компанию. Без опыта это сделать сложно, но крупные компании иногда набирают новичков;
- получить профильное образование.
UX/UI дизайнер должен иметь примеры выполненных проектов. Это может быть даже учебный проект, но оформленный в виде готового макета. Например, чтобы устроиться в студию или корпорацию, ему придётся показать портфолио или хотя бы примеры выполненных работ.
- Артём КонаковCEO дизайн-студии UXART и автор телеграм-канала @konakov_blogКогда мне скидывают резюме, то я смотрю на портфолио, а не на опыт и образование. С дипломом может быть проще, но это точно не блок-фактор. Например, я обучался по специальности «Информационные системы». Веб-дизайн у нас был, но там устаревший софт, подходы и программа. В итоге меня уже на третьем курсе позвали объяснять преподавателям веб-дизайн, потому что я убежал далеко вперёд.
Все свои знания я получал бесплатно:- читал статьи в открытом доступе;
- смотрел видосы по AxureRP (в 2014 ещё в нём проектировали) в группе ВК;
- читал книги;
- каюсь, смотрел пару слитых курсов.
На старте будьте проактивными. Сейчас у вас такой доступ к информации, какого раньше и представить сложно было. Впитывайте и реализуйте сразу же!
Ваш путь будет сильно зависеть от места, на которое вы хотите устроиться. Если вы планируете работать фрилансером, то можно набрать проекты у знакомых «за отзыв» и дальше получать клиентов по сарафанному радио. Если хотите в студию, то лучше посмотреть их портфолио на сайте и понять, какие навыки им нужны. Если в корпорацию, то можно найти уже работающего дизайнера и написать ему в личные сообщения. Так вы узнаете, какие шансы на трудоустройство и что для этого нужно.
- Антон Ягуповsenior UX/UI-дизайнер в Далее (команда Сбера) и автор телеграм-канала @yavnodesignУчиться можно самостоятельно:
- для получения базы читать книги по типографике и вёрстке: Иоганнес Иттен «Искусство Цвета» и «Искусство Формы», Книжная полка Бюро (Артём Горбунов «Типографика и вёрстка», Илья Бирман «Пользовательский интерфейс», Максим Ильяхов «Инфостиль»);
- смотреть видеоролики;
- проходить онлайн-курсы. Они полезны для дисциплины, экономии времени и вхождения в сообщество. Но важно выбирать их осознанно и не поддаваться на маркетинговые уловки: смотреть на опыт преподавателей, работы выпускников и подачу. Классно, если менторы завлекают харизмой, а от результатов учеников возникает ощущение «хочу также».
Сам я в основном учился самостоятельно: по урокам в интернете и по книгам. Сначала читал Иоганесса Иттена и Яна Чихольда. Затем купил «полку» бюро Горбунова и изучал пользовательский интерфейс, типографику, вёрстку, основы инфостиля. Проходил курсы от Skillbox и UPROCK, но не заканчивал. Меня хватало на пару глав, чтобы ухватить основы. Дальше я сразу шёл применять новые знания на рабочих проектах. Потом ещё проходил курсы Яндекс. Практикума по презентациям и интенсив по креативным техникам.
Если вы только погружаетесь в дизайн, то можете начать со следующего:
- Прочитайте «Ководство» Артемия Лебедева. Из книги вы узнаете основные принципы дизайна, изучите примеры из реальной жизни и погрузитесь в профессию.
- Вдохновитесь крутыми проектами на Behance и Pinterest. Для начала пытайтесь полностью перерисовать их в Figma, чтобы понять правила создания интерфейсов.
- Изучите материалы разных школ дизайна и студий в соцсетях. Часто они проводят открытые лекции и практические вебинары, где можно бесплатно начать развивать навыки.
- Погрузитесь в сообщество, Найдите дизайнеров, чьи работы вам нравятся: спросите, как они учились и что сейчас лучше изучать. Конечно, один может не ответить, а другой дать ценный совет.
- Пройдите бесплатные уроки по дизайну. У многих школ есть вводные занятия, с которых можно начать свой путь.
Зарплата UX/UI дизайнера
Она зависит от многих факторов: место работы, регион, тип занятости, уровень. Например, в корпорации в среднем с одним и тем же уровнем навыков UX/UI дизайнер получает больше, чем в студии. А junior-специалист в разы меньше, чем senior и lead.
- Артём КонаковCEO дизайн-студии UXART и автор телеграм-канала @konakov_blogСейчас рынок нестабильный. Сначала платили мало, потом пошёл бурный рост зарплат. Затем кадров стало много, и последовало снижение. Сейчас кризис, поэтому сложно корректные цифры сказать.
Но в студии примерно так:- junior 40 000 — 70 000 ₽,
- middle 70 000 — 120 000 ₽,
- senior от 120 000 ₽.
По средней зарплате есть разные исследования:
- DREAM JOB. Средняя зарплата UX/UI дизайнера за 2025 год — 114 000 ₽, зарплатная вилка: 78 000 — 150 000 ₽;
- GeekLink. Средняя зарплата дизайнера в зависимости от уровня: junior — 40 000 ₽, middle — 150 000 ₽, senior — 215 000 ₽, lead — 450 000 ₽;
- Т—Ж. В исследовании отдельно не выделена профессия UX/UI дизайнера, но пишут про среднестатистическую для дизайнера — 140 000 ₽.
- Антон Ягуповsenior UX/UI-дизайнер в Далее (команда Сбера) и автор телеграм-канала @yavnodesignДам ориентировочные цифры по московскому рынку, где я в основном работал:
- junior 80 000 — 120 000 ₽,
- middle 150 000 — 200 000 ₽,
- senior 250 000 — 400 000 ₽ и выше.
Зарплата дизайнера часто зависит от самоощущения и того, как он продаёт свои навыки. Исследования — лишь ориентир, с которым можно соотноситься: «в рынке» зарплата или нет.
- Илья Поликарповавтор статьиЯ работаю в регионе UX/UI дизайнером, и у нас мало подобных вакансий. Если ищут, то зарплата в основном колеблется в районе 100—130 тысяч рублей. Особенность региональных компаний в том, что у них обычно нет разделения по грейдам (джун, мидл, сеньор). Они ищут универсала, который будет и интерфейсы создавать, и с пользователями общаться, и в сосцети картинки делать. Чем больше навыков — тем лучше, но на грейд и зарплату это редко влияет.
Читайте также:
Бесплатный онлайн курс, который научит создавать эффективные посадочные страницы
Курс, который научит вас продвигать свой сайт
Теоретический курс Никиты Обухова по веб-дизайну
Бесплатный учебник по веб-анимации с примерами и правилами использования
