book-open 1 test
UX-дизайн

Как стать UX-дизайнером – пошаговое руководство

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

Продуктовый дизайнер (UX/UI), веб-дизайнер и бренд-дизайнер. Опыт проектов в международных компаниях Omega-R (агентство), iSpring Solutions (продуктовая) и со стартапами по всему миру. Делюсь опытом в дизайне на офлайн- и онлайн-платформах с 2017 года: Институт программных систем, godesign.school, онлайн-платформа breezzly.ru и пишу микролекции о дизайне на Яндекс.Кью (226 ответов).

Авг 23, 2020 · 17 мин читать

Иллюстрация Kasia Bojanowska: https://dribbble.com/shots/6873460-remote-software-teams

По данным rbc.ru UX-дизайнер входит в ТОП востребованных профессий в Москве, Санкт-Петербурге и регионах. В столице их средняя зарплата составляет 110–120 тыс. руб., а зарплатный максимум — 250 тыс. руб.

По данным Google Trends за последние 5 лет интерес к UX-дизайну в Европе, США, Канаде и Австралии удвоился и продолжает расти. А по данным Yandex.Wordstat количество запросов в России и СНГ содержащих ‘ux дизайн’ удвоилось (если сравнить август 2018 и август 2020).

LinkedIn назвал UX-дизайн одним из основных навыков, которым нужно овладеть в 2020 году, плюс это отражено в отчете InVision о найме на дизайн продукта за 2019 год.

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

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

Содержание

Сила и ценность UX-дизайна для бизнеса

Кто такой UX-дизайнер и чем на самом деле он занимается

С чего начать изучение UX/UI дизайна – первые 10 шагов в UX-дизайне

  1. Начните использовать ежедневно самые свежие версии топовых приложений;
  2. Изучите лучшие UX-кейсы и международные практики;
  3. Возьмитесь за первый проект и сделайте его вместе с наставником;
  4. Изучите ТОП-3 книги по UX (международный ТОП);
  5. Распечатайте процесс работы UX-дизайнера и пощупайте каждый этап как можно раньше;
  6. Выпишите TOP-10 UX навыков и поразмышляйте о графике тренировок;
  7. Вступите в самые популярные UX-сообщества и задайте самый волнующий вопрос;
  8. Пройдите практику на рабочем продукте с активной аудиторией;
  9. Опубликуйте портфолио;
  10. Совершенствуйтесь: осваивайте новые инструменты, качайте навыки, пробуйте новые методы;

Что дальше изучать по UX-дизайну: мой личный список наставников по UX-дизайну

Вывод и рекомендация

Сила и ценность UX-дизайна для бизнеса

В чем ценность UX-дизайна для бизнеса

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

Если вы чувствуете, что в UI/UX вам нужно больше практики, то можете попробовать себя в роли дизайнера интерфейсов на курсе «UI/UX-дизайн», здесь вы вместе с наставником шаг за шагом спроектируете и задизайните первый проект по ТЗ от клиента. А мы пока продолжим полный обзор.

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

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

Интересуетесь свежими статьями по продуктовому дизайну (UX/UI)? 🚀

Подписывайтесь на канал в Telegram | ВКонтакте, Instagram, Facebook

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

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

Нюанс: Отличие UI от UX. UI≠UX

UX и UI все еще часто путают или считают чем-то похожим. Давайте разберем различия на примере.

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

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

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

Даже в этом примере с корзиной на сайте UX и UI тесно взаимосвязаны — поэтому и происходит путаница. Чтобы понять разницу между UX и UI задайте вопрос: А откуда вообще взялась корзина? Разве клиенты добавляют автомобили в тележку пачками, как в супермаркете? Или все-таки нужна модель не корзины/тележки из супермаркета, а тест-драйва в автосалоне. А значит мы можем вместо корзины на сайте, сразу при выборе автомобиля предлагать записаться на тест-драйв или начать оформление покупки (в том числе в кредит). Получается, что за любым объектом в реальном мире стоит модель, которая находится в нашем сознании — это наши представления о том, как эта штуковина перед нами должна работать. И эти представления возникают, еще до того, как мы даже дотронулись до этой штуки.

