UX/UI дизайнер: в чем разница? Кому подходит профессия и как в нее попасть

web_design
Аудио дорожка
5485

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

Но время идет, и оно, как известно, беспощадно - в том числе и к дизайнерам.

Искушенные пользователи больше не хотят просто “красиво” - им нужно удобно, интуитивно понятно, и чтобы вжжжух - и ты сразу нашел, что требуется.

А бизнесу нужно, чтобы пользователь был доволен.

Поэтому создание дизайна сайта теперь включает:

  • UX-дизайн (user experience) - то есть проработку архитектуры сайта, формирование логических схем функционирования интерфейса, алгоритмов его отклика на действия посетителя, составление "карты пути" пользователя с учётом его опыта и потребностей;
  • UI-дизайн (user interface) - то есть воплощение визуальной составляющей, прорисовку всех кнопок, иконок, блоков; подбор стиля и палитры, шрифтов и в целом формирование гармоничного макета.

Все еще непонятно, в чем же принципиальное различие направлений, что стоит за каждым и почему профессию все равно называют UX/UI дизайнер, хотя мы уже выяснили, что это фундаментально разные вещи? Все расскажем - не переключайтесь.

UX/UI дизайнер

Зачем усложнять?

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

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

Вспомните любой крупный агрегатор - от Airbnb или Booking до Uber или Aviasales. Разве сможет графический дизайнер удачно прописать макет для такого проекта без глубокого понимания процессов, происходящих внутри - мотиваций и сомнений пользователя, его предпочтений и страхов?

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

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

Исходя из этого процесс реализации проекта делится на направления - UX design, прототипирование, UI design и т.д. Они взаимосвязаны и незаменимы, каждый является звеном одной цепи.

Подобно этому строится работа и у разработчиков - если ранее шла речь о "просто программистах", теперь иначе как back-end и front-end таких специалистов не называют. 

Так кто же все эти люди и чем они занимаются? Ещё немного подробностей о различиях между UX и UI.

Чем занимается UX designer?

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

Хороший пример работы таких специалистов - прорыв Macintosh в 1984 году, когда вместо командной строки проектировщики Apple предложили миру окна. 

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

Поэтому UX-дизайнер:

  • анализирует поведение пользователей;
  • строит логические схемы функционирования сайта;
  • продумывает расположение элементов интерфейса;
  • рассчитывает связи между разными элементами;
  • тестирует прототипы;
  • делает ТЗ на дизайн. 

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

Инженер-маркетолог

Не знаешь, какой курс выбрать?
Запишись на бесплатную консультацию и мы поможем в выборе правильного направления

Чем занимается UI designer?

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

В зоне его ответственности контроль всех процессов:

  • удобны ли кнопки целевых действий;
  • правильно ли расположена форма обратной связи;
  • как выглядит выпадающее меню;
  • как именно будет выглядеть реакция сайта на то или иное действие посетителя и т.д.

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

UI дизайнер

Бывает 2-в-1?

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

Так почему бы не совмещать? Наверняка подумали вы, да и остальные тоже. Не удивительно, что вакансии для дизайнеров часто ставят именно так, через слэш - UX/UI дизайнер

В некоторой степени любой хороший web-дизайнер объединяет в себе UX/UI. При проработке макета сайта он учитывает в первую очередь юзабилити, анализирует путь покупателя, оценивает имеющийся пользовательский опыт. 

Что отличает хорошего UI/UX дизайнера?

  1. Комплексный подход к проекту - любая работа начинается с анализа, создания схем, набросков, то есть проводится экспертиза пользовательского опыта, как минимум на базовом уровне.
  2. Постоянство - он выдерживает единый стиль во всех, даже самых мелких деталях проекта. Каждый слайдер, каждое всплывающее сообщение принадлежит единой концепции и не выбивается из общего стиля.
  3. Понимание того, как экономить время посетителей сайта/приложения при помощи грамотно разработанного интерфейса.
  4. Умение взглянуть на проект глазами пользователя, а значит, помочь ему непрерывно понимать, что происходит на экране - одобрена ли заявка, каков статус заказа, видел ли менеджер сообщение и т.д.
  5. Отзывчивость. Дизайнер помнит, что даже самый удобный интерфейс неподвластен человеческому фактору и предусматривает отклик сайта/приложения на случай ошибки со стороны пользователя.

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

Как прийти в профессию?

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

Цифровые профессии

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

Курсы с минимальным количеством теории и максимум практики - самый простой, но одновременно самый действенный выход.

База знаний по web-дизайну нужна однозначно. Именно она дает понимание инструментов для работы, всех нужных программ, учит насмотренности и помогает научиться чувствовать тренды. 

Поэтому лучшее, что можно посоветовать новичку - освоить Figma, Photoshop, разобраться с вектором - и лучше всего делать это под руководством профессионала. 

Курс "Graphic-дизайн"

Graphic-дизайн

Хочешь получить обучение от Дениса Броната?

На курсе получите:

  • Полный экскурс с Photoshop, слой за слоем
  • “Вектор” Великий и ужасный. Основы работы в Adobe Illustrator
  • Motion design - наше все или как создавать анимации в Adobe After Effect.