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

Я хочу раз и навсегда поставить точку и простым понятным языком объяснить, что значит «UX/UI дизайн».

Разные типы интерфейсов для заточки лезвий.

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

Цель UI/UX дизайнера - довести пользователя до какой-то логической точки в интерфейсе. Сделать так, чтобы пользователь достиг своей цели.

Что такое UX/UI, прямым текстом

(в этом разделе будут банальные фразы)

UX - это User Experience (дословно: «опыт пользователя»). То есть это то, какой опыт/впечатление получает пользователь от работы с вашим интерфейсом. Удается ли ему достичь цели и на сколько просто или сложно это сделать.

А UI - это User Interface (дословно «пользовательский интерфейс») - то, как выглядит интерфейс и то, какие физические характеристики приобретает. Определяет, какого цвета будет ваше «изделие», удобно ли будет человеку попадать пальцем в кнопочки, читабельным ли будет текст и тому подобное…

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

Что такое UX и UI дизайн, другими словами

Прямая обязанность UX/UI дизайнера - это, например, «продать» товар или услугу через интерфейс. Именно на основе работы UX/UI дизайнера пользователь принимает решение: «Быть или не быть?» Нравится или не нравится. Купить или не купить.

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

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

Вот первый пример: когда Вильгельм Шиккард в 1623 году изобретал арифмометр, он уже был UX/UI дизайнером.

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

Ещё один более древний и примитивный пример - точильный камень (колесо). Уже даже в раннем средневековье было много разновидностей и механизмов такого колеса:

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

Всё это были разные типы интерфейсов.

Так вот, когда изобретатель очередного точильного камня думал:

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

то в тот момент он был UX дизайнером .

А тот человек, который думал, какой величины будет камень, какого цвета выбрать дерево для подставки и чем скрепить деревянные жерди (гвоздями или кожаными жгутами?) и какой длины будет ручка, был UI дизайнером .

И тот способ, каким бы вы затачивали меч - назывался бы интерфейс .

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

В последнее время популяризация профессии UX/UI дизайнера связана скорее с развитием цифровых технологий. А вот именно тот «бум» (когда мы стали видеть термин «UX/UI» в каждом втором объявлении о работе) связан с самим названием, которое кто-то придумал совсем недавно.

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

UX и UI - это не тренды. Технологи развиваются. Спрос на сайты растёт. Цифровые приложения появляются как грибы. А инструменты дизайна и разработки упрощаются настолько, что уже практически любой человек без знания программирования может «на коленке» сделать сайт-визитку. Вот только этот сайт должен как-то выглядеть. И не просто как абстрактный каркас из текста и кнопок. Тут программистам и нужна помощь UX/UI дизайнера.

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

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

На главные вопросы о профессии UX-дизайнера отвечают руководитель R&D в «Ак Барс Цифровые Технологии» и куратор программы «UX/UI дизайн » в Британской высшей школе дизайна Ярослав Шуваев, а также начальник отдела аналитических исследований пользовательского взаимодействия в «Сбербанк-Технологии» Алина Ермакова, руководитель по облачным сервисам в «МегаЛабс» (Мегафон) Дмитрий Ершов и дипломированные UX/UI-дизайнеры.

1. Как объяснить бабушке, кем я работаю, если я UX/UI-дизайнер?

Все зависит от степени прокачанности бабушки. Если бабушка - UX/UI-дизайнер, то, скорее всего, упрощающих метафор не потребуется. Для менее любознательной бабушки это может быть объяснение-отговорка: «Я занимаюсь мобильными и онлайн-приложениями». Если же мы попробуем составить определение из слов, понятных среднестатистической бабушке, максимально лаконично и близко отражающее смысл, то это будет: «Я занимаюсь улучшением качества цифровых услуг (UX), включая проектирование точек, каналов получения этих услуг (UI)».

Татьяна Пчелинцева, выпускница курса «UX/UI дизайн» БВШД

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

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

Денис Ушаков, выпускник БВШД