О ментальных моделях вы можете узнать больше в исследовании про роль ментальных моделей в проектирование и дизайне интерфейсов →

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

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

Кто такой UX-дизайнер и чем на самом деле он занимается

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

Какие задачи решает UX-дизайнер и чем зажигает эта профессия

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

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

Особенности работы в продуктовой команде и в агентстве

У меня был опыт работы в трех форматах: на фрилансе, в студии и в продуктовой команде. Поэтому поделюсь плюсами и некоторыми минусами.

С кем в команде работает UX-дизайнер: процесс работы

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

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

User Experience дизайнер владеет спектром смежных навыков: разбирается в графическом дизайне, программировании, проведении пользовательских исследований. В работе он легко совместит обязанности UX- и UI- (User Interface) дизайнера. При этом UX-дизайн связан больше со устройством продукта и комфортом при работе в контексте, а UI – с внешним обликом продукта и удобством его применения в психофизиологическом плане (например, приятном глазу сочетании цветов, удобном размере кнопок и т.п.). В основные обязанности UX-дизайнера обычно входит:

  1. Анализ пользовательских сценариев
  2. Портретирование целевой аудитории
  3. Сбор обратной связи от пользователей
  4. Проектирование модели использования продукта
  5. Прототипирование сценариев
  6. Тестирование прототипов в контексте у клиентов, плюс корректировка на основе обратной связи
  7. Развитие продукта и сценариев итерациями «разработка прототипа – тестирование – внесение изменений» до тех пор, пока не удастся добиться оптимального для пользователей взаимодействия с продуктом

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

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

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

Личные качества

Знания

Навыки

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

Для понимания задачи. Пробковая доска, листы A4, принтер, блокнот, стикеры разных цветов, карандаши, маркеры. Все это пригодится для понимания задачи, создания первых схем, концептов, подбора компоновок.

Исследования и анализ процессов. Опросы, интервью, Customer Journey map (CJM), BPMN-диаграммы, системы аналитики (Google Firebase, Amplitude, OWOX BI, Google Analitycs 360)

Для разработки структуры. Если задача большая, то по мере движения можно потерять в бумагах, поэтому периодически нужно все оцифровывать с помощью mindmap-сервисов — XMind, FlowMapp, MindMeister, Miro.

Для дизайн-концепций. Для создания дизайн-концептов c выразительной графикой годятся Figma, Sketch, Adobe Photoshop, Procreate, Adobe After Effects

Для интерактивных прототипов. Для создания интерактивных прототипов годятся Principle и ProtoPie

С чего начать изучение UX/UI дизайна – первые 10 шагов в UX-дизайне

Изучать ролики на YouTube, нужно ли брать уроки Photoshop на мастер-классах или все же поступить на специальность в онлайн-университет? Разбираем, как стать ui ux дизайнером, когда все вокруг так стремительно развивается.

Шаг 1. Начните использовать ежедневно самые свежие версии топовых приложений

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

Шаг 2. Изучите лучшие UX-кейсы и международные практики

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

Шаг 3. Возьмитесь за первый проект и сделайте его вместе с наставником

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

Шаг 4. Изучите ТОП-3 книги по UX (международный ТОП)

Мои первые три книги, которые прямо зашли и разожгли интерес к ux-дизайну:

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

Шаг 5. Распечатайте процесс работы UX-дизайнера и пощупайте каждый этап как можно раньше

Ваша программа максимум – пощупать каждый этап процесса работы UX-дизайнера. Это карта вашего путешествия в мир продуктового (UX/UI) дизайна. Кстати, именно по этой карте работают международные компании. Опытный UX-дизайнер назвал бы эту карту CJM или Customer Journey Map.

Процесс проектирования и разработки цифрового продукта (UX Process, User Centered Design).

Шаг 6. Выпишите TOP-10 UX навыков и поразмышляйте о графике тренировок

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

Шаг 7. Вступите в самые популярные UX-сообщества и задайте самый волнующий вопрос

Есть три самых насыщенных информацией сообщества в рунете на тему продуктового дизайна. Вступайте же:

Шаг 8. Пройдите практику на рабочем продукте с активной аудиторией

Первые 7 шагов – это предподготовка. А вот эти три проекта могут стать хорошим планом ближайших высот. Каждый пункт – это серьезный профессиональный рост.

  1. Выявить барьеры в существующем продукте и предложить интерактивный прототип, который улучшит UX для определенного сегмента (без потери качества для других);
  2. Собрать новый модуль для существующего продукта с нуля, применив полный процесс проектирования;
  3. Собрать продукт с нуля и воплотить его вместе с командой;

Шаг 9. Опубликуйте портфолио

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

Вы можете собрать подробное портфолио в Readymag, Tilda или Webflow:

Или делитесь примерами работ, кусочками процесса прямо в dribbble: https://dribbble.com/NewWingsAsya.

Важный момент. При подготовке портфолио фокусируйтесь на демонстрации навыков, умений и подхода, а не только на классной и интересной картинке. И старайтесь следовать принципу “один экран/слайд – одна мысль”.

А еще Readymag, Tilda и Dribbble поддерживают установку счетчика веб- аналитики, так вы сможете видеть с каких стран/регионов и в каком количестве каждый день к вам заходят новые клиенты и чем они интересуются.

Шаг 10. Совершенствуйтесь: осваивайте новые инструменты, качайте навыки, пробуйте новые методы

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

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

Что дальше изучать по UX-дизайну: мой личный список наставников по UX-дизайну

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

YouTube-каналы и Instagram-аккаунты по UX

Полезные блоги, сайты

В дополнение к UxJournal (где мы с вами находимся), у меня в закладках:

TOP-10 книг по UX, дизайну интерфейсов, психологии восприятия и развитию цифровых продуктов

Для погружения в методики и системы выбирайте аналитические форматы. Книги как раз хорошо работают на прокачку фундамента знаний и у мений. Кстати, в сообществе UxJournal ежегодно проходит масштабный опрос о ТОП-книгах для UX-дизайнеров. Мой список книг почти совпадает с голосами вступающих. Вот он:

Книга 1. Дизайн привычных вещей (Дональд Норман). Самая любимая цитата о книге: Даже умный человек чувствует себя подчас дураком, пытаясь сообразить, на какую кнопку нажать, чтобы включить свет, как разжечь духовку и что делать с дверью — тянуть, толкать или раздвигать. Причиной тому дизайн, забывающий о нуждах пользователей и основах когнитивной психологии». Рекомендую: https://www.mann-ivanov-ferber.ru/books/dizajn-privyichnyix-veshhej/

Книга 2. Интерфейс. Основы проектирования взаимодействия. Алан Купер с командой жжет, он одним из первых начал убеждать программистов в том, что пришла пора шагнуть навстречу пользователям и начать писать программы, которые будут им нравиться. Книга к тому же увлекательное путешествие по User Centered Design: https://www.ozon.ru/context/detail/id/135305819/

Книга 3. На крючке. Как создавать продукты, формирующие привычки. Люблю фундаментальные труды от специалистов по поведенческому дизайну. Именно благодаря таким книгам начинают приходить смелые и реализуемые идеи, так как начинаешь лучше понимать природу людей: https://www.mann-ivanov-ferber.ru/books/pokupatel_na_kryuchke/

