Что такое дизайнер ux: Что такое UX/UI-дизайн и как попасть в эту профессию / Skillbox Media

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

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

Читайте также:

Кто такой frontend-разработчик и как им стать

Екатерина Садчикова

16 мин.

Инструменты и навыки UX-дизайнера

Вот личностные и профессиональные качества, которые нужны хорошему UX-дизайнеру.

Личностные качества UX-дизайнера:

• общительность,
• развитая эмпатия,
• креативность,
• аналитическое мышление,
• умение работать в команде.

Профессиональные навыки UX-дизайнера:

• исследование данных,
• прототипирование,
• тестирование юзабилити,
• понимание принципов организации дизайн-систем, опыт их сборки,
• владение Figma,
• владение графическими программами: Adobe PhotoShop, Adobe Illustrator и пр.,
• знание веб-трендов,
• знание дизайн-гайдлайнов мобильных интерфейсов,
• понимание особенностей разработки сайтов и мобильных приложений.

Этапы разработки дизайна интерфейса по принципам UX/UI

Разберёмся, на какие этапы делится работа UI/UX-дизайнера и какие инструменты ему помогут на каждом из них.

Идея

На этом этапе UX-дизайнеры создают с нуля всю логику и структуру будущего сайта или приложения.

Популярные бесплатные сервисы mind-карт:

• Draw.io,
• Coggle,
• MindMaster,
• Miro,
• Mindomo.

Карта пути пользователя (User flow)

На этапе создания карты пути пользователя, или User flow, UX-дизайнер прорабатывает сценарии взаимодействия с юзерами. Например, при работе с продающим сайтом заказчику важно, чтобы клиент дошёл до товара и положил его в корзину для дальнейшей покупки. Дизайнеру нужно спрогнозировать и проложить этот путь.

Использование User flow помогает создавать интуитивно понятные интерфейсы с чёткой последовательностью шагов. Для этого дизайнер сначала анализирует целевую аудиторию, её мотивы и потребности, затем схематично визуализирует план действий пользователя: прописывает маршрут от точки А (начала) до точки В (цель). Эту схему делают в формате набросков на бумаге, маркерной доске или в сервисах для создания интеллект-карт.

Простой пример User flow

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

Эскиз (Wireframe)

На этом этапе дизайнер создаёт черновой вариант сайта или приложения ― wireframe. В этом цифровом эскизе дизайнер пробует разные сочетания форм изображений, плашек и текста.

Создание эскиза сайта в Figma

Программы для создания эскизов:

• Adobe Photoshop,
• Sketch,
• Figma и так далее.

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

Дизайн-концепция и разработка компонентов UI

Дизайн-концепция — это образ того, как должен выглядеть конечный сайт. По сути это схоже с характером и внешностью человека — цветотип, настроение, поведение. Например, заказчик хочет, чтобы сайт был более спокойным, в приглушённых тонах, или, наоборот, ярким и активным. Опираясь на это, UI-дизайнер подбирает для будущего сайта цвета, текстуры, типографику. Он может делать это с нуля либо опираться на готовый фирменный стиль.

Читайте также:

Курсы по айдентике и фирменному стилю для дизайнеров и новичков

Инна Романович

10 мин.

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

Дизайн-концепцию создают в несколько шагов.

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

На этом же этапе UI-дизайнер создаёт User interface элементы — кнопки, пункты меню, полосы прокрутки, чек-боксы и другое. Они делают интерфейс интерактивным и помогают пользователю при навигации.

Прототип

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

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

Интерактивный прототип помогает:

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

Удобнее всего, по нашему опыту, делать прототип именно в Figma: там легко объединить дизайн и разработку. Ниже, для примера UI/UX-дизайна, — интерактивный прототип нашего сайта.

Процесс создания интерактивного прототипа сайта в Figma

Интерактивный прототип сайта в Figma. Синим подсвечены будущие кликабельные зоны.

Когда прототип согласован с заказчиком, его передают разработчикам, которые верстают макет и делают так, чтобы он «‎ожил» и был доступен пользователям.

Инструменты и навыки UI-дизайнера

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

Личностные качества UI-дизайнера:

• общительность,
• внимательность к деталям,
• аналитические способности,
• креативность,
• умение работать в команде,
• умение спокойно воспринимать правки.

Профессиональные навыки UI-дизайнера:

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

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

Работа с цветом

Цвет ― одна из основных составляющих UI-дизайна. Дизайнеру важно понимать, как тот или иной цвет повлияет на пользователя.

Основные принципы работы с цветом:

• не использовать абсолютный чёрный и белый,
• выбирать акцентные цвета для кнопок,
• использовать привычные цвета для стандартных действий ― например, зелёный при успешном действии, красный при ошибке,
• правило 60-30-10, по которому нужно использовать 3 цвета в дизайне: основной цвет на 60% области, на 30% — вторичный цвет, на 10% — акцентный.

Правило 60-30-10 помогает сделать гармоничный по цвету интерфейс, чтобы работа дизайнера не выглядела аляписто. На скрине ниже — пример использования этого правила: 60% основного чёрного цвета, 30% ― вторичного светло-серого, 10% ― акцентного розового.

Пример подбора цветовой палитры в Copypalette

Существуют специальные бесплатные программы, которые помогают разработать цветовую схему будущего продукта:

• ColorHexa — моделирование подробной палитры,
• Paletton — построение цветовых схем,
• Flat UI Color — подбор цветов для Flat-стиля,
• Coolors — инструмент для выбора цвета,
• Khroma — генератор цветовых палитр,
• Designspiration — поиск изображений на основе цвета по выбору,
• Material Color Tool — можно применить цветовые палитры к пользовательскому интерфейсу и узнать сочетаемость цветов,
• Palx — можно создать цветовую палитру под основной цвет,
• Copypalette — создание своей палитры, которую можно импортировать в Sketch или Figma.

Типографика

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

Основные правила работы со шрифтами:

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

Пример подбора начертания текста в Wordmark

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

Бесплатные программы, которые помогут в работе с текстом:

• Fontstorage ― библиотека шрифтов,
• Free Faces ― библиотека акцентных шрифтов,
• Typeface ― инструмент для шрифтов на MacOS,
• Fontbase ― инструмент для шрифтов на MacOS, Windows, Linux,
• Типограф ― сервис для вёрстки,
• Wordmark ― сервис по проверке начертания.

Иконки

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

Где можно взять иконки для проекта:

• iconmonstr ― библиотека с бесплатными иконками,
• thenounproject ― библиотека с 3 млн иконок и возможностью доплатить за расширенные возможности,
• iconify ― библиотека с бесплатными иконками,
• fontawesome ― есть бесплатные иконки и возможность доплатить за расширенные возможности,
• Free Icon Maker ― бесплатный сервис для редактуры иконок,
• IconJar ― органайзер пользовательских иконок с бесплатным пробным 14-дневным периодом.

Пример набора бесплатных иконок

Задачи UX/UI-дизайнеров

У UX/UI-дизайнеров ограниченный, но объёмный пул задач. Рассмотрим, что должен делать дизайнер интерфейса.

1. Анализ целевой аудитории

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

