UX/UI дизайнер: кто это и как им стать

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

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

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

Отличия UX и UI дизайнеров

Новички, которые делают первые шаги в профессии, часто ошибочно полагают, что специалист в UX и UI — это один и тот же человек. Но это не всегда так.

User experience (UX) в переводе с английского означает «пользовательский опыт». К нему относится не только логистика сайта или приложения, но и их функциональное и смысловое наполнение. Главное правило UX-дизайна — вся представленная информация должна быть максимально понятной и полезной. А специалист, который разрабатывает структуру сайта или мобильного приложения, должен ориентироваться на потребности пользователя.

User Interface (UI) или «пользовательский интерфейс» отвечает за визуальную сторону проекта: цвет, шрифт, формы и размеры кнопок, иконок и других элементов страницы. В функции UI-дизайнера входит правильное расположение их в пространстве, а также адаптация под форматы разных устройств.

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

Специфика работы

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

Для этого специалисты выполняют несколько этапов работы: анализируют целевую аудиторию (возраст человека, его пол, географию, интересы, цели и не только), определяют структуру будущего продукта, создают удобные прототипы и тестируют их, а затем разрабатывают систему продвижения.

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

Ключевые навыки UX-специалиста

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

Создание стратегии дизайна, которая включает в себя понимание цели продукта и построение логического пути ее реализации.

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

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

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

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

Приложение для горных походов Echo-ho. Авторы проекта: Владимир Демченко и Анна Васильева — студенты программы по подготовке senior UX/UI специалистов «Дизайн диджитал-продукта».

Продукт, созданный UX-дизайнером, должен быть простым в использовании, логичным и понятным, то есть отвечать всем принципам usability. Его главная цель — помогать пользователям решать конкретные задачи, быть удобным для широкого круга людей.

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

Ключевые навыки UI-дизайнера

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

Разработка адаптивного дизайна. Нужно обязательно убедиться, что дизайн пользовательского интерфейса отлично смотрится на экране любого размера и разрешения.

Знание основ брендинга. Узнаваемость продуктового дизайна — основной аспект UI. Это влияет на его конкурентоспособность — если человек видит знакомый символ, который к тому же является синонимом качества продукта, то он практически со стопроцентной вероятностью обратиться именно к этому сервису.

Владение графическими редакторами. Чтобы работать с командой и иметь возможность быстро реализовать любые запросы клиента, дизайнер должен владеть специализированным ПО. Это может быть:

• Figma — для создания дизайна интерфейса с возможностью совместной работы;
• Sketch — для проектирования пользовательского интерфейса;
• Adobe XD — тоже подходит для дизайна удобного интерфейса и создания прототипов;
• Balsamiq — для создания макетов;
• InVision — для создания прототипов будущих продуктов;
• Red Pen — для работы в команде;
• MockFlow — для создания каркасов, руководств по стилю и пользовательских карт сайта;
• Moqups — для поиска мокапов, создания прототипов пользовательского интерфейса, макетов и диаграмм;
• Unity — для работы с VR;
• Wireframe — для создания каркасов и макетов.

Признаки хорошо спроектированного интерфейса

• Ясность. Все элементы пользовательского интерфейса, включая визуальные метафоры, должны быть хорошо понятны пользователям, чтобы им не приходилось расшифровывать значение того или иного элемента.
• Лаконичность. Отсутствие перегруженности элементами поможет пользователю лучше ориентироваться на платформе.
• Узнаваемость. Использование шаблонных элементов, например, галочки для подтверждения или крестика для отмены операции, поможет пользователю попасть в привычную среду и интуитивно догадаться о значении тех или иных иконок, кнопок и частей страницы.
• Единообразие. Стилистические решения не должны дезориентировать пользователя, поэтому лучше выдерживать единую цветовую палитру и не использовать множество не подходящих друг другу шрифтов, иконок и форм.


Мобильное приложение для поиска специалистов «ТыНеОдна». Авторы проекта: студенты программы «UX/UI дизайн» Янис Мацегора и Дана Миндзаева.

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

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

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

Существует множество вариантов развития карьеры, и, чтобы не потеряться в них на этапе входа в профессию, стоит попробовать все на практике. В UX/UI дизайне много специфических аспектов, поэтому у большинства людей возникает вопрос: «с чего начать?». Ключ к успешной работе UX/UI дизайнером — качественное образование. Его можно получить в вузе или на дополнительных курсах.

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

Если вы еще не уверены, что вам подойдет UX/UI дизайн, и вы хотите на практике попробовать себя в профессии, присмотритесь к четырехдневному интенсиву «UX & UI: продуктовый дизайн». Он позволит сделать первый шаг в индустрию и погрузиться в цикл продуктовой разработки.

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

Годовая программа «UX/UI дизайн» — это возможность профессионально освоить дизайн интерфейсов, собрать сильное портфолио и начать работать. Совсем новичкам в дизайне и продукте она не подойдет: для поступления на курс необходимо предоставить портфолио и пройти собеседование с куратором. Студенты учатся генерировать идеи, проводить качественные исследования, изучают стратегии UX/UI, получают навыки в прототипировании и аналитике, работают с VR/AR и кейсами «Сбера» и «Яндекса».



Приложение для XR-знакомства с историей Москвы. Авторы проекта: студенты программы «UX/UI дизайн».

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

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

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

Востребованность профессии

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

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

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

Зарплата UX/UI-дизайнера варьируется в разных регионах страны, однако старт везде одинаковый — это примерно 60-70 тысяч рублей. С опытом работы от года до трех лет вы сможете зарабатывать уже выше 100 тысяч рублей. В Москве и Санкт-Петербурге работодатели готовы платить специалистам уровня middle и 200 тысяч рублей. У senior-дизайнеров и лидов проекта суммы еще выше — от 300 тысяч рублей.



Скриншот с сайта поиска вакансий HH.ru

Как найти работу?

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

Можно попробовать найти первые заказы на фрилансе. Так вы сможете поэкспериментировать с дизайном интерфейсов и развиваться, будете самостоятельно контролировать нагрузку и выбирать клиентов. Каждый новый проект — это +1 к эффективности вашего портфолио. Его дополнением придется заниматься регулярно, на протяжении всей карьеры. С каждым разом ваш дизайн становится лучше, и это необходимо показывать новым заказчикам и работодателям.

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

Рекомендуем прочитать статью Как стартовать в UX/UI-дизайне и стать востребованным дизайнером: интервью с Аленой Елатанцевой.