«Сложнее всего то, чем я занимаюсь, было объяснить моей бабушке, которая словосочетание «продуктовый дизайн» воспринимает как что-то, связанное с магазином продуктов, - и постоянно спрашивает, с какими такими продуктами я работаю. :)

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

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

Проект студентов курса «UX/UI дизайн» БВШД для Tele2: цифровая витрина для Tele2

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

2. Какими компетенциями обладает идеальный UX/UI-дизайнер?

На момент появления термина «дизайн пользовательского опыта» (UXD) термин «дизайн интефейсов» (UID) уже существовал и имел четкий устойчивый список артефактов - тех результатов работы дизайнера интерфейсов цифровых продуктов, которые позволяли сделать интерфейс: иконки, кнопки, создание мокапов, UI kit, работа со шрифтами, сетками, создание иллюстраций и так далее.

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

С появлением гибкого подхода в программного обеспечения (Agile, Scrum), количество узкоспециализированных экспертов в командах начинает уменьшаться за счет увеличения количества компетенций каждого участника. В гибких продуктовых командах сразу становится понятно, что разделение UX- и UI-обязанностей увеличивает время разработки за счет того, что постоянно меняются и растут требования «приемки» работ между дизайнерами. В конце концов один из дизайнеров может заболеть, тогда вся работа встает. Поэтому продуктовые команды предпочитают набирать UX/UI-дизайнеров, совмещающих, пусть иногда поверхностно, как компетенции UXD, так и UID, чем двух глубоких экспертов.

Сочетание компетенций UX/UI-дизайнера

Сколько зарабатывают такие дизайнеры? Точнее всего на этот вопрос ответит hh.ru. По данным сервиса, сегодня компании готовы предложить UX/UI-дизайнерам от 70 до 200 тысяч в месяц и больше.

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

Дарья Сальникова, UX/UI-дизайнер Tele2

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

Поэтому я решила углубиться в UX/UI-дизайн, понять, как разрабатывается продукт с нуля, проводятся исследования, изучается пользователь, его задачи и поведение? и как все это отражается на интерфейсе. Сначала я прошла вводный онлайн-курс от AIC, потом пошла за практикой в Британку. После нескольких учебных проектов для «Золотой короны» и Mail.Ru я устроилась UX/UI-дизайнером в Tele2. Помимо портфолио, было важно, как я умею работать в команде, какие роли в этих проектах я занимала, какие задачи, кроме интерфейсов могу решать и другие soft skills.

Сейчас я работаю над системой лояльности для клиентов Tele2. И это уже совсем по-другому: мы работаем с аналитиками, и когда дело доходит до UI, я уже могу аргументировать расположение, форму, цвет каждого элемента интерфейса. У нас на курсе были ребята, которые пришли не из сферы дизайна (маркетологи, менеджеры, разработчики). На курсе они освоили инструменты прототипирования, научились делать какие-то элементы интерфейса. Понятно, что у них нет такого бэкграунда в дизайне, как у графических дизайнеров. Но это так здорово, когда даже менеджеры или разработчики разбираются в дизайне, могут сделать прототип, поправить баннер, иконку и вообще начинают понимать, что дизайн - это большой труд».

Дмитрий Ершов, руководитель по облачным сервисам, АО «МегаЛабс»

«В «МегаЛабс» несколько команд, между которыми распределены продукты «МегаФона». Например, сейчас мы ищем дизайнеров в команды «МегаФон.Банк» и «МегаФон.ТВ». Когда я уже посмотрел портфолио и общаюсь с UX/UI-специалистом, сначала проверяю знание теории: композиции, типографики, колористики. На каждую из тем задаю несколько вопросов, и если дизайнер отвечает «я так вижу» – сразу минус 1 балл. Но если он, например, предлагает подобрать цвет с помощью триадной схемы – становится понятно, что с основами колористики он знаком.

