logo

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 тыс. гривен больше.


Читайте больше: подборка полезных книг от редакции MC.today

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

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

По теме:

Вдохновляющие компании

Solvd

Работаем с клиентами с мировым именем: наши приложения учат хирургов в Стэнфорде и помогают заказать кофе в Starbucks. Наша цель на 2021 год – найти еще 70 коллег в Украине.

iLogos Game Studios

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

3 вакансии

Выбор редактора

Спецпроект

Вдохновляющие компании-работодатели

Alfa
«БИОСФЕРА»

Сообщить об опечатке

Текст, который будет отправлен нашим редакторам: