Кто такой UX/UI-дизайнер, чем он занимается и почему его работа так важна
От удобства и простоты сервиса для доставки еды или сайта маркетплейса зависит, вернёмся ли мы снова за покупками или навсегда перестанем пользоваться этими продуктами. По данным совместного исследования Google и MTM, 74% пользователей удаляют приложения ритейлеров именно из-за недовольства интерфейсом.
За доступность, логику и красоту сайта или приложения отвечает UX/UI-дизайнер. Разбираемся, что такое UX и UI, какие задачи решает специалист в этих областях, сколько он зарабатывает и какими навыками обладает.
Благодарим Андрея Верёвкина, ведущего UX/UI fullstack-дизайнера в СберТехе и преподавателя в Нетологии, за помощь в подготовке материала.
Что такое UX/UI-дизайн и чем занимается специалист в этой сфере
UX/UI-дизайн — это проектирование удобных, понятных и эстетичных пользовательских интерфейсов. Чтобы разобраться, какие задачи решает специалист в этой сфере, нужно понять, что такое UX и UI.
UX — user experience — переводится на русский язык как «пользовательский опыт». Это понятие включает в себя навигацию по сайту или приложению, состав функций внутри цифрового продукта, понятный текст.
UX-дизайнер — специалист, задача которого сделать продукт удобным, понятным и логичным для всех пользователей. От его работы зависит, сможет ли клиент быстро и удобно получить желаемую услугу. Перед запуском продукта он всегда совершает большую подготовительную работу: проводит аудит конкурентов, опрашивает пользователей, изучает целевую аудиторию сайта или приложения.
UI — user interface — это пользовательский интерфейс: наполнение сайта, систематизация элементов, выбор цветов, построение визуальной композиции, оформление кнопок, колонок и других графических элементов. Всем этим занимается UI-дизайнер.
UX-дизайнер исследует ЦА, продумывает структуру продукта, анализирует пользовательские пути, а визуализирует его концепцию UI-специалист.
Так как работа над UX- и UI-дизайном тесно связана между собой, чаще всего ею занимается один и тот же человек. Во многих компаниях функции UX/UI-дизайнера берёт на себя один сотрудник.
АЛЬМИРА НИЗАМОВА
Автор-фрилансер. Разобралась, кто такой UX/UI-дизайнер
Этапы работы UX/UI-дизайнера
Приложения и сайты решают разные пользовательские задачи, поэтому процесс создания интерфейса не может быть строго регламентирован. Однако работу UX/UI-специалиста можно условно разделить на несколько этапов.
1 этап. Анализ ЦА
Средний возраст и пол пользователей, их интересы и цели, с которыми они заходят на сайт или в приложение, география проживания — вся эта информация помогает составить портрет целевой аудитории. Благодаря ему дизайнеру проще предугадать поведение людей и создать максимально удобный для них продукт.
Представим, что UX/UI-дизайнер работает над приложением для агрегатора билетов на самолёты и поезда по России и всему миру. Целевую аудиторию можно представить таким образом:
- Пол: мужчины и женщины.
- Возраст: 18–55 лет.
- География проживания: все регионы России.
- Доход: средний, выше среднего.
- Семейное положение: холостые, пары, семьи с детьми.
- Интересы: путешествия, туризм, активный образ жизни, бизнес.
- Цели использования приложения: быстрый поиск билетов, возможность поиска оптимальной цены и маршрута.
Если закончить анализ ЦА в таком виде — аудитория продукта получится слишком широкой, специалисту будет сложно создать приложение специально для неё. Поэтому можно разделить аудиторию на сегменты:
Студенты в возрасте от 18 до 24 лет: с невысоким доходом, используют приложение нечасто — во время каникул, предпочитают бюджетные варианты.
Бизнесмены от 25 до 45 лет: с доходом выше среднего, путешествуют часто из-за командировок и деловых встреч, используют самолёты или поезда высокого класса.
Семьи с детьми или без: доход средний–выше среднего, возраст супругов или родителей — 25–45 лет, используют приложение несколько раз в год — на длинных праздниках, во время отпусков и каникул.
2 этап. Анализ конкурентов
Изучение сильных и слабых сторон конкурентов помогает UX-дизайнеру усовершенствовать продукт без повторения ошибок коллег. На этом этапе можно проанализировать сайты и приложения не только конкурирующих компаний, но и тех, кто занимается смежным бизнесом. Например, если вы работаете с сетью фитнес-центров, стоит обратить внимание на интерфейсы магазинов спортивного питания или одежды.
3 этап. Определение структуры
На этом этапе создаются основные разделы продукта, определяется их взаимодействие и расположение. Правильно спроектировать структуру сайта или приложения поможет информационная архитектура. Она определяет, какие данные должны быть размещены на каждой странице и как связать их друг с другом, чтобы содержимое продукта стало удобным и логически связанным для пользователей.
На этом этапе также может создаваться Customer Journey Map — карта пользовательских путей. По сути CJM — визуализация взаимодействия потребителя и продукта с точки зрения пользователя. В карте дизайнер расписывает, каким путями клиент пришёл на сайт, с какими барьерами он при этом столкнулся, чего он боится и из-за чего может отказаться от покупки. С помощью CJM формируется структура будущего проекта.
Читать также
Гид по созданию Customer Journey Map: опыт Нетологии
4 этап. Создание прототипа
Прототипирование — очень важный этап разработки продукта. Именно с этого начинается работа над UI-дизайном. Прототип тестирует целевая аудитория проекта, его демонстрируют заказчику или акционерам, с его помощью привлекают инвесторов.
Для начала дизайнер создаёт вайрфрейм (от англ. wireframe — «каркас») — схему, отражающую общую концепцию продукта и его основные разделы. Вайрфрейм отличает монохромность и низкий уровень визуализации. Можно сказать, что это упрощённый набросок сайта или приложения, который содержит все элементы продукта. Вайрфрейм показывает, как работает интерфейс и как с ним взаимодействует пользователь.
После вайрфрейма специалист приступает к созданию макета. На этой стадии интерфейс наполняется логотипами, цветами, картинками и текстами — дизайн будущего продукта становится более подробным. Макет помогает клиенту и команде оценить визуальную составляющую сайта или приложения.
Наконец, дизайнер создаёт полноценную модель продукта — интерактивный прототип. Он включает в себя весь контент сайта или приложения: пользователи могут нажимать на кнопки, переходить со страницы на страницу и смотреть, как работают функции продукта.
5 этап. Тестирование
Прототип содержит все визуальные и функциональные элементы сайта или приложения, поэтому перед выпуском его тестируют для выявления ошибок и усовершенствования конечного результата.
Тестирование бывает двух видов: количественное и качественное. В первом случае исследование проводят на большой выборке пользователей, во втором — к делу привлекают фокус-группу из ЦА.
Обратная связь очень важна для UX/UI-дизайнера, поскольку даже опытный специалист может неправильно предугадать поведение клиента. Какие ошибки вы допустили при разработке, какие фичи лучше заменить, понятен ли пользователям интерфейс, насколько быстро они достигают своей цели, есть ли у них замечания к продукту — ответы на эти и другие вопросы даёт тестирование. Его можно провести с помощью Google Форм, Maze или Quant-UX.
После завершения тестирования UX/UI-специалисты занимаются доработкой сайта или приложения. До выпуска продукта на рынок может выйти несколько его прототипов.
6 этап. Поддержка и развитие продукта
Выпуск сайта или приложения не означает, что работа над проектом закончена. Спустя некоторое время после релиза дизайнеры снова тестируют продукт, совершенствуют его и делают более эффективным для пользователей. Часто сайты и приложения обзаводятся новыми функциями, порой — им требуется и редизайн.
Знания и навыки UX/UI-дизайнера
Чтобы хорошо справляться со своей работой, UX/UI-дизайнеру нужно обладать целым комплексом навыков. Если говорить о хард-скиллах, он должен:
Знать основы разработки интерфейсов для веб-сервисов и мобильных приложений — это база, на которую необходимо нанизывать остальные знания и компетенции.
Уметь работать с основными веб-программами и инструментами:
- Figma — сервис для разработки прототипов и тестирования.
- Sketch — инструмент для создания векторной графики и прототипирования для пользователей Mac.
- Adobe XD — программа для разработки интерфейсов.
- Tilda, Readymag и Webflow — инструменты для быстрого создания сайтов.
- Adobe After Effects ― редактор для визуализации анимации сайта.
Знать основы диджитал-маркетинга. Без исследования целевой аудитории создать эффективный и конкурентоспособный сайт или приложение не получится. Поэтому UX/UI-дизайнер должен понимать, как составлять портрет пользователя и как исследовать продукты конкурентов.
Владеть аналитическими навыками. Просто изучить ЦА и конкурентов недостаточно, важно также правильно обработать и проанализировать эту информацию. Кроме того, нужно владеть методиками анализа бизнес-задач: JTBD (Jobs to be done), методом персон и аудированием конкурентных продуктов.
Читать также
Jobs To Be Done в веб-разработке: как увеличить продажи в интернет-магазине
Знать визуальный язык дизайна. Работа UX/UI-дизайнера — это не только про функциональность и удобство использования продукта, но и про его эстетику. Эргономичность дизайна, цветовое решение сайта, его красота — всё это создаёт настроение и влияет на решение клиента о покупке. Поэтому специалисту в этой сфере важно развивать насмотренность и вкус, а также расширять знания о художественных приёмах. В этом помогут курсы по UX/UI-дизайну, профильное образование и постоянная практика.
Разработка прототипа, анализ ЦА и другие технические навыки действительно важны, но не менее важно подкрепить их развитыми софт-скиллами. UX/UI-дизайнеру нужно:
Быть эмпатичным. Чтобы решить проблему пользователя, нужно понимать, что он чувствует.
Стремиться к развитию и самосовершенствованию. Сфера веб-дизайна не стоит на месте, поэтому профессионалу важно отслеживать тренды и постоянно расширять свои знания и навыки.
Быть усидчивым и упорным. Разработка дизайна сайта или приложения — это долгий труд, который требует больших усилий. Поэтому умение долго работать над задачей точно пригодится человеку, решившему связать карьеру с UX/UI.
Уметь общаться. Даже если UX и UI занимается один и тот же человек, его работа связана с другими людьми в команде: разработчиками, копирайтерами, проджект-менеджерами. Дизайнеру важно научиться правильно ставить задачи, обсуждать правки и предложения, а также слышать своих коллег.
Быть креативным. UX/UI-дизайнер — представитель творческой части IT. Умение визуализировать желания клиента, способность искать новые пути решения проблем и творческий подход помогут достичь успеха на выбранном поприще и сделать карьеру в дизайне продукта.
Востребованность профессии
В 2022 году практически ни один бизнес — будь это небольшой маникюрный салон или крупная корпорация — не обходится без сайта или мобильного приложения. По данным международного сервиса по поиску работы и найму Glassdoor, профессия UX-дизайнера находится на 24 месте в списке 50 лучших работ в США.
Пандемия ускорила диджитализацию нашего мира, поэтому с каждым годом ценность UX/UI-специалистов будет возрастать, а перспективы карьерного роста позволят развиваться в выбранной сфере. Варианты трудоустройства у дизайнеров тоже разные: фриланс, работа в штате IT-компаний, сотрудничество с рекламными агентствами и веб-студиями.
Сколько зарабатывает UX/UI-дизайнер
Все цифры актуальны на момент написания статьи.
Согласно информации на сайте Работа.ру, средняя зарплата UX/UI-дизайнера по России составляет 106 000 рублей. По Москве и Санкт-Петербургу цифра немного выше — 130 и 115 тысяч рублей соответственно.
Однако новичкам в UX/UI-дизайне придётся начинать карьеру с меньшей зарплатой. На сайте hh.ru, специалистам без опыта предлагают работу за 70+ тысяч рублей:
При наличии опыта в 1–3 года можно рассчитывать на зарплатную вилку от 60 до 100 тысяч рублей:
Если вы работаете в UX/UI более трёх лет и имеете в своём портфолио кейсы со сложными продуктами, то можно найти работу с ежемесячным доходом до 210 тысяч рублей:
На зарубежном рынке труда зарплаты специалистов в UX/UI ещё выше. В США, например, согласно данным Glassdoor, UX-дизайнер зарабатывает в среднем почти 110 тысяч долларов в год.
При этом зарплаты UI-дизайнеров в США ниже, чем у их коллег по UX:
В Германии разница в средних зарплатах между UX- и UI-дизайнерами и вовсе достигает почти 12 тысяч евро в год. Примерно 60 тысяч евро у UX-специалиста против чуть более 48 тысяч евро у его коллеги по UI:
Кто такой UX/UI-дизайнер
UX/UI-дизайнер — это специалист, который создает удобные пользовательские интерфейсы. В этой статье мы простыми словами объясняем, какие задачи у него есть и как зарабатывать в этой сфере. Деталями профессии поделилась Кристина Мартыновская, UX-researcher международного стартапа и эксперт курса «Профессия UX/UI-дизайнер с нуля до про».
освойте профессию
UX/UI-дизайнер с нуля
за 9 недель
Содержание
- UX/UI-дизайнер — кто это
- В чем разница между UX- и UI-дизайном
- Где используют UX и UI
- Чем UX/UI-дизайн отличается от веб-дизайна
- Кому подойдет работа UX/UI-дизайнера
- Чем занимается UX/UI-дизайнер
- Требования к качественному UX/UI-дизайну в 2023 году
- Тренды и перспективы UX/UI-дизайнеров в 2023 году и что с ними делать
- Что почитать по UX/UI
- Сколько в 2023 году зарабатывают UX/UI-дизайнеры
- Где искать клиентов начинающим UI/UX-дизайнерам
- Как развивать карьеру и куда расти UI/UX-дизайнеру в 2023 году
UX/UI-дизайнер — кто это
профессия | 16 месяцев
UX/UI-дизайнер с нуля до ПРО
Для тех, кто хочет попасть в IT без навыков программирования
пройти курс
UX/UI-дизайнер — это универсальный специалист, который одновременно может специализироваться на направлениях UX и UI. Но иногда эти задачи выполняют два разных человека: UI-дизайнер и UX-дизайнер .
Кто такой UI-дизайнер
UI-дизайнер (user interface) — это специалист, который занимается визуальным оформлением интерфейсов для цифровых продуктов. Он создает элементы интерфейса, например, кнопки, меню и иконки, и каждый из этих элементов должен улучшать взаимодействие между пользователем и продуктом.
Задачи UI-дизайнера включают:
- выбор цветовой гаммы;
- выбор шрифта;
- расположение элементов на экране в нужном порядке.
UI-дизайнер работает в тесном сотрудничестве с UX-специалистом, чтобы создать наилучший пользовательский опыт в цифровых продуктах. В UI-дизайне берут за основу аналитику UX-специалистов и создают максимально удобный продукт.
Кто такой UX-дизайнер
UX-дизайнер (user experience) — это специалист по созданию пользовательского опыта на веб-сайтах, в приложениях и других цифровых продуктах. Для этого он проводит исследования, анализирует потребности пользователей, создает прототипы и тестирует их на нескольких аудиториях. Цель UX-дизайнера — создать продукт, который прост в использовании, понятен и решает их проблемы целевой аудитории.
UX-дизайнер работает с опытом пользователей. В этом направлении важны аналитические навыки, так как нужно изучать аудиторию и ее поведение.
профессия | 16 месяцев
UX/UI-дизайнер с нуля до ПРО
Для тех, кто хочет попасть в IT без навыков программирования
пройти курс
В чем разница между UX- и UI-дизайном
UX-дизайн изучает поведенческие особенности человека. Специалисты исследуют пользователей, проводят с ними интервью, опросы и юзабилити-тестирования. Также они собирают документы, которые будут описывать User Flow, то есть пользовательский путь, и помогают менеджерам собирать Customer Journey Map (CJM) — карту клиентского пути.
Такой специалист проектирует интерфейс, но не рисует финальный дизайн. UX-дизайнер может добавить в сервис, например, переключение на несколько языков, добавить ночной режим или быструю связь с техподдержкой.
Основная задача UI-дизайна — создать визуальную концепцию, довести графический стиль до финального вида, в котором пользователи увидят его у себя в приложении или веб-сервисе. На проектах UI-дизайнер может отвечать за отрисовку страниц, экранов, кнопок, полей для ввода текста, выпадающих списков, переключателей и других элементы.
UX-дизайнер | UI-дизайнер | |
Описание | проектирует пользовательский опыт | создает визуальную концепцию сервиса |
Навыки | изучение поведенческих особенностей пользователей, разработка прототипов, проведение тестов и исследований, анализ данных после тестирования и опросов пользователей, составление технических заданий для UI-дизайнеров | умение работать с иллюстрациями, шрифтами и элементами взаимодействия — кнопками, иконками, анимацией |
Инструменты | аналитика, структура | типографика, иллюстрации, работа с цветом |
Цели | решить проблемы пользователей | сделать удобный и приятный дизайн |
Где используют UX и UI
В диджитал-направлении UX и UI используется везде:
- Вы открываете смартфон и тут же встречаетесь с UX/UI-дизайном какого-нибудь мобильного приложения.
- Открываете на ноутбуке браузер или социальную сеть — сталкиваетесь с UX/UI-дизайном веб-сайта или соцсети.
- Снимаете деньги в банкомате или заказываете еду в сети фастфуда через терминал — его тоже кто-то проектировал.
- Бортовые компьютеры в автомобилях и медиасистемы в самолетах, на которых можно выбрать треки, фильмы или играть в игры — это тоже UX/UI.
Чем UX/UI-дизайн отличается от веб-дизайна
Человек с профессией UX/UI-дизайнер может проектировать любой цифровой продукт: мобильное приложение, интерфейсы бортовых компьютеров в автомобилях, Smart TV, интерфейсы игровых приставок PlayStation или XBox, «умную» бытовую технику, вроде чайников или холодильников. Даже смарт-часы в какой-то степени относится к UX/UI, так как вы управляете контентом на сенсорном экране: читаете сообщения, видите пропущенные звонки.
Веб-дизайнер, в отличие от UX/UI-дизайнера, рисует только сайты и их мобильные версии. Для создания мобильных приложений ему нужно будет расширять свой диапазон знаний. То есть UX/UI-дизайнер обладает более широким набором компетенций, в который входят навыки веб-дизайна.
Кому подойдет работа UX/UI-дизайнера
Чтобы добиться успеха в этой области, необходимы аналитические навыки, творческие способности и дизайн-мышление.
Плюсы
- Эта специальность включает в себя сразу две профессии, поэтому подойдет разным людям.
- Есть баланс между творчеством и аналитикой. Вы придумываете лучшее решение для пользователя, основываясь на данных.
- Это творческая специальность. У вас будет возможность переключаться между проектами, задачами и сферами, для которых разрабатываете продукт.
- Если вы работаете в агентстве, а не занимаетесь конкретным продуктом, у вас будет больше разнообразия в задачах.
Минусы
- Высокая конкуренция в сфере. Нужно иметь большое, разнообразное портфолио, чтобы попасть в компанию мечты.
- В сфере дизайна интерфейсов нет единого стандарта: что сработало в одном проекте, может не сработать в другом. Поэтому часто приходится дорабатывать детали под воздействием внешней среды.
- Рутина. Если вы работаете в продуктовой компании, у вас будет много однотипных задач.
- Работая в агентстве, вы не сможете достаточно глубоко погрузиться в задачи из-за большого количества параллельных проектов.
Еще дизайнеру интерфейсов (UX/UI) придется постоянно учиться. Нужно держать руку на пульсе, следить за тем, как комбинируются и меняются методологии, модные течения и актуальные тренды. Здесь каждый сам для себя должен решить — плюс это или минус.
Чем занимается UX/UI-дизайнер
Чем занимаются UX/UI-дизайнеры? В самом начале работы над продуктом появляется идея, затем прорабатывается путь пользователя (User Flow), появляется эскиз, дизайн-концепция и компоненты UI, а потом создается прототип. Давайте разберем каждый этап по порядку и выясним, в чем на каждом из них обязанности UX/UI-дизайнера.
User Flow
У интерфейса может быть много сценариев. Любой из них может вписываться в User Flow — пользовательский путь: то, по какому маршруту пользователь идет по продукту, как в него заходит, с какими проблемами сталкивается и как выходит из продукта. Этот путь можно описать словами, блок-схемой или детализированными картинками в прототипе.
Например, так выглядит User Flow пользователя, который хочет вызывать такси:
- На мобильном телефоне он находит иконку приложения такси и нажимает на нее.
- Затем выбирает, куда ему нужно поехать.
- Вызывает такси.
- Выходит на улицу, садится в такси. В этот момент он не взаимодействует с приложением.
- Когда пользователь доехал до нужного места, с него снимается оплата, он видит push-уведомление об этом.
- Потом, например, он может поставить оценку водителю (а может не поставить).
- Потом пользователь закрывает приложение до следующего случая, когда ему понадобится вызвать такси.
User Flow также можно визуализировать. Например, так выглядит путь пользователя в сервисе с подпиской на лекции:
Эскиз
На этом этапе создается Wireframe — это эскиз, каркас сайта или приложения или одной их страницы. То, что визуально напоминает нам финальный продукт. Обычно его собирают из серых квадратиков, которые называют gray boxes.
Дизайн-концепция
После эскиза начинается разработка дизайн-концепции. Для нее нужно создать мудборды, подобрать референсы, цветовую гамму и шрифты, а затем создать концептуальный набросок.
- Если сайт маленький, достаточно будет сделать UI Kit — набор готовых элементов для дизайна интерфейса: шрифтов, иконок, форм и других элементов сайта или приложения.
- Если сайт большой, для него нужна дизайн-система. Она создается в отдельном пространстве в Figma и раскатывается на весь продукт — так все изменения, которые в ней есть, применяются ко всему продукту.
Компоненты UI
UI-дизайнеры работают с цветом, типографикой, иконками, картинками. Работы с типографикой в мобильном приложении немного, потому что есть конкретные шрифты, которые зашиты в операционную систему:
- для сервисов на Android используют Roboto;
- для iOS используется шрифт San Francisco.
Поэтому в приложении можно менять в основном размеры и начертания шрифтов.
15 лучших шрифтов для дизайна сайтов и приложений
С цветовой палитрой удобнее работать с помощью специальных сервисов, например, ColorScheme или Material Design от Google: с их помощью можно подобрать основной и комплементарный цвета для приложения.
Иконки для прототипа можно выбрать в любом подходящем стиле: нарисованные от руки, плоские, объемные, абстрактные. Их можно найти на стоках и доработать или отрисовать с нуля.
Прототип
Анимированный Wireframe — это прототип. Для его разработки дизайнер собирает информацию с заказчиков и продакт-менеджера. После этого начинает проводить исследование: смотрит, какие наработки внутри продукта уже есть, какие статьи с похожими исследованиями выпущены на эту тему.
Дальше, если позволяет время и бюджет, создается первый прототип и тестируется на пользователях. Затем его дорабатывают в зависимости от того, как на него реагировали пользователи, и уже после этого отрисовывается финальный дизайн, который отдается разработчикам.
Но это идеальная картина, потому что в продукте не всегда есть возможность и время, чтобы что-то протестировать. Иногда дизайнер просто рисует прототип, показывает его разработчикам, они начинают набрасывать архитектуру сервиса, а дизайнер в этот момент начинает отрисовывать финальный визуал.
UX/UI-дизайнер с нуля до ПРО
Делайте мир удобнее. Создавайте продуманные интерфейсы сайтов и приложений без навыков программирования. IT-компании ждут вас.
Требования к качественному UX/UI-дизайну в 2023 году
Пользователи хотят, чтобы сайт или приложение быстро решали задачи, выглядели приятно, были понятны и работали без сбоев. Поэтому к хорошему UX/UI-дизайну предъявляют определенные требования:
- Ясность ― нет двусмысленности, все части продукта решают задачи пользователя или направляют его.
- Лаконичность ― сервис не перегружен лишними элементами.
- Узнаваемость элементов ― например, галочка для подтверждения будет зеленого цвета, а крестик для отмены — красного.
- Отзывчивость ― быстрая реакция интерфейса на действия пользователя.
- Постоянство ― элементы должны вести себя одинаково на каждой странице продукта.
- Эстетика ― интерфейс должен быть привлекательным, но не отвлекать от решения задач.
- Эффективность ― пользователь сделает минимум действий прежде, чем попадет в нужный раздел.
- Забота ― вежливые сообщения в случае ошибки или сбоя повышают лояльность пользователя.
Например, в прототипе приложения для учеников Хогвартса есть все необходимые функции для пользователей: расписание, библиотека, список чатов, лента новостей, карта с навигатором и магазин магических предметов.
Тренды и перспективы UX/UI-дизайнеров в 2023 году и что с ними делать
Многие дизайнеры уровня сеньор и мидл уехали из России, поэтому на рынке освободились некоторые вакансии. Но нужно учитывать, что на эти места возьмут только дизайнеров с таким же уровнем скиллов.
Пока компании пытаются оптимизировать бюджет, они стараются нанимать UX/UI-дизайнера, который обладает большим набором скилов:
- немного разбирается во фронтенд-разработке;
- знает принципы колористики и типографики;
- умеет рисовать;
- может самостоятельно проводить исследования;
- имеет продуктовый подход к разработке сайтов, сервисов и приложений.
Сейчас ценятся дизайнеры, у которых есть навыки не только в UX/UI, но других областях: маркетинге или разработке, это большой плюс. Джунам я советую параллельно изучать несколько смежных специальностей: копирайтинг, иллюстрации, моушн и графический дизайн ― хотя бы поверхностно. Именно на таких T-shaped специалистов сейчас может быть высокий спрос.
Что почитать по UX/UI
Чтобы понять, как создать дизайн, способный зацепить пользователя, необходимо разобраться в паттернах поведения. Автор книги рассказывает о четырех этапах, на которых формируется привычка у покупателя. А продукты, которые формируют привычки, помогают возвращать пользователей без затрат на рекламу.
Еще одна книга про способы привлечения внимания. Автор собрала результаты исследований поведения пользователей и показала на множестве примеров.
Книга дизайнера и разработчика рассказывает с разных точек зрения о том, как создавать интерфейс. Книга полезна, если не хватает конкретики и примеров в теории дизайна.
Автор книги, бывший вице-президент Apple, рассказывает об успешных кейсах и истории провалов создания вещей.
Авторы описывают навыки UX-проектировщиков и дают пошаговые инструкции на каждом этапе работы.
Автор дает рекомендации и примеры, как завоевать сердца клиентов с помощью дизайна.
UI-дизайнер
UI-дизайнер создает внешний вид интерфейса какого-либо цифрового продукта. Другими словами, он занимается отрисовкой кнопок, форм, иконок, подбором шрифтов, цветов и других визуальных атрибутов, которые нужны пользователю для взаимодействия с приложением или сайтом. Все они должны гармонично сочетаться друг с другом и соответствовать корпоративному стилю, ненавязчиво, но понятно указывать на те действия, которые необходимо совершить, и не вызывать у человека дискомфорта. Кстати, недавно центр профориентации ПрофГид разработал точный тест на профориентацию, который сам расскажет, какие профессии вам подходят, даст заключение о вашем типе личности и интеллекте. Профессия подходит тем, кого интересует математика, рисование и информатика (см. выбор профессии по интересу к школьным предметам).
Краткое описание: кто такой UI-дизайнер
Чаще всего UI-дизайнер работает либо в тесном сотрудничестве с UX-дизайнером, либо выполняет функции обоих специалистов (тогда его называют UX/UI дизайнером). UX расшифровывается как User Experience, что можно перевести дословно как «пользовательский опыт», а UI – как User Interface, что переводится как «пользовательский интерфейс». То есть UX-дизайнер в большей степени отвечает за функциональность дизайна, за то, чтобы приложением было легко и удобно пользоваться, а UI-дизайнер – за визуализацию этого удобного и функционального решения, за подбор форм, цветов и других параметров, которые будут с комфортом восприниматься глазами пользователя.
Черная пятница в Skillbox: месяц инвестиций в себя!
Получи скидку, курс в подарок и гарантию трудоустройства, чтобы стать востребованным специалистом.
Мечтаешь создать свою игру?
Воплоти мечту в реальность вместе с XYZ School!
Кто такие UI-дизайнеры и чем они занимаются
Мы каждый день пользуемся интерфейсами, не думая, кто их придумал. Давайте это исправим — поговорим о работе, навыках, инструментах UI-дизайнера.
Наталья Тарасова
Арт-директор ITSOFT, СEO & Founder студии дизайна Snow Fjord, автор блога на Medium о работе с иностранцами.
об авторе
Арт-директор ITSOFT, СEO & Founder студии дизайна Snow Fjord, автор блога на Medium о работе с иностранцами.
Ссылки
Графические интерфейсы, которые вы видите на компьютере, планшете, мобильном телефоне или любом другом экране, созданы UI-дизайнерами (англ. user interface — пользовательский интерфейс). Эти специалисты разрабатывают внешний вид любой программы, сайта или приложения. Они рисуют все элементы (кнопки, иконки, формы) в разных состояниях (например, до и после клика мышкой).
Есть ещё другое понятие — UX (англ. user experience — пользовательский опыт), с которым часто возникает путаница. UX-дизайнер не рисует кнопки, он проектирует интерфейс: изучает потребности пользователей, продумывает логику, анализирует и тестирует. Впрочем, эти направления дизайна тесно связаны и ими может заниматься один специалист.
Основные задачи UI-дизайнера
Разбираемся подробнее, какие задачи и цели преследует UI-дизайнер, когда работает над внешним видом любого ресурса.
Интерактивность
Создание интерактивности (англ. interaction — взаимодействие) — главная задача UI-дизайнера. Допустим, вы нажимаете на кнопку и она изменяет состояние — показывает своим внешним видом, что её функция (например отправка сообщения) запущена. При клике у элемента может появиться тень или обводка, измениться цвет или размер. Эти и многие другие интерактивные изменения обеспечивает именно UI-дизайнер.
Брендинг
UI-дизайнер также помогает передать эмоции бренда и его продуктов. Разберём, что это такое, на примере продажи велосипедов.
Допустим, мы хотим донести до клиента образы скорости, новаторства, устремлённости в будущее. Эту задачу можно решить даже без текста — только за счёт дизайна.
Если нужно продать ретровелосипеды, то это уже другие эмоции, потребности и выгоды, поэтому UI-дизайнер меняет формы, цвета и графические приёмы.
UI-дизайнера и художника роднит умение визуализировать эмоции, внутренние переживания и чувства.
Адаптивность
UI-дизайнер решает, как интерфейс цифрового продукта будет выглядеть на разных носителях, — то есть обеспечивает адаптивность.
Наверняка вы замечали, что сайт, открытый на настольном компьютере, выглядит иначе, чем на планшете или мобильном телефоне. Потому что на разных устройствах вы видите разные адаптивные решения интерфейса.
Все элементы, нарисованные для каждого сценария взаимодействия и размера экрана, дизайнер складывает в UI-кит. Этот файл затем используется программистами, верстальщиками и другими дизайнерами.
Цель UI-дизайнера — сделать приятный, удобный, понятный интерфейс. Чтобы текст не слипался, иконки облегчали чтение, а кнопка была заметна (и находилась там, где удобно на неё нажимать).
Работа UI-дизайнера в подробностях
Теперь рассказываем, с помощью чего UI-дизайнер решает свои задачи и достигает поставленных целей.
1. Текстовая иерархия
UI-дизайнер работает над текстовой иерархией. Например, делает заголовки заметнее, чем обычный текст. Это экономит время: пользователь может пройти текст по диагонали и понять структуру, остановиться там, где ему нужно, а не читать всё от начала до конца.
2. Цвет и форма
UI-дизайнер хорошо разбирается с формами и цветами. Например, делает кнопку легко отличаемой от окружающих элементов — очищает пространство вокруг неё от графики и цвета. Тогда кнопка становится заметной и на неё хочется нажать.
3. Сетки
UI-дизайнеры используют в работе сетки — это могут быть колонки, линии или лист, который выглядит как школьная тетрадь в клетку. Сетки помогают рисовать интерфейсы и систематизировать расположение объектов.
Навыки хорошего дизайнера интерфейсов
1. Насмотренность
UI-дизайнер накапливает визуальный опыт, «банк идей» в голове. Он любопытный и внимательный к деталям, умеет их анализировать. На одну задачу у него есть разные варианты решений.
Насмотренность значительно расширяет горизонты и сокращает творческие муки при работе с любым проектом.
2. Развитое чувство стиля и целостность дизайна
Чтобы уметь работать в одном стиле — и не смешивать в одном проекте, например, гранж и ретро , — нужно знать хотя бы основные направления и их принципы. И уметь придерживаться целостности дизайна, концентрироваться на одном направлении, а не «разбрасываться» стилями по сайту.
3. Типографика
Размер шрифта, подбор шрифтовых пар, сочетание с другими элементами сайта — имеет значение абсолютно всё. Типографика помогает создавать читабельный текст и делать ресурс в целом удобнее и понятнее.
4. Передача уникальности, эмоций продукта
У каждого продукта, который продаётся на рынке, есть конкурентное преимущество. UI-дизайнер понимает это преимущество, чувствует его характер, эмоцию, идею, способен донести это до пользователя.
5. Владение современными инструментами
Самые базовые и необходимые графические программы:
Инструменты для создания прототипов:
6. Презентация своей работы
Весомый плюс для UI-дизайнера — хороший навык презентации работы, чтобы всё было просто и понятно, заказчик или партнёр вовлекался и погружался в решение. Такой soft skill повышает ценность специалиста на рынке.
Самостоятельное освоение профессии UI-дизайнера — довольно интересный, но длительный процесс. Сложно самому быстро и глубоко разобраться в необходимых программах, наработать навыки и начать понимать пользователя. Гораздо проще и эффективнее пройти онлайн-курсы, где удобный формат обучения и понятный структурированный материал, а эксперты помогают с любыми вопросами. Именно так будет, если пойти учиться на UX/UI-дизайнера в Skillbox.
Где работать UI-дизайнеру
Без мобильных приложений и веб-сайтов в наше время не обходится почти ни одна компания. Поэтому на рынке множество IT-компаний, которые занимаются разработкой интерфейсов.
Есть несколько вариантов, где может работать UI-дизайнер.
1. Продуктовая компания
Чаще всего работа будет связана с какой-то узкой сферой (например играми или банковскими сервисами). UI-дизайнеру предстоит вникнуть во все нюансы работы компании, но это даст новые навыки. В этом случае он достаточно быстро растёт как специалист.
2. Аутсорсинговые компании
Специфика работы на аутсорсе зависит от её направленности. Компания может заниматься чистым дизайном или оказывать полный спектр маркетинговых услуг.
Разнообразие проектов — хорошая возможность «набить руку» и найти направление, которое наиболее интересно.
3. Фриланс
Главное отличие — UI-дизайнер выбирает только те проекты, которые ему интересны. Здесь заработок напрямую зависит от продуктивности, репутации и «мягких навыков».
Сколько получают UI-дизайнеры
Доход зависит от уровня специалиста или компании, в которой он работает, и того, что именно он делает. Если, например, обязанности также включают UX-дизайн, то доход будет выше.
У UI-дизайнеров есть стандартная градация:
- Junior — начинающий специалист с минимальным опытом или без него;
- Middle — опытный специалист со стажем от трёх лет;
- Senior — высококлассный специалист с большим опытом работы, иногда его называют старшим дизайнером продукта.
По данным hh.ru на начало июля 2020 года, зарплата UI-дизайнеров колеблется от 30 до 250 000 рублей.
- Джуниору предлагают 30–40 тысяч рублей.
- Мидлу — от 90 до 150 тысяч.
- Синьору готовы платить от 150 000 рублей и выше; есть вакансии и от 250 тысяч.
Важно: стаж не гарантирует обладание необходимыми навыками. Можно несколько лет выполнять одну и ту же работу и так и не стать высококлассным специалистом. А можно прокачивать скилы, браться за серьёзные задачи и через короткое время с нуля достичь уровня Middle.
Стиль с фокусом на определенную эпоху, культуру прошлого.
Грязный, неопрятный, иногда даже стиль. Возник как альтернатива гламуру и фальшивой красоте. Устойчивый тренд, дающий большой простор для самовыражения.