Когда теория проверена, я выясняю, какой из пяти уровней UX по модели Джесса Гарретта наиболее «прокачан» у кандидата, и в зависимости от уровня даю несколько задач. Дизайнеры продуктов «МегаФона» – это люди, которые создают интерфейсы исходя из целей и потребностей клиентов компании. Предпочтение отдается тем, кто понимает проблемы и на месте предлагает несколько вариантов решения.

Вопросы по разработке тоже всегда звучат на собеседовании. Обычно я показываю несколько сайтов и спрашиваю, сколько колонок в сетке, или чем отличается JS от CSS. Дизайнер должен уметь все это объяснить, чтобы «упаковывать» свои идеи на понятном для разработчиков языке».

3. Сложно ли найти работу?

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

Прежде всего нужно изменить мышление. От «как сделать красивые экраны для портфолио» к «как сделать людей более счастливыми после взаимодействия с продуктом». Может получиться так, что вообще не придется рисовать экранов, и люди скажут за это спасибо. Для создания этих артефактов как раз используются актуальные дизайн-инструменты, методологии: Design thinking, User story mapping, User Flow Mapping, Customer Journey Mapping, Split-тестирования, Usability-тестирования, количественные исследования и многие другие. Хотя порой можно прийти к правильным результатам неправильным путем. Ситуация рынка новых профессий нестабильна, сейчас это довольно востребованное и прибыльное занятие, но спрос рождает предложение.

Евгений Засименко, выпускник БВШД, product-дизайнер в Avito

«Я начал искать работу продуктового дизайнера за несколько месяцев до окончания курса. Нельзя сказать, что очень активно, но в Avito мне понравилось, когда мы были там на экскурсии от Британки. Процесс трудоустройства был довольно стандартный для сферы дизайна: просмотр портфолио, тестовое задание, два собеседования, и я получил офер.

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

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

За этот год нам удалось сделать около 20 проектов для самых разных типов компаний: от ожидаемого финтеха - «Альфа-банк», МТС, «МегаФон» - до стартапов из сферы агротеха. Многие студенты смогли найти работу по итогам защиты проектов в тех компаниях, для которых делали проект, потому что заказчики в процессе видят их компетенции и практический опыт.

Денис Ушаков, выпускник БВШД

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

Сейчас я продолжаю работу над проектом в качестве продуктового дизайнера уже в штате этой компании. Заказчик сам предложил мне позицию продуктового дизайнера, поскольку они уже видели, на что я способен, у нас был опыт совместной работы. Мне кажется, почти все одногруппники к концу обучения устроились на должность, связанную с UX/UI в такие компании, как «Райффайзенбанк», «Сбербанк Технологии», Tele2, Mail.ru, IBM Россия и другие».

4. Продолжится ли рост спроса на таких специалистов в ближайшие 5 лет?

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

«Я думаю, что тут дело ни сколько в названии «UX/UI-дизайн», сколько в функционале и ответственности. Спрос не упадет, конечно, но на кого? Наблюдаются волны: сначала все искали универсала - дизайнера-верстальщика-копирайтера. Это было связано с тем, что у компаний или не было на это денег, или они не понимали, зачем их тратить на дизайнеров. Потом начался хайп UX, появились инхаус-отделы исследований и проектирования, в ходу стали понятия не столько кнопки, сколько пользовательского опыта. Начали играть в тестирования, дизайн-мышление, айтрекеры. Начали думать процессами, а не экранами.

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

5. Как работа UX/UI-дизайнера отражается на повседневной жизни?

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

Проект студентов курса «UX/UI дизайн» БВШД для МТС: мобильный гид для адаптации и развития сотрудников МТС

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

Время жизни прибыльных бизнес-моделей стремительно сокращается. Чтобы оставаться на плаву, нужно постоянно создавать новые и развивать уже имеющиеся цифровые продукты. Бренды, которые не могут адаптироваться к скорости, «вылетают с трассы». Поэтому современные компании переходят на быстрые адаптивные циклы постоянных изменений. Это как раз про пресловутый Agile и Scrum. Design-Develop-Learn и опять по кругу. Следовательно, дизайн-экспертиза как часть этого круга становится основополагающей.