2. Разработка решений интерфейса

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

3. Создание прототипа, его тест и дизайн

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

Где используют UX и UI в digital

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

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

В digital-сфере понятия UX/UI обычно используют вместе, потому что специалисты UX-дизайна и UI-дизайна тесно связаны в работе.

Использование UX/UI-дизайна в digital:

• сайты,
• приложения,
• программы.

Требования к качественному UX/UI-дизайну

Пользователи хотят, чтобы сайт или приложение быстро решали задачи, выглядели приятно, были понятны и работали без сбоев. Поэтому к хорошему UX/UI-дизайну предъявляют определённые требования:

• ясность ― нет двусмысленности, все части продукта решают задачи пользователя или направляют его,
• лаконичность ― нет перегруженности лишними элементами,
• узнаваемость элементов ― например, галочка для подтверждения будет зелёного цвета, а крестик для отмены — красного,
• отзывчивость ― быстрая реакция интерфейса на действия пользователя,
• постоянство ― элементы должны вести себя одинаково на каждой странице продукта,
• эстетика ― интерфейс должен быть привлекательным и не отвлекать от решения задач,
• эффективность ― пользователь сделает минимум действий прежде, чем попадёт в нужный раздел,
• забота ― вежливые сообщения в случае ошибки или сбоя повышают лояльность пользователя.

Востребованность UX/UI-дизайнеров

На момент написания статьи на портале hh.ru — около 1000 вакансий для UX/UI-дизайнеров и почти 6000 вакансий, где требовались навыки UX/UI-дизайна.

Примеры вакансий UX/UI-дизайнеров на HH.ru

Часто компании ищут таких специалистов через телеграм-каналы.

Вакансия для UX/UI-дизайнера в телеграм-канале «Норм работа»

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

Сколько платят UX/UI-дизайнерам

По данным исследовательского центра портала Superjob.ru, минимальная зарплата дизайнера-новичка без портфолио составила 50 000 ₽ в городах Кемерово и Набережные Челны. В Москве ― 80 000 ₽, в Санкт-Петербурге ― 70 000 ₽.

Зарплата дизайнеров с опытом работы более 3 лет и навыками управления проектами может достигать 250 000 ₽.

Исследование зарплат UX/UI-дизайнеров в 2020 году

Примеры вакансий UX/UI-дизайнеров в Москве и регионах

А судя по вакансиям на сайте Работа.ру, летом 2022 года UX/UI-дизайнерам предлагают в среднем 106 000 ₽ в месяц.

Статистика зарплат UX/UI-дизайнера на основе вакансий на Работа.ру

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

Сначала вам нужны теоретические знания. Для этого рекомендуем выбрать онлайн-курс. На нём вы сможете освоить теорию и на практике попробовать все свои знания. Мы уже собрали для вас подборку лучших учебных программ по UX/UI-дизайну.

1. Курсы

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

Курс

Школа

Рейтинг

Стоимость

Рассрочка

Длительность

Ссылка

UX/UI-дизайнер

Нетология

91. 5

114 900 ₽

4 787 ₽/мес

13 месяцев

Сайт школы

UX/UI-дизайн: базовый уровень

Loftschool

90.7

21 500 ₽

1 791 ₽/мес

1.5 месяц

Сайт школы

Профессия UX/UI-дизайнер

Skillbox

90.0

148 500 ₽

4 790 ₽/мес

12 месяцев

Сайт школы

UX-дизайнер с нуля до PRO

Skillbox

90.0

57 075 ₽

4 756 ₽/мес

6 месяцев

Сайт школы

Дизайнер интерфейсов

Яндекс Практикум

88. 5

136 000 ₽

13 594 ₽/мес

8 месяцев

Сайт школы

Факультет дизайна интерфейсов (UX/UI)

GeekBrains

83.2

150 975 ₽

4 194 ₽/мес

15 месяцев

Сайт школы

UX/UI-дизайнер с нуля до PRO

Contented

53.1

165 600 ₽

6 900 ₽/мес

15 месяцев

Сайт школы

Больше курсов

2. Книги

Книги ― хорошее дополнение к базовым знаниям. Если вы хотите расширить кругозор и научиться авторским фишкам известных дизайнеров, прочитайте эти книги:

• Дон Норман, «Дизайн привычных вещей» — UX на примере бытовых вещей,
• Артемий Лебедев, «Ководство» — развивает дизайнерскую интуицию,
• Стив Круг, «Не заставляйте меня думать. Веб-юзабилити и здравый смысл» — рассказ о том, как надо и не надо делать сайты,
• Расс Унгер, Кэролайн Чендлер, «UX-дизайн. Практическое руководство по проектированию опыта взаимодействия» — учебник с подробным описанием методик.

3. Практика

Ещё один способ получить знания в сфере дизайна интерфейсов и пользовательского опыта ― практика. Чтобы хорошо освоить все инструменты, вам нужно много практиковаться. Попробуйте создать свой сайт или приложение самостоятельно. На это может уйти много времени и сил, зато вы пройдёте сразу все этапы работы над проектом.

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

UI/UX дизайнеры востребованы на рынке, найти клиентов им не составляет труда. Для этого существует множество вариантов.

• Биржи фрилансеров, в том числе международные. Например, fl.ru, freelance.ru, freelancejob.ru, fiverr.com.
• Сайты вакансий: hh.ru, rabota.ru, superjob.ru и другие.
• Сообщества в социальных сетях. Например, Хабр Карьера или тематические группы ВК: Design Hunters — вакансии для дизайнеров, Работа для дизайнеров: вакансии и заказы.
• Телеграм-каналы. Например, UX Work, «Я работаю в digital, детка», «На удалёнке 2.0» и другие.

Еще один канал получения клиентов для дизайнера интерфейса — это рекомендации заказчиков. Для этого нужно наработать хорошую репутацию.

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

кто такой, что делает и как им стать

Пользовательский опыт

Карьера

Эту статью мы написали с Марией Фетискиной, Product Designer в ManyChat. Вот ее facebook.

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

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

Если вы новичок в данной профессии, то эта статья поможет вам разобраться в незнакомом направлении. А если у вас уже есть опыт, то можете использовать ее в качестве ответа на постоянный вопрос «Чем занимается UX-дизайнер?».

Рассмотрим эту профессию по шести блокам.

Кто такой UX-дизайнер

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

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

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

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

Часто UX-дизайнера путают с UI-дизайнером. Только UX — это про создание пользовательского опыта — чтобы люди открывали сайт или приложение и сразу понимали, как оно работает. А UI — это про внешний вид продукта.

У UX и UI дизайнеров общая цель — сделать уникальный продукт, который будет полезен и пользователям, и бизнесу.

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

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

Посмотрим, с чем работает UX-дизайнер, на примере Марка. Он работает в стартапе, который разрабатывает онлайн-магазин стильной одежды типа Asos.

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

Благодаря исследованию аудитории Марку удалось составить Персону будущего онлайн-магазина.

Лиза хочет отличаться от людей в своем городе и выглядеть модно. Для этого ей не хватает удобного сервиса, в котором можно найти уникальные вещи.

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

