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

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

Редакция MC.today разобралась, что такое UI/UX-дизайн, чем занимаются такие дизайнеры, в чем между ними разница и как стать востребованным специалистом в Украине.

---

Что такое UX-дизайн и чем занимаются эти специалисты

UX-дизайн, или User Experience Design отвечает за впечатления пользователя от работы с интерфейсом сайта или приложения. Чем проще и удобнее взаимодействовать с продуктом, тем выше считается уровень UX-дизайнера, который проектировал интерфейс.

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

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

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

Для этого нужны исследования и глубокое погружение в тему. Так формируется прототип продукта, который передается на следующий этап другому специалисту – UI-дизайнеру. Хотя часто UX/UI-дизайнер – это один и тот же человек.

Что такое UI-дизайн

UI-дизайн, или User Interface Design – это визуальная картинка проекта, созданная по UX-прототипу. Задача UI-дизайнера – нарисовать по техническому заданию макет будущего сайта или приложения.

Специалист отрисовывает в Figma, Adobe Photoshop или Sketch все элементы: кнопки, меню, иконки, интерактивные формы и всплывающие окна. Дальше формирует из этого всего гармоничный шаблон, который потом передается программисту на верстку. 

Кстати, именно Figma в 2020 году заняла первое место в рейтинге самых используемых сервисов для разработки интерфейсов и прототипирования. Второе место досталось Sketch, а третье – Adobe XD.

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

7 основных требований к качественному UX/UI-дизайну

Интерфейс сайта или приложения должен соответствовать требованиям:

• Интуитивность. Люди привыкли к закономерностям и паттернам: ввели пароль в приложении неверно – текст кнопки стал красным. Используйте этот цвет, когда пользователи ошибаются, ведь они ожидают увидеть именно его, а не зеленый, например. 
• Минимализм. Большое количество всплывающих окон и динамических элементов только сбивают пользователей с толку. Делайте интерфейс максимально простым и лаконичным. А самые важные элементы выделяйте цветом или делайте их немного крупнее. 
• Отзывчивость. Пользователю важно всегда понимать: все его действия на сайте или в приложении неслучайны. Если вы подтверждаете подписку на рассылку, получаете заявку на обратный звонок или транзакция прошла успешно – обязательно информируйте пользователя о том, что его данные получены и с ним скоро свяжутся.
• Гармония. Используемые цвета и элементы на сайте должны быть выдержаны в одном стиле. Не нужно рисовать круглые кнопки в блоге, если в других местах сайта они квадратные.
• Скорость. Она должна быть одинаковой для всех динамических элементов на сайте. Следите за тем, чтобы выпадающие меню и списки аналогично срабатывали на всех страницах.
• Забота. Даже если что-то пошло не так: пользователь ввел неверный пароль или попал на страницу, которая не существует, постарайтесь перенаправить его туда, где он получит то, за чем пришел. Используйте для этого подсказки или ненавязчивые всплывающие окна.
• Быстрота. Позаботьтесь о том, чтобы навигация на сайте или в приложении была максимально удобной. Пользователю должно быть понятно, в каком разделе искать нужный продукт или услугу. И главное: важно, чтобы он мог найти информацию быстро.

5 различий между UX и UI-дизайнером 

Вот самые главные различия между UX и UI:

Различие	UX-дизайн	UI-дизайн
Область знаний	Наука	Искусство
Цель	Сделать интерфейс максимально удобным для использования	Сделать все элементы интерфейса максимально гармоничными, чтобы они сочетались друг с другом
Тип мышления	Критическое	Креативное
Какая часть мозга больше задействована	Левое полушарие мозга	Правое полушарие мозга
Требования	Аналитические способности и эмпатия	Художественный вкус, умение структурировать информацию

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

Вот список популярных программ, знания которых требуются в вакансиях для Junior UX/UI-дизайнеров в украинских компаниях:

• Adobe Photoshop – графический редактор для работы с изображениями;
• Illustrator – векторный графический редактор;
• Sketch – программа для дизайна интерфейсов;
• Figma – сервис для дизайна интерфейсов и совместной работы;
• Adobe XD – программа для создания прототипов;
• Основы языка разметки HTML и CSS.

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

Помимо профессиональных навыков начинающему UX/UI-дизайнеру важно развивать свой вкус, чаще «копаться» в чужих дизайнах и изучать работы других специалистов. Таких работ много можно найти на сайтах Behance, Dribbble, Awwwards, Pinterest, Instagram.

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

Сегодня проектированием интерфейсов занимаются специалисты, которые сочетают в себе функции одновременно UX- и UI-дизайнера. На сайтах по поиску работы компании редко разделяют эти направления, и в вакансиях вы чаще встретите формулировку UX/UI-дизайнер, написанную через символ слэша (косая черта. – Прим. ред.):

По данным DOU, средняя зарплата украинских UI/UX-дизайнеров в начале 2021 года составила $1225. Это больше, чем у графических дизайнеров ($950), но почти в два раза меньше, чем у продуктовых ($2300). Почти 62% UI/UX-дизайнеров – женщины. А специалисты, которые знают английский язык, зарабатывают в среднем на 14 тыс. гривен больше.