Алина Ермакова, начальник отдела аналитических исследований пользовательского взаимодействия в «Сбербанк-Технологии»

«Пару недель назад я вернулась с конференции Enterprise UX в Сан-Франциско. Большие компании рассказывали, как проектируют госсервисы, или большие финтех-системы, или, например, как Uber сохраняет консистентность, находясь в 77 странах мира. UX/UI у них уже в ДНК. Это не этап, не метод, это нормальный продакшн-процесс. Нет церемоний прохождения дизайн-мышления, например.

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

6. Какие методологии сейчас наиболее популярны?

В России культура продуктового дизайна сейчас только зарождается. Фреймворк «Дизайн-Мышление» (Design Thinking) - уже стал неотъемлемой частью программы внутреннего корпоративного обучения в наших крупных компаниях и корпорациях: «Росатом», «Сбербанк», «Альфа-банк» и других.

В цифровых компаниях традиционно популярны деривативы Design Thinking - Google Ventures Design Sprints, IBM Design Thinking, а также различные инструментальные части Design Thinking - моделирование персонажей, этнографические исследования, карты стейкхолдеров, картирование пользовательских путей (Customer Journey Mapping) и прочие. Относительно новым, но заслуживающим внимания является фреймворк Jobs To Be Done, где продукт разрабатывается не столько на основе характеристик пользователя, сколько на основе ситуации, в которой он оказался. Востребованность методологии зависит как от сферы деятельности компании, так и от внутренних процессов. Внедрить тот же Scrum в крупной компании дольше и сложнее, чем в стартапе, но все реально, главное - желание делать классный продукт для людей.

Дмитрий Ершов, руководитель по облачным сервисам АО «МегаЛабс»

«Для продуктов, которые не будут меняться, мы используем классическую каскадную модель разработки, а для постоянно развивающихся – выбираем SCRUM. Новые продукты или функциональности описываем с помощью диаграмм вариантов использования, но примеряем концепцию Jobs To Be Done, в которой такие диаграммы не нужны.

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

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

7. В какие отрасли интегрируются методики UX/UI-дизайна в будущем?

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

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

Проект студентов курса «UX/UI дизайн» БВШД для банка «Ак Барс»: личный финансовый помощник, инструмент для инвестиций в любом удобном мессенджере.

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

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

«Большинство компаний все еще воспринимают UX/UI-исследования, дизайн-мышление и другие креативные методики как услугу, отдельный сервис, который можно заказать или нанять. «Мыслить как дизайнер» нельзя купить, надо начать. Всем =)», - говорит Алина Ермакова, начальник отдела аналитических исследований пользовательского взаимодействия в «Сбербанк-Технологии».

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

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

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

Немного истории

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

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

От малого к большому

На заре интернета дизайнеру ставилась простая задача: «нарисовать сайт». Специалист, не особо задумываясь, рисовал красивые картинки и сдавал проект. Сайты были похожи как братья-близнецы. Менялся цвет фона и наполнение.

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

Теперь UX design исследует поведение пользователей и создает архитектуру сайта, а UI графически воплощает это в жизнь. Как программист программирует, а верстальщик располагает элементы в нужном порядке.

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

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

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

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

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

Ключевыми обязанностями UX/UI-дизайнера являются:

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

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

Отличие веб-дизайнера от UX/UI-специалиста

Терминология:

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

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

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

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

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

Важные личные качества:

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

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

Востребованность специалистов

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

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

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

Основные принципы построения интерфейсов

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