Теперь у Марка есть цели, идея и Персона. Он приступает к вырисовке макетов с низкой детализацией — они называются вайрфреймами. На них UX-дизайнер отображает основные элементы, прописывает сырой текст и обозначает неоднозначные моменты.

Далее над макетами работают UI-дизайнер и UX-копирайтер. Первый придает продукту визуал, а второй создает текст интерфейса согласно Tone of Voice компании.

Спустя время Марк принимает макеты продукта с дизайном и проверяет их на психологические паттерны и юзабилити. Эти подходы помогают UX-дизайнеру создать максимально удобный и понятный проект, а также сделать его полезным для бизнеса.

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

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

Теперь стало понятно, что UX-дизайнер — это один из основных членов команды по разработке продукта. Без него проект может оказаться невостребованным, так как строился бы исключительно на домыслах авторов идеи. Далее поговорим о том, кому подойдет карьера UX-дизайнера.

Гайд по лучшим статьям skillsetter

В нашем блоге уже больше 150 статей про рост продуктов и карьеру в IT. Для удобной навигации мы объединили их в тематические подборки.

Кому подойдет профессия

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

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

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

Умею ли я работать в команде? Если вы готовы общаться с большим количеством людей и углубляться в их деятельность, то работа над проектами дастся вам легко. 

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

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

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

Нормально ли я воспринимаю критику? Если вы спокойно принимаете правки в свой адрес и умеете также спокойно аргументировать свои действия и несогласия, то вы сработаетесь с командой.

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

Готов(а) ли я к постоянным и быстрым изменениям? Если вы незамедлительно реагируете на всякого рода изменения и постоянно готовы развиваться, то это направление для вас.

Работа UX-дизайнера никогда не заканчивается, и нужно быть готовым к постоянным изменениям. Сегодня ваша аудитория хочет удобный онлайн-магазин с виртуальной примеркой, а завтра в моду вернутся походы в офлайн-магазин вместе с подружками.

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

Если вы ответили «да» хотя бы на три вопроса выше, то можно идти дальше. Рассмотрим, какими навыками должен обладать UX-дизайнер.

Богдан Гончаренко, Senior Experience Designer в EPAM Systems и автор телеграм-канала uxuitelno, дал три совета для тех, кто хочет стать UX-дизайнером:

1. Изучите главные обязанности. Неоднократно видел, как у людей разбивались мечты и не оправдывались надежды. Нужно понимать, что основная часть работы UX-дизайнера — исследования, генерация гипотез и их валидация, проектирование, работа с данными и людьми. Здесь больше подходит аналитический склад ума, ведь на творчество чаще всего попросту нет времени. 2. Будьте готовы к обилию информации и скорости работы. И если второе придет с опытом, то по первому пункту можно сыграть на опережение и начать изучать различные статьи, книги, техники, методологии и фреймворки. Да, после прочтения в голове отложится малая часть, но уже при первых разговорах с коллегами информация всплывет и будет проще. 3. Не бойтесь что-то делать. Один дизайнер не может изменить мир, а значит и не может совершить ошибку, которая погубит весь мир. Просто попробуйте, и вы начнете понимать, что все чуточку проще, чем казалось до начала.

Необходимые навыки

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

Hard skills

Hard skills UX-дизайнера включают в себя знание фреймворков, инструментов и методологий.

Анализ аудитории. Чтобы создать востребованный продукт, необходимо уметь анализировать целевую аудиторию — ее боли и проблемы. При качественном исследовании проект будет отвечать потребностям пользователей.

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

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

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

Разработка прототипа. Навыки создания макетов и прототипов — это основа профессии UX-дизайнера. Сейчас вы не найдете работу, которая не требует опыта в этой области. Прототипы — это удобный способ протестировать дизайн, выявить ошибки и найти способы улучшить продукт.

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

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

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

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

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

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

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

В статье про приоритизацию гипотез мы рассказываем о трех способах приоритизации: ICE Score, RICE Score и Lean Prioritization Canvas. Они помогут определить, с какой гипотезой нужно работать в первую очередь.

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

В статье Как сформулировать data-driven гипотезу за 5 шагов вы узнаете, как дойти от абстрактной проблемы до пяти data-driven гипотез для реального продукта. Также вы получите бесплатный шаблон для систематизации гипотез.

Бесплатный профориентационный курс

За 3 дня вы поймете, какая профессия в IT подходит именно вам и как успешно пройти отбор в IT-компанию

Soft skills

Soft skills — набор способностей и личностных качеств, которые необходимы для успеха в конкретной роли. Для UX-дизайнера они бывают следующими:

Эмпатия. UX-дизайнер должен уметь поставить себя на место пользователя. Сочувствие и понимание проблем людей поможет лучше подготовиться к поиску решения для них.

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

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

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

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

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

Александр Окунев, дизайн-лид в Ozon и автор телеграм-канала /designer, рекомендует развивать еще несколько навыков. 

 

Hard skills:

Владеть Figma, Notion, Miro. Если UX-дизайнер работает только в Photoshop, он проигрывает эту гонку, не встав на трек.  

 

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

 

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

 

Soft skills:

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

Мы разобрались с тем, кто такой UX-дизайнер, чем занимается и какими качествами должен обладать. Посмотрим ситуацию на рынке.

Рынок труда

Согласно списку самых востребованных профессий за 2021 год по версии Glassdoor, позиция UX-дизайнер занимает 24 строчку. И на этом же сайте в США размещено более семи тысяч вакансий. 

В СНГ спрос на проджектов в два раза меньше. На HeadHunter опубликовано от 2 500 до 3 5000 открытых позиций в зависимости от запроса: UX-дизайнер, UX-designer, продуктовый дизайнер.

Большая часть вакансий на HeadHunter совмещена с позицией UI-дизайнер. Поэтому нельзя точно сказать, сколько именно вакансий на должность исключительно UX-специалиста.

Зарплата UX-дизайнера зависит от опыта и должности. Мы собрали статистику по зарплатам в этой сфере в СНГ, США, Великобритании и Германии. Суммы указаны за месяц. Если здесь нет нужной вам страны, выберите ее на Glassdoor.

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

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

Скейлапы. Когда компания переходит от стартапа к уровню корпорации, в ней расширяются отделы. Это значит, что здесь уже может быть не один UX-дизайнер, а, например, его руководитель — Lead UX-дизайнер.

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

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

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

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

Плюсы и минусы каждого варианта трудоустройства мы описали в статье про типы компаний.

Читайте лучшие статьи о запуске и росте продуктов

Раз в неделю будем отправлять свежий дайджест вам на почту. Наc читает 25000 человек 🚀

Карьерный путь

UX-дизайнер может расти как вертикально, переходя на новые уровни должностей, так и горизонтально — расширяя свои навыки в других направлениях. Рассмотрим оба варианта.

Вертикальный рост

В каждой компании карьерный рост индивидуален. Но принято выделять следующие этапы вертикального развития UX-дизайнера:

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

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

Дальше по развитию навыков UX-дизайнер может стать senior-дизайнером, то есть выполнять задачи полностью самостоятельно и быть ответственным за принятие решений. Это специалист, которому не требуется наставник, так как он сам отвечает за все процессы.

