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

Как возник UX/UI дизайн 

Авторы Хабр определяют это направление как “проектирование любых пользовательских интерфейсов, в которых удобство использования также важно, как и внешний вид”. Впервые термин User Experience придумал ученый Дон Норман во время своей работы в компании Apple. Выступая за удовлетворение эстетических и эмоциональных потребностей пользователей, он настаивал на важности дизайнерского мышления при создании продуктов.

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

“То, что мы до сих пор используем этот дизайн, доказывает, насколько важно с самого начала правильно проработать пользовательский интерфейс”, –  пишет Нильсен.

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

UI (User interface) же обозначает пользовательский интерфейс. Это своего рода первая точка соприкосновения между человеком и программой, устройством и т.д. Любая технология, с которой взаимодействует юзер – часть пользовательского интерфейса. Например, экраны, звуки, общий стиль и отзывчивость – все это элементы UI.

Какие карьерные возможности дает профессия UX/UI дизайнера

Сразу “обрадуем”: UI/UX дизайн – одно из IT- направлений, в котором специалисты сталкиваются с большим разнообразием названий своей должности. В 2019 году ученые опросили 700 британских UX-дизайнеров и выяснили, что они работают на 134 уникальных должностях. Дискуссию продолжает Дэвид Тэн –  UX-исследователь с докторской степенью в социальной психологии. По его мнению, названия должностей не имеют большого значения, поскольку гораздо важнее получаемые навыки и соответствие карьеры вашим целям.

В то же время, не сложно сказать, кого эта профессия привлекает — творческих и смелых специалистов. Среди важных гибких навыков авторы портала UX Design Institute отмечают умение принимать критику и аргументировать свое мнение.

Зарплаты UX/UI дизайнеров в США, по данным Glassdoor, находятся в диапазоне 72-122 тысяч долларов в год. На портале Hh.kz доходы таких специалистов варируются от 199 до 600 тысяч тенге в месяц. 

“В зависимости от позиции, зарплаты UX/UI дизайнеров в США  варьируются от $15/час для Junior-специалистов и от $50/час для позиций уровня Senior и выше. В Казахстане специалисты уровня Junior могут получать от 180 до 270 тысяч тенге, а Senior и выше — от 650 тысяч тенге в месяц”, — добавляет ментор курса UX/UI-дизайн в DAR University Олег Миколайчик.

Примеры работы Junior UI/UX дизайнера

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

Что должен знать Junior UI/UX дизайнер

Основные принципы UI/UX дизайна:

1. Иерархия или акцент–главное сообщение вашего дизайна размещается на переднем плане.

2. Выравнивание или баланс – расположение элементов дизайна по сетке, а затем их выравнивание и настройка интервалов — один из первых принципов, которые осваивают начинающие дизайнеры.

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

4. Повторение – облегчает восприятие дизайна и помогает создавать симметричные и эстетически приятные дизайны.

5. Близость – позволяет сгруппировать связанные элементы и продемонстрировать их взаимосвязь.

6. Цвет – изучение теории цвета позволяет понимать, как выбирать цвета для изображения, какие из них сочетаются друг с другом.

7. Пространство –  позволяет выделить нужные элементы, привлечь к ним внимание.

8. Типографика – включает в себя изучение параметров шрифтов, анализ шрифтового контраста и исследование сочетаний различных шрифтов.

9. Адаптивный дизайн – знание, как создавать дизайны для использования на десктопах и мобильных устройствах с разными размерами экранов. Изучение понятий «фиксированная верстка», «отзывчивая верстка», «адаптивная верстка», «брейкпоинты» и других.

10. Создание продающего дизайна – он должен привлекать внимание и вызывать интерес клиента, тем самым подталкивать к покупке продукта. Знание формулы AIDA, акцентирование на самом товаре (“Привет, правило пространства”), умение читать “тепловые карты”.

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

12. Работа с данными – умение визуализировать данные, проверять таблицы данных на юзабилити.

13. Работа с заказчиком – умение выявлять потребности бизнеса, понимать техническое задание, проводить анализ конкурентов, выставлять метрики и KPI.

Что должен знать Junior бизнес-аналитик?

14. Работа с пользователями – определение целевой аудитории, выявление потребностей пользователей, составление карт эмпатии, опросов, проведение интервью, проектирование взаимодействия (Wireflow, User flow диаграммы и CJM).

15. Информационная архитектура – играет ключевую роль в разработке веб-сайтов и приложений, обеспечивая четкую структурированность и удобство навигации для пользователей. Включает в себя различные типы архитектурных решений, от простых до сложных, направленных на оптимизацию взаимодействия с контентом. Одним из основных элементов информационной архитектуры является «карта сайта» — это документ, отображающий структуру веб-сайта, его разделы и подразделы, что помогает в планировании и организации контента. Принципы построения информационной архитектуры основаны на понимании целей бизнеса и потребностей пользователей, чтобы создать интуитивно понятный и легкий в использовании интерфейс.

Понимание системного дизайна 

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

• Дизайн процесс и тестирование. Умение организовать процесс своей работы, тестировать дизайн-решения, создавать прототипы (в Figma, Sketch, Adobe XD). 
• Доступность. Умение создавать дизайны, доступные для людей с особыми потребностями.

Что облегчит обучение

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

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

Лучшие инструменты для цифрового маркетинга в 2024 году

“Для вдохновения разными стилями и подходами дизайна, например, material design, можно использовать сайты вроде MaterialUI. Эквивалент в плоском дизайне — FlatUIColors, а для подбора цветовых палитр рекомендуют платформы вроде Dribbble и Behance” – советует Олег Миколайчик . 

Оставаться в курсе последних новостей в области UX/UI дизайну также помогут medium и smashingmagazine. Для более глубокого понимания UX и поведения пользователей рекомендуем портал nngroup, а самые последние исследования в UX публикует baymard.. Также рекомендуем ознакомиться с  подборкой из 99 сайтов с дизайнерскими новостями, шрифтами, логотипами, иконками и другими необходимыми инструментами.

Как начать обучение

Обучиться азам профессии UI/UX дизайнера всего за несколько месяцев можно в DAR University. По итогам шестимесячной программы вы освоите навыки:

• Работы в Figma
• Проектирования интерактивных прототипов и дизайн-систем
• Тестирования дизайн-решений
• Исследования пользователей: проведение опросов, интервью и A/B-тестирований
• Создания мобильных приложений и сайтов
• Умения конструировать адаптивную верстку для различных операционных систем по гайдам Apple и Google
• Визуализации данных
• Проектирования пользовательского опыта

Автор текста, заглавного изображения и схем: Алишер Ахметов
Редактор: Роман Лукьянчиков