• Простота. Пользователь путем минимального количества действий должен добиться необходимого результата.
• Скрытие таблички «столб» на столбе. Лишние надписи сбивают с толка, заставляют пользователя отвлекаться. Если корзину или смайлик можно отобразить значком, то достаточно этого.
• Автоматические действия. Сложные действия отпугивают пользователя, он должен автоматически нажимать на клавиши/кнопки, не думая, зачем это делается. Важно, что он получит ожидаемый результат.
• Привычка. Человеку трудно привыкнуть к новому. Пользователь видит нарисованную корзину и появляется ассоциация покупки. Если поменять изображение на «бабушкину авоську», уже будет трудно догадаться, что к чему.
• Просмотр по диагонали. Большие тексты никто не читает. Лучше делать краткие заметки по сайту или заголовки и подзаголовки, отображающие суть вопроса.
• Кошелек Миллера. Согласно принципу американского ученого кратковременная память способна охватить 7 элементов плюс-минус две штуки. Поэтому информацию в блоках лучше располагать в пределах этих цифр.
• Интуитивность. Многие вещи пользователи делают согласно своей интуиции и не желают что-то запоминать.
• Нужное на виду. UI дизайн предполагает делать акцент на тех вещах, которые пользователю наиболее необходимы.
• Группировка. Все элементы необходимо группировать по какому-то отличительному признаку. Например, если в телефоне есть меню «сообщения», то рациональнее в него вставить входящие и исходящие сообщения, написание новых, а также настройки сообщений.
• Правило 3-х кликов. Старое, но не теряющее актуальности. Чтобы добраться до нужной информации, необходимо сделать не более трех кликов. Большее количество вызывает недовольство и влечет за собой уход с сайта или отказ от услуг.
• Одинаковый стиль. Отзывы о компании или об определенном продукте не должны отличаться функционалом или внешним отображением.
• «Защита от дурака». Если пользователь захотел удалить свои фотографии или еще что-то - нужно переспросить. Возможно, он просто случайно нажал на кнопку.
• Копирайтинг. В интерфейсе не должно быть ничего лишнего. Каждый заголовок важен, каждая буква в меню тщательно подбирается.
• Будь в тренде. Создание проекта - дело длительное, а мода переменчива. Чтобы проект не устарел его до его выхода в свет, необходимо продумывать каждую деталь.
• Мелочей не бывает. Одна маленькая черточка своим присутствием или отсутствием отпугнет или привлечет людей.

Резюме

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

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

Кого привлекать к работе: UX или UI?

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

29.09.2017

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

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

Что такое User Experience (UX)?

UX расшифровывается как “user experience (опыт взаимодействия)”. Опыт взаимодействия – это то, как люди взаимодействуют с продуктом.

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

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

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

• Получил ли я пользу от этого продукта?
• Легко ли его использовать?
• Приятно ли его использовать?

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

Элементы UX

Дон Норман (Don Norman), соучредитель Nielsen Norman Group , был первым, кто ввел понятие “user experience” в 90-ые годы, сказав “Опыт взаимодействия охватывает все аспекты взаимодействия пользователя с компанией, ее услугами и продуктами”.

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

В этом видео Дон Норман делится своим мнением об истоках термина UX.

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

• Опыт взаимодействия основывается на ощущениях. Он выходит за рамки обычного человек-компьютер взаимодействия (human-computer interaction (HCI)) и уделяет особое внимание человеческой стороне. Люди оценивают взаимодействие как личный момент.
• UX зависит от контекста, в котором используется продукт. Условия, при которых используется продукт, постоянно меняются. UX предполагает понимание более широкого контекста, в котором работают пользователи, и определение того, какую роль продукт играет в их жизни.
• Опыт взаимодействия эволюционирует со временем. Опыт взаимодействия с вашим продуктом динамичен. Например, когда новый продукт попадает на рынок, или когда пользователь впервые испытывает продукт, он может быть дезориентирован и иметь смешанные чувства, потому что не знает, чего ему ожидать. Позже, когда пользователи станут знакомы с вашим продуктом и определят его пользу , их опыт взаимодействия будет позитивно расти и вызывать эмоциональную привязанность .

С технической точки зрения UX включает практические, эмпирические, аффективные, значимые и ценные аспекты взаимодействия. Соты Питера Морвилла (Peter Morville) – это инструмент, который поможет вам найти правильный баланс между различными областями эффективного UX.