Также он может пойти на позицию lead-дизайнера, где кроме основных обязанностей UX-дизайнера может взять под опеку несколько специалистов низшего уровня, руководить ими и помогать развиваться.

Если дизайнер работает в крупной компании, в которой есть отдел UX, то он может стать его руководителем (Head). Такой специалист берет на себя ответственность за все этапы рабочих процессов, а также занимается наймом и развитием команды.

Горизонтальный рост

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

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

Еще дизайнер может стать сервисным дизайнером/проектировщиком. Этот человек занимается не только пользовательским опытом внутри IT-продукта, но и за его пределами, где человек также сталкивается с продуктом.

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

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

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

Как учиться и найти работу

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

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

Чтобы получить должность UX-дизайнера, нужно пройти определенные этапы.

Изучите сферу. Это лучше делать через опыт экспертов. Мы сделали подборку из  100 ресурсов по UX/UI с исследованиями, проектированием, тестированиями и дизайном. Так вы поймете, нужен ли вам UX-дизайн или лучше пойти другим путем.

Определите свой уровень подготовки. Это можно сделать с тестом на карьеру из 10 вопросов.

Учитесь. Когда вы поняли, чего вам не хватает, можно переходить к обучению — выбирать офлайн или онлайн-курсы по направлению.  

Здесь помогут материалы:

• Извините, но лекции не работают — статья, где рассказываем про эффективные форматы обучения. 

• Большой гайд, в котором мы даем рекомендации по выбору онлайн-курсов. 

• 16 советов как научиться учиться, которые помогут выбрать стиль обучения и выносить из курсов самое важное для себя.

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

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

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

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

Пройдите испытательный срок. Вы получили работу, но впереди испытательный срок. В статье 5 ошибок в первые 100 дней в компании рассказываем, что стоит и не стоит делать, чтобы сформировать у команды правильное впечатление и влиться в новые рабочие процессы.

Резюмируем

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

Чтобы создавать действительно нужный продукт, важно уметь проводить юзабилити-тестирование. С его помощью можно найти полезные инсайты, которые помогут в разработке проекта. Подробнее об этом вы можете узнать на интенсиве 5 правил юзабилити-тестирования где вы станете UX-исследователем в симуляторе IT-компании.

Рекомендуем почитать

Что такое UX-дизайн и как в нем разобраться

100 лучших телеграм-каналов о маркетинге, росте продуктов и карьере в IT

Первые дни на новой работе: 5 частых ошибок и советы, как их избежать

Твитнуть

Поделиться

Телеграмма

Линкануть

← Читать другие статьи в блоге Получить реальные навыки

UX/UI-дизайнер: чем занимается и как им стать?

Bubble

1 апреля 2022, 05:58

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

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

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

Содержание

🎯 самые полезные лайфхаки в мини-формате обитают в нашем telegram. постим раз в день, коротко и по делу.

Что такое UX-дизайн

От англ. user experience.

» data-bs-trigger=»focus» data-bs-custom-class=»popover_footnote» data-footnote=»{«content»:»От англ. user experience.»,»linkContent»:»»,»linkUrl»:{«value»:»»,»meta»:{}}}»>UX-дизайн — это проектирование пользовательского опыта. Специалисты, которые им занимаются, не рисуют красивых картинок — они скорее маркетологи-исследователи. UX-дизайнеры глобально продумывают, как должен быть устроен интерфейс: чтобы людям не хотелось уходить с сайта, а у бизнеса росли продажи. Для этого учитывают психологию восприятия и привычки пользователей.

В крупных компаниях есть UX-лаборатории, в которых проводят исследования: от простых интервью с пользователями и 

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

» data-bs-trigger=»focus» data-bs-custom-class=»popover_footnote» data-footnote=»{«content»:»Аудиторию разбивают на две группы, каждой из которых показывают свою версию интерфейса. Перед испытуемыми ставят одну и ту же задачу и смотрят, в какой группе справляются лучше. «,»linkContent»:»»,»linkUrl»:{«value»:»»,»meta»:{}}}»>A/B-тестов до 

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

» data-bs-trigger=»focus» data-bs-custom-class=»popover_footnote» data-footnote=»{«content»:»От англ. eye-tracking — метод исследования с помощью прибора для регистрации движений глаз. Испытуемый выполняет какие-то задачи на сайте, а одновременно с этим прибор фиксирует, где он задерживает взгляд, на что смотрит в первую очередь, на что совсем не обращает внимания.»,»linkContent»:»»,»linkUrl»:{«value»:»»,»meta»:{}}}»>айтрекинга. В более мелких фирмах нет на это ресурсов — тогда дизайнеры руководствуются общепринятыми правилами и трендами. Это не проблема: большинство пользователей — опытные, они привыкли к существующим сайтам, их ожидания и поведение довольно предсказуемы.  

Зачастую самый удобный интерфейс — такой, который похож на сотни других, ведь тогда люди без проблем найдут нужные кнопки и блоки. Существуют паттерны, по которым пользователи просматривают интерфейсы. Один из популярных, например — F-паттерн.

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

Jobs-бот найдет работу: подключайте бота в Telegram и получайте подходящие предложения

Результат работы над UX — вайрфрейм. Это схематичное изображение интерфейса. В нём с помощью серых прямоугольников показаны основные блоки, их размер, расположение и взаимосвязь друг с другом.  

Что такое UI-дизайн

От англ. user interface.

» data-bs-trigger=»focus» data-bs-custom-class=»popover_footnote» data-footnote=»{«content»:»От англ. user interface.»,»linkContent»:»»,»linkUrl»:{«value»:»»,»meta»:{}}}»>UI-дизайн — создание визуальной составляющей. На этом этапе подбирают цветовую гамму, рисуют иконки, уточняют форму кнопок и подложек, задают шрифты. 

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

В результате получается макет — картинка, уже в точности похожая на реальный интерфейс.

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

В крупных компаниях UX- и UI-дизайном часто занимаются разные специалисты: один отвечает за удобство пользователя, а второй — за красоту. Но если речь идёт о малом и среднем бизнесе, более востребованы UX/UI-дизайнеры, которые умеют и то, и другое. 

Начинающие обычно работают с небольшими фирмами: чтобы устроиться в крупную компанию нужно больше квалификации и опыта. Поэтому имеет смысл одновременно прокачивать навыки UX и UI.

100+ курсов по UI- и UX-дизайну на Udemy. Отличный способ войти в IT без навыков программирования 

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

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

