Как попасть в профессию UX/UI-дизайна

Как попасть в профессию UX/UI-дизайна

UX/UI-дизайнер - профессия, пользующаяся большим спросом  

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

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

UX/UI – что это такое?

UX – user experience – переводится, как «пользовательский опыт». Проще говоря, это то, как пользователь работает с интерфейсом, а также удобство для него сайта и приложения. UX/UI-дизайнеры востребованы в IT-сфере, так как интерфейсы, производимые программистами, должны быть максимально понятными.

UX состоит из навигации по сайту, функционала меню, результата взаимодействия со страницами. Сюда относится не только структура сайта, но и его коммуникация: диалоговые окна, функционал кнопок, настройки поиска и форм.

UI – user interface – «пользовательский интерфейс», то есть это оформление сайта: сочетания цветов, шрифты, иконки, кнопки.

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

Также стоит учитывать, что в части проектов более важен UX, а в других – UI:

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

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

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

Как создать продукт, используя UX/UI-дизайн

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

Целевое действие ― самое важное для пользователя на сайте, в приложении. Именно ради него и создан весь ресурс. Сюда относится и покупка в интернет-магазине, и заполнение регистрационной формы, и заказ обратного звонка.

Работая над UX, дизайнер продумывает и UI-проект – оформление сайта, дизайн. а

РООбщие этапы в работе над сайтом или приложением:

1. Сбор информации

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

2. Аналитика

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

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

В UX/UI анализируется, как аудитория делает покупки - рационально или эмоционально, на что обращает внимание: цена, доступность, уникальность. Итоги анализа преподносятся в виде майндмэпа, допустим, в программе XMind.

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

3. Структура сайта

Это тот этап, где решаются задачи сайта, и производится карта пользовательских путей Customer Journey Map (CJM). В карте прописываются сценарии работы пользователя с ресурсом. У каждого сайта - одна главная задача, допустим, приобретение товара. Но в CJM необходимо изучить работу с другими страницами.

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

Карту пользовательских путей несложно составить в следующих ресурсах:

• в Excel или «Google Таблицах» в виде таблицы;
• в программе XMind или онлайн-сервисе Miro в виде майндмэпа;
• в  онлайн-конструкторах - Canvanizer.

4. Прототип сайта

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

При работе над прототипом учитывается информация, которая получена в предшествующих шагах:

• изучение поведения целевой аудитории;
• работа над сценарием взаимодействия с сайтом;
• разработка структуры сайта;
• преимущества конкурентов.

В настоящее время большая часть дизайнеров создает прототипы в Figma. Данный ресурс дает возможность предвидеть ошибки и серьезно экономить на разработке.

5. Работа с контентом

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

Для подготовки контента дизайнер направляет заказчику таблицу.

6. Дизайн ― UI

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

7. Тестирование

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

 Два формата тестирования:

• Перед пользователем стоит задача сделать на сайте список определенных действий, ведущих к целевому результату. После заполнение опросника.
• Для других готовится тот же список задач, однако на компьютеры устанавливается специальная программа, отслеживающая поведение пользователя. Она учитывает, на что направлено его внимание, с чем у него возникают сложности.

Анализировать нужно не только перед запуском, но и  после.

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

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

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

Можно ли стать UX/UI-дизайнером с нуля?

При наличии опыта в графическом или веб-дизайне освоить UX/UI будет несложно. Необходимые к изучению графические программы: Figmа, Adobe Photoshop, Adobe Photoshop Lightroom, Adobe After Effects.

Какие знания нужны для UX/UI?

• Маркетинг - для составления портрета целевой аудитории, оформления торгового предложения, анализа конкурентов.
• Аналитика - для владения методами анализа бизнес-задач, составления карты пользовательских путей.
• Психология - для использования паттернов поведения пользователей, понимания принципов визуального восприятия.
• Технические знания - для работы в компьютерных программах.
• Насмотренность - для отслеживания визуальных трендов, применения их на практике.
• Принципы вёрстки - для взаимодействия с верстальщиком во время передачи макета сайта.

Как научиться UX/UI?

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

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

Что почитать по UX/UI?

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

Можно смело ориентироваться на книги: «Дизайн привычных вещей» Дональда Нормана, «Искусство цвета» Иоханнеса Иттена, «Ководство» Артемия Лебедева.

 Тот же Лебедев основательно разбирает и принципы проектирования интерфейсов, и визуальные приемы дизайна, и типографику. Его книга актуальна до сих пор. Стоит прочитать статьи из журнала: «Дизайн-кабак», UX Journal и «Дайджест продуктового дизайна».

Где искать клиентов?

С платными курсами можно составить выгодное портфолио, и даже найти клиентов во время обучения. Работу можно найти: на сайтах вакансий - HeadHunter, в профильных группах социальных сетей, в разделах вакансий интернет-изданий - VC.ru, «Хабр Фриланс»

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

Если Вы выбираете обучение, можно рассмотреть курсы Компьютерной Академии ТОП. Академия уже на протяжении 20 лет занимается подготовкой IT специалистов, здесь вы сможете выбрать подходящие курсы и в дальнейшем успешным выпускникам помогают с трудоустройством. Подробнее ознакомиться с программой курса UI\UX дизайна можно на сайте Узнать подробнее о курсе