• Usable: Продукт должен быть простым и легким в использовании. Он должен быть разработан так, чтобы быть знакомым и понятным.
• Useful: Продукт должен удовлетворять потребности. Если он этого не делает, что у пользователя нет причин его использовать.
• Desirable: Визуальная эстетика продукта должна быть привлекательна. Элементы дизайна могут вызывать позитивные эмоции и симпатию.
• Findable : Если у пользователя возникли проблемы с продуктом, то они должны быть в состоянии быстро найти решение.
• Accessible : Дизайн продукта должен быть таким, чтобы даже физически неполноценные люди могли иметь такой же опыт как и все остальные.
• Credible : Компания и ее продукты должны вызывать доверие.

Когда дизайн продукта сочетает в себе эти 6 элементов, тогда он будет ценен для пользователей, а максимизация ценности – основная цель UX.

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

UX практически всегда сопровождается словом “дизайн”. Люди, работающие в этой области – UX дизайнеры.

Простыми словами, User Experience Design (UXD или UED) – это процесс создания физического или электронного продукта, который полезен, легок в использовании и приятен для взаимодействия. Но на самом деле все значительно сложнее:

01. UX дизайн больше чем юзабилити

Существует заблуждение, что UX дизайн – это то же самое, что и юзабилити. И это заблуждение понятно: юзабилити предполагает, что продукт полезен и легок в использовании.

Юзабилити – это качественный атрибут пользовательского интерфейса, который устанавливает, легок ли продукт в изучении, насколько он эффективен, и так далее.

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

02. UX дизайн не является визуальным или UI дизайном

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

Пользовательский интерфейс (UI) определяется как средство связи между человеком и системой. С увеличением популярности персональных компьютеров и мобильных девайсов этот термин обычно приравнивают к “графическому пользовательскому интерфейсу (graphical user interface (GUI))” – внешний вид и ощущение, презентация и интерактивность продукта.

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

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

03. UX дизайн – это люди

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

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

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

04. UX дизайн имеет разные размеры

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

05. UX дизайн – это постоянно продолжающийся процесс

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

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

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

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

Затем дизайнер пытается удовлетворить эти нужды фокусируясь на следующих областях:

• Визуальный дизайн . Создание эффективной визуальной иерархии для UI.
• Информационная архитектура. Удовлетворение целей пользователей путем анализа ключевых задач и поведения пользователей.
• Интерактивный дизайн. Оптимизация взаимодействия людей и интерфейсами.
• Юзабилити. Анализ того, как люди используют продукт.
• Контент стратегия. Согласование контента с общей стратегией продукта.

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

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

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

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

Примеры отличного UX дизайна

Джаред Спул (Jared Spool), эксперт в области UX дизайна, сказал: “Хороший дизайн, когда он правильно сделан, невидим. Мы замечаем его, только когда он плох.”

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

01. Предоставляйте достаточно правильной информации

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

Плохой UX: Автомобиль сообщает водителю о поломке.

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

Эффективный UX: Сообщает пользователю о проблеме и предоставляет всю нужную информацию.

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

02. Избегайте визуального беспорядка

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

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

Эффективный UX: Фокусируется на том, что важно пользователю

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

03. Делайте путешествие пользователя максимально гладким

Различные препятствия не дают пользователям достичь своих целей. Это вредит конверсии и раздражает потенциальных клиентов до такой степени, что они готовы покинуть сайт. Один из ярчайщих примеров таким препятствий – логические стены – страницы, которые просят пользователя войти или зарегистрироваться. Давайте посмотрим на процесс подтверждения в онлайн магазине.

Плохой UX: Принуждение к регистрации без предложения выгоды