• Знание основ digital-маркетинга. Бизнес обращается за созданием сайтов и приложений, чтобы с ними получать больше прибыли. Дизайнер должен понимать, что мотивирует людей покупать и уметь достучаться до любой аудитории. В блоге UX Collective много практически полезных статей про маркетинг в создании интерфейсов — они помогут погрузиться в контекст.
• Понимание методов UX-исследований. Это важно не только чтобы проводить свои. Крупные аналитические компании и маркетинговые агентства тоже изучают поведение пользователей и публикуют результаты — нужно их понимать и использовать. Почитайте вкратце обо всех методах на сайте продуктовой студии Maze. А чтобы углубить знания, можно заглядывать в блог Nielsen Norman Group: там много статей и видео о том, как правильно интерпретировать результаты исследований и каких ошибок избегать.
• Коммуникабельность и умение быстро погрузиться в продукт. Заказчики будут приходить из разных сфер: может, вам нужно будет спроектировать маркетплейс, приложение интернет-банка или онлайн-кинотеатр. У каждого бизнеса своя специфика и аудитория — нужно уметь слушать клиента и задавать правильные вопросы.
• Владение векторными графическими редакторами. Самая популярная программа для дизайна интерфейсов — это Figma: в ней можно делать вайрфреймы, рисовать иконки и кнопки, добавлять простую анимацию. Альтернативная программа — Sketch, хотя сейчас её используют уже меньше.
• Знание основ типографики. Шрифты — важная часть интерфейса. Дизайнер должен их правильно подбирать — так, чтобы все тексты легко читались. Есть полезная статья на Medium, которая охватывает самые азы.
• Навыки работы с сетками. Чтобы интерфейс был единообразным, весь контент размещают по сетке. Мелкие элементы обычно выравнивают по клеточкам, напоминающим миллиметровую бумагу (это пиксельная сетка). А основные блоки выравнивают по колонкам (это колоночная сетка). Самая популярная сетка — из 12 колок. На сайте агентства Talent House можно прочитать, как она устроена и какие еще бывают сетки.
• Понимание колористики. Выбирать хорошие цвета для интерфейса — это тоже непросто. С помощью цвета можно акцентировать главное и передавать то или иное настроение. Хороший гайд по колористике есть на сайте Toptal.
• Умение делать адаптивные версии. Сейчас крайне редко встречаются неадаптивные сайты — обычно делают версии для десктопа, планшетов и мобильных устройств. И даже если речь о мобильных приложениях, экраны смартфонов тоже различаются — и это нужно учитывать. На сегодняшний день есть два способа подогнать интерфейс под устройство — адаптивные версии и респонсив. Познакомиться с этими методами можете в блоге Geeks For Geeks.
• Умение работать с контентом. Для создания интерфейса требуется подбирать фотографии, иллюстрации, иконки на стоках, незначительно их изменять и перекрашивать. Фото можно искать на Unsplash и Pexels, иллюстрации и иконки — на Freepik, Fraction и Icons8. Также можно поискать плагины для Figma с готовыми картинками. Установив их, можно добавлять бесплатные графики, иконки, схемы и иллюстрации, не выходя из программы.
• Насмотренность. Нужно внимательно всматриваться в сайты крупных компаний, подмечать хорошие композиционные приёмы, типографику, цвета. А некоторые бренды выкладывают в открытый доступ свои дизайн-системы — набор элементов и правил вёрстки с пояснениями. Это почти учебники: в них показано и рассказано, как делали интерфейс. Самая популярная дизайн-система — Material Design от Google, изучить её будет точно полезно.

С этим набором скилов уже можно работать. Список немаленький, но вполне постижимый. А если хотите обрести пару конкурентных преимуществ, вот дополнительные навыки, которые могут пригодиться:

• Знание основ HTML, CSS и JavaScript. Программированием занимается разработчик, но круто, когда дизайнер может говорить с ним на одном языке.
• Базовые навыки рисования — чтобы самостоятельно сделать векторную иллюстрацию или отрисовать набор иконок.
• Умение создавать анимированные прототипы в Figma.
• Владение Photoshop. Если в интерфейсе много фотографий и их нужно обработать, возможностей Figma может быть недостаточно. А в Photoshop, например, можно настроить пакетную обработку: чтобы одинаково обрезать и увеличить контрастность 100 фото для карточек товаров.
• Умение самостоятельно проводить UX-исследования: выявлять проблемы в UX, правильно ставить испытуемым задачи и знать, как проверить полученные результаты.

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

При большом желании можно освоить азы UX/UI самостоятельно — по информации из открытых источников. Но с курсами дело пойдёт быстрее, а знания будут глубже.

Можно выбрать большой комплексный курс. Например, на Coursera исчерпывающая программа по UX/UI доступна бесплатно — для самостоятельного обучения по видео. Есть платные курсы с проверкой работ преподавателями — в Skvot и в Bang Bang Education.

Можно составить себе учебную траекторию самостоятельно: сочетать короткие курсы по отдельным дисциплинам с самостоятельным обучением. Это более гибкий подход — чтобы осваивать информацию в своем темпе. Можно обратить внимание на:

• Курс по Figma на Udemy — этот редактор непременно придётся освоить.
• Программа по проектированию пользовательского опыта на Coursera — поможет быстрее вникнуть в суть UX.
• Комплексный курс по сеткам, цветам и шрифтам на Udemy — поможет быстро разобраться с практическими вопросами.
• Курс по теории цвета на Domestika — чтобы углубиться в колористику и создавать визуально привлекательные интерфейсы.
• Курс по UX от Google на Coursera. UI-составляющую тут не рассматривают, зато можно вникнуть в маркетинг и продуктовый подход к дизайну.

TL;DR

UX и UI-дизайн — два самодостаточных направления. В первом случае речь идет о проектировании пути пользователя на сайте, во втором — о создании красивых кнопок, иконок и надписей. Но лучше одновременно изучать и UX, и UI — с таким набором скиллов больше возможностей для работы.

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

Почитать bubble в микро- и даже наноформате можно в instagram. подключайтесь 🤳

«‎‎Главная ошибка собеса — подгонять ответы»‎. Рекрутеры рассказали о найме в IT

Откуда берутся IT-рекрутеры, с какими трудностями они сталкиваются в попытках закрыть позиции и какие ошибки сами совершают на интервью — полезно знать перед тем, как искать работу.

Как понять, подходит ли вам профессия UX-дизайнера?

Я занимаюсь UX-дизайном уже 10 лет, и мне это нравится. Но это не значит, что мой путь был простым. В статье я рассмотрю плюсы и минусы, которые, по моему мнению, встречаются в работе UX-дизайнера. Являетесь ли вы новичком в этой области или уже занимаетесь дизайном какое-то время, вы сможете найти здесь полезные идеи.

Вы творческий человек? Вам нравится решать проблемы и создавать что-то новое? Вы хотите заниматься делом, которое позволит проявить ваши творческие способности?

Если вы ответили на все эти вопросы “Да”, значит, UX-дизайн, вероятно, станет для вас идеальным выбором, ведь вы сможете днями напролет разрабатывать понятные и удобные пользовательские интерфейсы.

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

1. Подходит ли мне профессия UX-дизайнера?

Что такое UX-дизайн? UX-дизайн или дизайн опыта взаимодействия — это процесс создания интерактивных, удобных интерфейсов. UX-дизайнер решает, как будет происходить процесс взаимодействия пользователя с продуктом.

Чтобы добиться в этой области успеха, необходимы творческие способности, аналитические навыки и дизайн-мышление. Именно сочетание этих трех элементов сделает вас отличным UX-дизайнером!

Плюсы профессии UX-дизайнера

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

Минусы профессии UX-дизайнера

