Кто такой UX/UI-дизайнер
UX/UI-дизайнер — кто это?
Разберем подробнее, какие задачи есть в каждом направлении.
UX-дизайнер
UX-дизайнеру важны следующие навыки:
- изучение поведенческих особенностей пользователей;
- разработка прототипов;
- установление связей между элементами интерфейса;
- проведение тестов (например юзабилити-тестирование);
- проведение исследований (например глубинное интервью);
- анализ данных после тестирования и опросов пользователей;
- составление технических заданий для UI-дизайнеров.
- переключение на несколько языков на международном сайте;
- переключение на ночной режим;
- быструю связь с техподдержкой.
UI-дизайнер
Вот за что отвечает UI-дизайнер на проектах:
- проектирование страниц и экранов, с которыми взаимодействует пользователь;
- отрисовка кнопок, полей ввода текста, выпадающих списков, переключателей и других элементов;
- согласованность элементов и соответствие графическому стилю.
Бывает, что в команде вместе с UX/UI-дизайнерами работают ресерчеры и аналитики.
UX-ресерчер
Тут самый распространенный метод — интервью. Ресерчеры общаются с пользователями и узнают их опыт, потребности и переживания. Это простой способ сбора информации, при этом эффективный — так получается выявить много инсайтов.
Бывает, что только качественного исследования недостаточно. Например, если в разговоре с одним респондентом удалось выявить его негативный опыт взаимодействия с продуктом, это не значит, что с этим столкнулись и другие. Тогда для подкрепления проводят еще и количественные исследования, которые отражают полную картину.
Другой способ собрать обратную связь — юзабилити-тестирование. Здесь пользователю продукта дают возможность протестировать новые функции. Например, дизайнер разработал новый макет личного кабинета и хочет понять, все ли нововведения понятны пользователю и помогают решить его задачу. Тогда ресерчеры обращаются к пользователям приложения, чтобы собрать людей, готовых принять участие в исследовании.
UX-аналитик
Название профессии говорит само за себя: это специалисты, которые анализируют метрики и внешнюю среду продукта. Их главная задача — собрать данные, которые помогут дизайнерам и разработчикам улучшить продукт, а также объяснить заказчику, почему такое решение было принято.
UX-аналитик изучает целевую аудиторию, цели и задачи проекта, предложения конкурентов и контекст. Например, сколько посетителей регистрируется на веб-сайте или сколько человек уходят из интернет-магазина без покупки.
После эту информацию обрабатывают, выдвигают гипотезы и проводят тесты разных вариантов дизайна. Например, UX-аналитик выяснил, что пользователям не нравятся скриншоты сервиса в магазине приложений и это влияет на количество установок. Тогда дизайнеры разрабатывают два варианта картинок и каждый показывают 50% посетителей. Выясняется, что вторая картинка намного привлекательнее и приносит больше установок приложения.
Чем занимается UX/UI-дизайнер?
Основная цель дизайнера пользовательских интерфейсов — создать продукт, которым будет удобно пользоваться. Давайте разберемся, что именно входит в задачи UX/UI-дизайнера.
Затем изучаю референсы и оцениваю, сколько времени нужно потратить на проектирование, а сколько — на дизайн. Пока изучаю ТЗ, возникают дополнительные вопросы. Их нужно записывать, чтобы не забыть спросить на следующей встрече.
Насколько глубоко мне придется погрузиться в анализ конкурентов и паттерны поведения аудитории — зависит от проекта. Собрав всю необходимую информацию, я записываю сценарии пользовательского взаимодействия и перехожу к следующему этапу.
Обычно это usability-тестирования, глубинные интервью, A/B-тесты и анкетирование пользователей. Так можно узнать о поведении пользователей, предпочтениях, отношении к продукту (сайту, приложению, сервису). Что касается анализа конкурентов, то здесь дизайнер ищет аналоги интерфейсных решений среди конкурентов, которые станут основой для проектирования.
На этом этапе я делаю первые концептуальные наброски прототипа и формирую информационную архитектуру. Затем перекладываю эту информацию на прототип и показываю заказчику.
4. Согласование
Финальный этап. Я передаю проект заказчику и вношу правки, если это необходимо.
Плюсы и минусы профессии
- Баланс между творчеством и аналитикой. Вы придумываете лучшее решение для пользователя, основываясь на данных.
- Возможность переключаться между проектами и задачами, а также сферами, для которых разрабатываете продукт.
- Я бы выделила высокую конкуренцию в этой сфере. Нужно иметь большое разнообразное портфолио, чтобы попасть в компанию мечты.
- В сфере дизайна интерфейсов нет единого стандарта: что сработало в одном проекте, может не сработать в другом. Поэтому часто приходится дорабатывать детали под воздействием внешней среды.
Современный и удобный интерфейс нужен везде. Поэтому количество запросов на хороших специалистов растет. К началу октября 2021 года на одном только hh.ru можно найти более 2 тыс. вакансий UX/UI-дизайнеров. Аналитики Superjob.ru уже в 2019 году доказали, что спрос на UX/UI-дизайнеров будет расти. Из-за пандемии популярность профессии увеличилась, так как компании расширяют количество онлайн-сервисов.
Сколько зарабатывает UX/UI-дизайнер
Средняя зарплата UX/UI-дизайнера по России — 70–90 тыс. рублей. Но все зависит от региона и компетенций специалистов. По данным SuperJob.ru, зарплата UX/UI-дизайнера в Москве начинается от 90 тыс. Тогда как в Новосибирске новичку за те же обязанности готовы платить около 60 тыс.
Дизайнеры-стажеры могут получать от 45 тыс. рублей. Специалист среднего уровня зарабатывает до 120 тыс. рублей. У старших специалистов в сфере дизайна пользовательских интерфейсов зарплата может быть от 180 тыс. рублей и выше.
Что должен знать и уметь UX/UI-дизайнер?
- опыт работы от двух лет;
- наличие портфолио;
- умение описывать работу интерфейса;
- знакомство с HTML5/CSS3;
- ответственность за дизайн на всех этапах проекта: от сбора требований до запуска сервиса в продакшн;
- умение презентовать сервис и аргументировать свои решения;
- хорошие коммуникативные навыки, высокий уровень эмпатии;
- желание развиваться и делать продукты лучше и удобнее для пользователя.
Навыки UX/UI-дизайнера
Hard skills
Инструмент, который понятен новичку. Здесь можно создавать дизайн интерфейса прямо в браузере. В Figma есть режим совместной работы — можно совместно вносить правки.
Здесь удобно создавать сложные векторные иконки и иллюстрации — функций для работы с ними больше, чем в Figma. Также удобно работать с текстами: их можно превратить в векторную фигуру и редактировать как графический объект.
Сервис можно использовать для подбора шрифтов. На главном экране есть три раздела: заголовок, подзаголовок и основной текст, где вы подберете любые сочетания из коллекции Google Fonts. А если нет своих идей, советую воспользоваться кнопкой Generate — сервис предложит свой вариант комбинаций.
Тут так же, как и со шрифтами. Подобрать сочетание цветов самостоятельно сложно, особенно новичку. Например, у заказчика есть основной цвет, к которому нужно подобрать оттенки. В этой программе можно бесплатно найти подходящие сочетания.
Я бы использовала эту программу, когда нужно создать анимацию предполагаемого взаимодействия пользователя с интерфейсом. Эту анимацию можно показать заказчику, чтобы объяснить, как будет работать интерфейс.
Эта программа подходит для UX-задач. Здесь можно построить карту пути пользователя, чтобы понять, как аудитория взаимодействует с проектом.
2. Исследования
Хотя в вашей команде может быть ресерчер, все-таки полезно будет самому понимать, как получить обратную связь от пользователя и улучшить продукт. Этот навык вдвойне полезен будет тем, кто работает на фрилансе. Вы научитесь самостоятельно строить гипотезы и проверять их, а потом учитывать в проекте полученные инсайты.
3. Тексты
В любой программе или приложении есть текст. Инструкции, описания функций, рекомендации по работе, подсказки — это важная часть любого продукта. Чтобы пользователь остался доволен, нужно создавать последовательный, краткий и любезный текст. Это особенно актуально, если в команде нет UX-копирайтера.
Нужно представлять, как пользователь будет работать с проектом. Старайтесь создавать интерактивные каркасы сайтов, комбинируйте несколько вариантов дизайна, чтобы понять, какой лучше всего подойдет вашей целевой аудитории.
5. Брифинг
Узнать детали проекта на старте, выяснить, какие есть ограничения, и разобраться в задаче — это первый этап любого проекта. Хороший дизайнер видит шире ТЗ, он думает и о пользователе, и о бизнесе, которому продукт принесет выгоду.
1. Эмпатия
Я бы выделила этот навык в первую очередь. Чтобы понять аудиторию, нужно поставить себя на ее место. Только так можно понять, что нужно улучшить и исправить.
Иногда бывает трудно представить себя на месте пользователя. Например, вы разрабатывает дизайн игры для малышей, но своих детей у вас нет. Тогда понять их поведение вам помогут исследования. Они же помогают и в развитии эмпатии.
В работе всегда будет много макетов и документов. Чтобы не потерять или не удалить что-то важное, лучше все хранить в отдельных папках. Если вы будете работать в команде, никому не понравится искать информацию в графической энтропии.
3. Коммуникация
Учитесь рассказывать коллегам и заказчиками о своей работе простым и понятным языком, без узкоспециализированных дизайнерских терминов.
В интернете много бесплатных курсов, которые помогут освоить инструменты. Например, есть курс на русском языке, где рассказывается про принципы юзабилити, работу в Figma и правильное составление портфолио.
Еще один канал на YouTube от CEO студии дизайна UPWORK Евгения Кузьмина. Здесь можно научиться проектировать красивые лендинги, выстраивать композицию на сайте или создавать анимации на Tilda.
Скажу честно: самостоятельно стать UX/UI-дизайнером сложно, но возможно. Здесь нужны основы дизайна, понимание работы многих приложений и обратная связь от профессионалов.
Книги
Это хорошее дополнение к базовым знаниям. Литература поможет, если вы уже понимаете, как работают программы, и имеете опыт создания продуктов. Посоветую три книги:
Стать хорошим UX/UI-дизайнером не просто. Нужно уметь анализировать, владеть программами для прототипирования и быть компетентным в смежных областях. Чтобы развиваться в правильном направлении, обратите внимание на онлайн-курсы. Там преподают профессионалы в сфере UX/UI-дизайна. Они будут курировать весь процесс обучения и давать обратную связь по вашим работам.
В Contented новичкам помогают UX/UI-дизайнеры, ресерчеры и аналитики из крупных компаний: VK Group, OZON, Райффайзенбанк. В течение 15 месяцев мы пошагово обучаем, как создавать интерфейс в Figma, какие принципы лежат в основе любого изображения и макета, как проводить исследования и искать работу. После этого ученики становятся самостоятельными специалистами, способными построить интерфейс любого продукта.