E-commerce сайты часто используют логические стены. Необходимость регистрации имеет высокую стоимость интеракции, потому что заставляют пользователя тратить свое время на создание нового аккаунта и запоминание информации. Более 85% посетителей покидают страницу из-за вынужденной регистрации. Даже Amazon это делает. Он заставляет регистрироваться пользователей прежде чем купить выбранные товары, поэтому огромное количество посетителей покидает сайт.

Эффективный UX: Дать гостевой доступ

Процесс регистрации может быть упрощен с помощью гостевого доступа. Для e-commerce сайтов нормально спрашивать информацию об оплате, но не заставлять пользователей регистрироваться.

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

04. Устраните неопределенность пользователя

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

Плохой UX: Не помогает пользователю

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

У пользователя наверняка возникнут следующие вопросы:

• Какие карточки можно использовать? Можно ли заплатить с American Express?
• Что за “Name”? Имя на карте или ваше полное имя?
• В каком формате должна быть дата? MM/YY или MM/YYYY?
• Что за “Security code?
• Что будет если я нажму “Next”? Это завершающий шаг оплаты или я смогу проверить введенные данные?

Эффективный UX: Визуализируйте все необходимое

Иногда простое усовершенствование UX в процессе ввода данных может заработать вам миллионы долларов.

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

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

Почему стоит позаботиться о UX?

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

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

Хороший UX для хорошего бизнеса

В случае с бизнесом, UX – важнейший критерий выживания. Современный пользователь ожидает многого от вашего бренда, что означает, что ваш продукт должен предоставлять хороший опыт взаимодействия. UX дизайн – это основная инвестиция. Forrester Research сообщает , что каждый инвестированный в UX доллар в среднем приносит 100$ прибыли и окупаемость инвестиций в 9,900 процентов .

Спрос на рынке труда

UX дизайнеры очень востребованы. Согласно CNN Money , UX дизайн – одна из топ 50 вакансий в Соединенных Штатах. Средняя заработная плата UX дизайнера в США составляет 70000$ в год на начальных уровнях и 100000$ в год для опытных дизайнеров.

Тенденции найма в UX дизайне

Согласно Adobe survey большинство компаний нанимают UX дизайнеров для работы с веб и мобильными приложениями. Ожидается, что в течение 5 лет мобильная индустрия станет самой востребованной. В то время как desktop-to-mobile (кроссплатформенный дизайн) останется важным, практически половина компаний в следующе 3-5 лет планирует нанимать UX дизайнеров, кто сможет работать с виртуальной реальностью (VR).

Заключение

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

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

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

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

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

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

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

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

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

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

Один из дизайнеров Google, Фиона Йонг, рассказала , что в ее команде - лишь несколько специалистов с образованием дизайнера. Остальные раньше работали в смежных областях или в других отраслях. Кто-то занимался когнитивными науками, а кто-то психобиологией.

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

С чего начать

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

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

• исследование,
• анализ данных,
• проектирование,
• дизайн,
• анализ метрик.

Исследование

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

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

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

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

Анализ данных

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

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

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

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

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

Проектирование

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

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

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

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

Дизайн

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

На этапе из прототипов и вайрфреймов создают визуализацию, работают с цветом, композицией и типографикой, оформляют контент.

Для этого подходят графические редакторы, в которых работают дизайнеры:

• Adobe Photoshop,
• Adobe XD,
• Sketch,
• Figma.

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

Анализ метрик

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

Работают над продуктом - проводят юзабилити- и A/B-тесты. Улучшают пользовательский опыт, добавляют новые возможности.

Как учиться UX-дизайну

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

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

Живая обратная связь с преподавателями

Неограниченный доступ к материалам курса

Стажировка в компаниях-партнёрах

Дипломный проект от реального заказчика

Гарантия трудоустройства в компании-партнёры для выпускников, защитивших дипломные работы

При изучении теории не забывайте о практических навыках. Создайте макет сайта или придумайте мобильное приложение. Разделите проект на части и тщательно поработайте над каждой: проведите исследование и анализ, затем займитесь проектированием и дизайном. Только практика помогает дизайнеру стать хорошим специалистом.