Хотя UX-дизайнеры могут выбрать любой вид занятости, не каждый вариант будет воплощением вашей мечты. Работа может занимать 50-60 часов в неделю и более, причем все это время вам придется проводить за компьютером.

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

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

Высокая оплата

По данным сайта Glassdoor, средняя годовая зарплата UX-дизайнера в США на данный момент составляет около 103 000 долларов. Зарплаты начинаются с 80 000 долларов. Конкретная сумма зависит от того, где вы проживаете (более высокий доход, как обычно, достается жителям Калифорнии, США).

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

Однако, главная отличительная черта этой деятельности — огромные возможности для роста, как профессионального, так и личного.

2. Что следует учесть, выбирая профессию UX-дизайнера?

Если вы собираетесь стать UX-дизайнером, вам следует поразмышлять на следующие темы:

• Нравится ли вам творчески подходить к решению проблем?
• Увлекает ли вас анализ данных?
• Становитесь ли вы более продуктивным, когда для работы установлен дедлайн?

Если вы утвердительно ответили на все вопросы, вам идеально подойдет профессия UX-дизайнера.

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

3. Что именно входит в обязанности UX-дизайнера?

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

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

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

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

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

Я считаю, что компании должны точнее определять границы этой роли. Как один человек может быть специалистом во всех областях одновременно — от серьезных исследований до разработки высокодетализированных готовых к разработке прототипов?

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

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

4. Почему здорово быть UX-дизайнером?

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

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

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

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

Она открывает перед вами следующие возможности:

• Разрабатывать красивые и удобные дизайны
• Влиять на жизнь людей, создавая интуитивно понятные решения их повседневных проблем
• Участвовать в работе над интересными проектами
• Сотрудничать с большими компаниями
• Не бояться остаться без работы, поскольку спрос на квалифицированных UX-специалистов очень высок

5. Отрицательные стороны профессии UX-дизайнер

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

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

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

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

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

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

Итак, в работе UX-дизайнера могут быть следующие недостатки:

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

6. Как понять, могу ли я стать UX-дизайнером?

UX-дизайн — это относительно новая область. Она быстро приобрела популярность и в настоящий момент представляет собой одно из самых популярных направлений деятельности в сфере технологий.

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

Существует много способов узнать, насколько вам подходит эта профессия. Вы можете выбрать один из следующих вариантов:

1. Поговорите с людьми, которые занимаются UX-дизайном на ежедневной основе, и спросите, что именно им нравится в этой деятельности.
2. Почитайте статьи и посты, написанные UX-дизайнерами (вы уже делаете это!).
3. Сходите на конференцию, посвященную UX-дизайну.
4. Запишитесь на курсы по UX-дизайну.
5. Почитайте книги, написанные экспертами в этой области.
6. Просмотрите вакансии в своем городе. Возможно, стоит попробовать свои силы на практике, если спрос на UX-дизайнеров на рынке труда действительно велик.

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

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

Для меня выбор этой карьеры был очевиден, поскольку я интересовался веб-дизайном с 11 лет. Мне нравится создавать эстетически привлекательные дизайны и уделять внимание каждой детали.

7. Лучший способ научиться — это практика. С чего же следует начать?

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

1. Прежде всего, я советую вам создать свой веб-сайт или блог. Это не обязательно должно быть что-то выдающееся: просто место, где вы сможете демонстрировать свои навыки и индивидуальность. (Помните: UX-дизайнерам часто приходится лично взаимодействовать с клиентами, поэтому им важно знать, какой вы человек.)
2. Постоянно занимайтесь нетворкингом! Посещайте мероприятия, связанные с UX-дизайном. Поищите соответствующие группы в социальных сетях и вступите в них. Если вы не знаете, с чего начать, обратитесь к сайту Meetup и поищите подходящие события в вашем городе.
3. Подпишитесь на уведомления о вакансиях в области UX на таких сайтах, как Indeed или Monster.
4. Откликайтесь на вакансии интересующих вас компаний, даже если вы не соответствуете требованиям. Воспринимайте это как способ продемонстрировать работодателю свое рвение и целеустремленность.
5. Участвуйте в конкурсах и челленджах, таких как UX-буткемпы (интенсивные программы ускоренного обучения).

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

Заключение

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

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

Я счастлив, что занимаюсь именно UX-дизайном! У меня отличный доход и множество возможностей. Единственный недостаток этой работы — стресс. Кроме того, мне иногда приходится целый день работать из дома. Но в остальном эта профессия идеальна.

что это такое, чем отличается от веб-дизайна, основы и принципы, что делает UX/UI-дизайнер и как им стать

По исследованиям Wilderness Agency, около 75% потребителей делают выводы о надежности сайта на основании оформления. Поэтому важно не только следить за скоростью загрузки и прочими деталями, но и разрабатывать эстетичный и удобный интерфейс. Этим занимаются UX/UI-дизайнеры. 

Разница между UX- и UI-дизайнерами

Принципы UX/UI-дизайна

Задачи UX/UI-дизайнеров

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

Перспективы UX/UI-дизайнеров

Главное про UX/UI-дизайн

Разница между UX- и UI-дизайнерами

UX — User Experience, опыт пользователя. UX-дизайнеры делают так, чтобы пользователю было удобно взаимодействовать с сайтом или приложением. То есть занимаются его юзабилити (возможность использования). Они проектируют архитектуру, продумывают расположение элементов: меню, кнопок, иконок. Работу UX-дизайнеров мы ощущаем, когда что-то ищем на сайте, заполняем формы.

UI — User Interface, пользовательский интерфейс. UI-дизайнеры занимаются внешним видом ресурса. Они продумывают цвета, шрифты, вид иконок и прочие элементы стиля. Их работу мы видим сразу, когда открываем сайт или приложение.

UX- и UI-дизайн связаны. Общая цель — сделать продукт удобным и привлекательным для пользователя. Поэтому часто UX и UI занимается один человек.

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

Принципы UX/UI-дизайна 

✅ Удобство и простота. Важно, чтобы интерфейс был понятным. Пользователь не должен искать нужную опцию, разбираться в структуре и наполнении сайта. Поэтому дизайнеры используют общепринятые иконки — корзины, стрелки скачивания, пятизвездочные шкалы оценки. Делают так, чтобы элементы читались однозначно. 

«Пользователь никогда не должен тратить и сотой доли секунды на то, чтобы разобраться, можно или нельзя щелкнуть по объекту».

Стив Круг, «Не заставляйте меня думать» Американский программист

✅ Последовательность. Чем предсказуемее интерфейс, тем легче пользователю с ним взаимодействовать. Когда клиент заходит на сайт, он хочет увидеть название бренда, меню, обложку, блоки с услугами и товарами.

✅ Контраст. Каждый элемент сайта должен быть на своем месте, не сливаться с остальными и не мешать им. Например, фон — яркий, а блоки с товарами — нейтральных оттенков. 

✅ Иерархия. У элементов должен быть приоритет. Наиболее заметны — самые значимые, например кнопки, спецпредложения.

✅ Дистанцирование. Чтобы контент был легкочитаемым, между элементами сайта должен быть «воздух», то есть место без визуальных элементов. Поэтому между фотографиями, текстовыми блоками оставляют пространство.

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