Книга 4. Не заставляйте меня думать. Веб-юзабилити и здравый смысл. 3-е издание. Создана ТОП-юзабилити экспертом Стивом Кругом. Книга огонь! За 3 издания помогла сотням тысяч веб-дизайнеров и разработчиков освоить принципы интуитивной навигации и информационного дизайна, а мне помогла на старте начать видеть части, из которых состоит целый дизайн: https://www.ozon.ru/context/detail/id/139556451/

Книга 5. Универсальные принципы дизайна: 125 способов улучшить юзабилити продукта, повлиять на его восприятие потребителем, выбрать верное дизайнерское решение и повысить эффективность. В этой книге вся ясно уже по названию. Убойный справочник, который порой помогает устранить противоречия и ускориться в сборке дизайн-концепции: https://www.ozon.ru/context/detail/id/154719071/

Книга 6. Веб-дизайн. Книга Дж. Гарретта. Элементы опыта взаимодействия. Загуглите “5 уровней Джесси Гаррета” и найдете сердце книги – подход к дизайну интерфейсов. Книга в первую очередь хороша свой методикой, не судите ее строго по примерам, книги – это про методику, а она здесь огненная: https://www.ozon.ru/context/detail/id/139556451/

Книга 7. 100 новых главных принципов дизайна. Как удержать внимание | Уэйншенк Сьюзан. Эта книга просто космос, в ней по полочкам раскладываются все популярные дизайн-решения, которые нас окружают (потому что так работает мышление людей по всему миру). За книгой стоят многочисленные исследования по всему миру, поэтому благодаря ей понимаешь, почему все так устроено сейчас и становишься смелее в экспериментах: https://www.litres.ru/suzan-ueynshenk/100-novyh-glavnyh-principov-dizayna-kak-uderzhat-vnimanie/

Книга 8. Дизайн – это работа. Книга настраивает на подробное знакомство с заказчиком-клиентом. Погружает в культуру работы с клиентом: https://www.mann-ivanov-ferber.ru/books/book-apart/design-job/

Книга 9. Платформа. Практическое применение революционной бизнес-модели. Все приложения по мере развития эволюционируют в платформы. Платформенные бизнес-модели — самые прибыльные. В книге разбирают как устроены платформы, механики работы платформ из разных сфер экономики. Благодаря этой книге, любая ваша текущая задача станет значительно проще по восприятию, а цели станут амбициознее: https://www.litres.ru/suzan-ueynshenk/100-novyh-glavnyh-principov-dizayna-kak-uderzhat-vnimanie/

Книга 10. Seductive Interaction Design: Creating Playful, Fun, and Effective User Experiences (Voices That Matter). Эта книга просто клад по поведенческому дизайну,. Эта книга натренирует вас обогащать ваши приложения, продукты, платформы причинами, которые будут побуждать клиентов возвращаться вновь. Для профессионалов в UX к прочтению обязательна: https://www.amazon.com/Seductive-Interaction-Design-Effective-Experiences/dp/0321725522

Курсы по UX-дизайну

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

  1. Обзор 7 лучших курсов UX и дизайну интерфейсов
  2. Обзор 5 лучших UI курсов – обучение на дизайнера пользовательских интерфейсов
  3. Обзор 5 лучших курсов по Figma: онлайн, бесплатные и платные

Вывод и рекомендация

UX-дизайнер — это динамичная драйвовая профессия на стыке творчества, технологий и пользы для людей. Ну это ТОП же. Да, конечно, нужно многое знать и уметь, забуриться в смежные области, прокачаться в анализе данных, поведенческой психологии, брендинге, эстетике и красоте и даже полазить по программированию. Это достойный интересный и творческий путь, если вы только пробуете себя как UX-дизайнер, и ищите ответ на вопрос как стать ui ux дизайнером, то обратите внимание на курс от UX/UI от Breezzly, попробуйте себя в роли дизайнера мобильных приложений, сайтов, интерфейсов для смарт-часов и веб-приложений, а затем уже погружайтесь дальше через очные курсы с командной работой (поможет сильнее прочувствовать весь дух профессии).