Выравнивание по сетке на сайте Skypro

Задачи UX/UI-дизайнеров

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

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

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

На этом этапе составляют CJM — Customer Journey Map, дорожную карту клиента. Она наглядно показывает путь от входа на сайт до покупки. Помогает увидеть, с какими проблемами клиент может столкнуться при взаимодействии с сайтом. Задача UX/UI-дизайнера — предупредить эти проблемы. 

💻 Создавать прототипы. Это схема сайта или приложения с основными блоками. Она показывает, какой контент, иконки и кнопки будут располагаться на экране. Дизайнер составляет прототипы в программах, например в Figma.

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

💻 Проектировать визуальную часть. Дизайнер выбирает цветовую гамму и шрифты. У крупных компаний они уже определены и прописаны в брендбуке. В остальных случаях руководствуется выбором фокус-группы и/или использует свой опыт, тренды.

Еще он создает иконки, определяет, как будут выглядеть кнопки, поисковая строка и прочие элементы сайта. Иногда прорабатывает анимацию — например, продумывает, как увеличатся баннеры при наведении курсора.

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

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

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

💡 Что нужно знать и уметь

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

Figma — в ней продумывают логику интерфейсов, собирают прототипы.

Adobe Photoshop — отрисовывают элементы.

Adobe After Effects — визуализируют анимацию.

Важно разбираться:

В маркетинге. Уметь формировать портрет ЦА, анализировать конкурентов.

Бизнес-аналитике. Решать бизнес-задачи, составлять дорожную карту клиента.

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

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

🤝 Какими навыками нужно обладать

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

🎓 Где учиться

Профессию UX/UI-дизайнера осваивают на курсах или самостоятельно. 

Есть бесплатные интенсивы. На них дают основную теорию, но вам придется разбираться в темах и практиковаться самостоятельно.

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

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

Навыки UX/UI-дизайна с нуля за два месяца освоите на курсе «Профессия веб-дизайнер» Skypro. Научитесь работать в Figma, Photoshop, Tilda и других программах и сервисах. Упор на практику: реальные задания от «Перекрестка», Hoff, Qiwi с разбором и портфолио. Карьерный центр поможет составить резюме, подготовиться и назначить собеседования с будущими работодателями.

У всех преподавателей курса — большой практический опыт в дизайне

📖 Что читать

Книги:

• Дональд Норман, «Дизайн привычных вещей».
• Иоханнес Иттен, «Искусство цвета».
• Стив Круг, «Не заставляйте меня думать».
• Артемий Лебедев, «Ководство».
• Расс Унгер и Кэролайн Чендлер, «UX-дизайн. Практическое руководство по проектированию опыта взаимодействия».

Блоги:

• UX-Journal.
• UXPUB.
• Tilda Education.
• «Бюро Горбунова».
• «Юрий Ветров об интерфейсах».

Телеграм-каналы:

• UX Horn.
• «Кириллица.дизайн».
• «Плавучая редакция».
• Product design.
• «Адовый UX».

Перспективы UX/UI-дизайнеров

Средняя зарплата в мае 2022 года — 124 549 ₽. Больше всего дизайнеры получают в Москве, Новосибирске, Санкт-Петербурге. Зарплата зависит от квалификации: например, в прошлом году специалисты высокого уровня (сеньоры, старшие дизайнеры) получали до 200 000 ₽, в этом — 247 500 ₽.

Источник: Хабр Карьера

Спрос на UX/UI-дизайнеров растет, потому что компании внедряют диджитал-инструменты. На Хабр Карьере 19 мая 2022 года — 447 вакансий, на хедхантере по России, с упоминанием навыков UX/UI, — 512. 

Лидеры по количеству вакансий: Москва, Санкт-Петербург, Екатеринбург, Новосибирск, Казань.

Главное про UX/UI-дизайн

• Разница UX и UI в том, что первое — про работу интерфейса, второе — про внешний вид. Вместе дизайнеры делают так, чтобы продуктом было удобно пользоваться. Так как задачи связаны, часто ими занимается один человек. 
• Принципы UX-дизайна: удобство и простота, последовательность, контраст, иерархия, дистанцирование, выравнивание.
• Чтобы создать удачный интерфейс, дизайнеры изучают целевую аудиторию, составляют карту путешествия клиента, а затем — прототип сайта. Полагаются на требования заказчика, желания клиентов и свой опыт. Проводят тесты, опрашивают пользователей, чтобы выявить неудобства. 
• Дизайнеры получают в среднем 124 549 ₽. Профессию относят к перспективным, потому что многим компаниям нужны сайты, приложения и другие продукты. 
• Основы UX- и UI-дизайна осваивают самостоятельно по видео и бесплатным интенсивам, читают книги, блоги и сообщества, телеграм-каналы. Желательно пройти курсы, чтобы не только изучить теорию, но и попрактиковаться, собрать портфолио. 

Чем занимается UX-дизайнер?

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

Термин взаимодействие с пользователем (UX) относится ко всем аспектам этого взаимодействия. Вспомните, когда вы в последний раз использовали новый продукт. Удалось ли вам выполнить свою задачу? Насколько это было легко? Как это заставило вас чувствовать? UX-дизайн стремится делать продукты и услуги простыми, эффективными и восхитительными.

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

Знаете ли вы?

Дон Норман, когнитивный психолог и дизайнер, ввел термин «пользовательский опыт» в своей книге 1988 года «Дизайн повседневных вещей». Норман стал первым официальным архитектором взаимодействия с пользователем во время работы в Apple в 1990-х годах.

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

Словарь UX-дизайна

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

A/B-тестирование — метод сравнения двух версий продукта или услуги для оценки того, какая из них более успешна

Доступность — концепция того, может ли услуга или продукт использоваться людьми все способности, независимо от их положения

Сортировка карточек — Сеанс, на котором участники организуют информацию в логические группы, чтобы помочь определить информационную архитектуру

Конечный пользователь — Лицо, которое будет использовать готовый продукт или услугу после их приобретения

Взаимодействие человека с компьютером — Область изучения проектирование компьютерных технологий и взаимодействие между людьми и компьютерами

Информационная архитектура. Структурное проектирование информации, чтобы сделать ее более понятной

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

Пользовательский поток — диаграмма, отображающая каждый шаг, предпринимаемый пользователем при использовании продукта или услуги

Задачи и обязанности UX-дизайнера

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

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

2. Проведите исследование пользователей. Определите потребности, цели, поведение и болевые точки пользователей. Инструменты для исследования пользователей могут включать опросы, индивидуальные интервью, фокус-группы или A/B-тестирование. В некоторых компаниях этим процессом руководит UX-исследователь.

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

4. Дизайн. Когда вы начнете разрабатывать дизайн, вы создадите карты сайта, каркасы или прототипы, чтобы дать вам и вашей команде лучшее представление о том, как будет выглядеть конечный продукт. На этом этапе дизайнер пользовательского интерфейса (UI) добавит визуальные элементы или элементы интерфейса.

5. Провести пользовательское тестирование. Проверка дизайна путем отслеживания того, как реальные пользователи взаимодействуют с продуктом или услугой (юзабилити-тестирование). Выявление любых проблем с дизайном и разработка решений.

6. Представьте свою работу. Предоставьте дизайнерское решение вашему клиенту или компании.

Основные навыки UX-дизайнера

UX-дизайнеры используют широкий спектр технических и рабочих навыков, чтобы вывести на рынок успешный продукт или услугу (или улучшить существующий продукт). Многие из этих навыков переносятся из других областей, поэтому, даже если вы новичок в UX-дизайне, вы, вероятно, уже развили некоторые из них. Сосредоточьтесь на этих основных навыках, и вы сможете начать строить прочную основу для карьеры.

Навыки на рабочем месте

• Навыки общения помогут вам эффективно проводить собеседования с пользователями и представлять свои решения клиентам или руководству.

• Эмпатия позволяет вам думать о проблемах и решениях с точки зрения пользователя.

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

• Критическое мышление побуждает вас бросить вызов своим предположениям и найти новые решения.

Технические навыки

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

• Информационная архитектура помогает упорядочивать и расставлять приоритеты для больших и сложных наборов информации.

• Wireframing (создание каркаса для веб-сайта или приложения) позволяет вам эффективно исследовать дизайнерские решения.

• Создание прототипа необходимо для тестирования функциональности и выявления проблем.

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

Типы работ дизайнера UX

UX-дизайн — захватывающая и постоянно развивающаяся область, поэтому вы можете столкнуться с несколькими должностями, связанными с UX (среди них дизайнер UX, дизайнер взаимодействия, дизайнер продуктов и дизайнер услуг).

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

По мере накопления опыта у вас будет возможность продвинуться в рамках своей специализации и стать экспертом в области UX (SMX) или перейти на руководящую должность руководителя проекта, менеджера по продукту или директора по взаимодействию с пользователями.

UX и дизайн пользовательского интерфейса

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

Подробнее: Что такое конструктор пользовательского интерфейса (UI)? Your Guide [2021]

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

Сколько зарабатывают UX-дизайнеры?

Средняя базовая зарплата UX-дизайнера в США составляет 112 308 долларов, согласно данным Glassdoor [1]. UX-дизайн был включен в список 50 лучших вакансий в Америке по версии Glassdoor на 2021 год на основе потенциального дохода, удовлетворенности работой и общего количества вакансий [2]. Имейте в виду, что размер вашего заработка будет зависеть от ряда факторов, включая местоположение, отрасль, компанию и многолетний опыт.

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

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

Загрузка…

Карен, дизайнер взаимодействия в Google, объясняет, как она перешла к новой карьере в UX.

Создание каркасов и низкоточных прототипов

Google

4,9 (4600 оценок)

 |

130 000 студентов зачислены

Курс 3 из 7 сертификата Google UX Design Professional Certificate

Зарегистрируйтесь бесплатно

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

1. Пройдите курс UX-дизайна. Даже если у вас нет определенного предыдущего опыта, вы можете начать подготовку к карьере с курса или сертификации по дизайну UX. Ищите курс или программу, где вы изучите основы, получите практический опыт работы с новейшими инструментами дизайна UX, завершите проекты для своего портфолио и пообщаетесь с другими в отрасли.

Заполнив сертификат Google UX Design Professional Certificate, доступный на Coursera, вы сможете вооружиться готовыми к работе навыками, необходимыми для работы в сфере UX-дизайна начального уровня.

профессиональный сертификат

Google UX Design

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

4,8

(43 519 оценок)

564 232 уже зарегистрированы

Уровень новичка

Среднее время: 6 месяцев (S)

Узнайте в своем собственном темпе

. UX), исследование UX, каркас, прототип, дизайн взаимодействия с пользователем (UXD), тестирование удобства использования, макет, Figma, Adobe XD, UX-дизайн

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

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

3. Создайте портфолио дизайнеров. Хотя вам не обязательно иметь степень, чтобы получить работу в области UX-дизайна, вы захотите продемонстрировать свои навыки с помощью портфолио работ. Скомпилируйте проекты, которые вы закончили в своей курсовой работе, волонтерской работе и незапрашиваемых редизайнах. Продолжайте добавлять свои лучшие работы по мере накопления опыта.

Начните работу с UX-дизайном

Если вы готовы начать работу в качестве UX-дизайнера (или узнать больше о том, что такое UX-дизайн), рассмотрите возможность получения сертификата Google UX Design Professional Certificate, который можно получить на Coursera. Вы можете вооружиться готовыми к работе навыками, которые вам понадобятся для роли начального уровня в дизайне UX.

Часто задаваемые вопросы (FAQ)

Вообще говоря, UX-дизайнерам не нужно писать код в рамках своих повседневных задач. Хотя это и не обязательно для получения работы, базовое понимание языков разработки приложений, таких как CSS, JavaScript и HTML, поможет вам лучше общаться с разработчиками и может дать вам конкурентное преимущество при поиске работы.‎

Заработная плата дизайнера UX обычно составляет выше, чем у дизайнеров пользовательского интерфейса. Согласно Руководству по зарплате на 2021 год, подготовленному цифровым креативным кадровым агентством Onward Search, более половины UX-дизайнеров в США сообщили, что зарабатывают не менее 100 400 долларов. Эта цифра составила 86 800 долларов для дизайнеров пользовательского интерфейса [3].

Подробнее: UI и UX-дизайн: в чем разница?‎

UX-дизайнеры используют в своей работе ряд технических и рабочих навыков. Навыки, которые вы можете часто видеть в списках вакансий дизайнера UX, включают проектирование взаимодействия (каркас, прототипирование, пользовательские потоки, макеты), исследование пользователей и программное обеспечение для проектирования (Adobe XD, Sketch, InVision и т. д.). ‎

Статьи по теме

• Сертификаты UX и учебные курсы: руководство на 2021 год

• Что такое дизайнер пользовательского интерфейса (UI)? Your Guide [2021]

• Кто такой исследователь UX? Как получить работу

• Сколько я могу заработать, работая UX-дизайнером? [Руководство по зарплате на 2021 год]

• 4 Вакансии в области UX помимо дизайна, которые вы захотите изучить

Источники статей

1. Glassdoor. «Заработная плата дизайнера взаимодействия с пользователем, https://www.glassdoor.com/Salaries/user-experience-designer-salary-SRCH_KO0,24.htm». По состоянию на 5 мая 2021 г.

2. Стеклянная дверь. «50 лучших вакансий в Америке на 2021 год, https://www.glassdoor.com/List/Best-Jobs-in-America-LST_KQ0,20.htm». По состоянию на 5 мая 2021 г.

3. Дальнейший поиск. «Руководство по зарплате на 2021 год, https://www.onwardsearch.com/2021-salary-guide/». По состоянию на 5 мая 2021 г.

Автор: Coursera • Обновлено 2 августа 2022 г.

Этот контент доступен только в информационных целях. Учащимся рекомендуется провести дополнительные исследования, чтобы убедиться, что курсы и другие полномочия соответствуют их личным, профессиональным и финансовым целям.

Чем занимается UX-дизайнер? [Руководство по карьере на 2022 год]

В этой статье