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

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

Что делает UX Designer?

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

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

UX-дизайн — что это? Концепция технологии

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

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

Почему — подразумевает мотивацию пользователей к принятию продукта и желанию им обладать.

Что — касается того, что люди могут делать с продуктом и его функциональностью.

Как — относится к дизайну функциональности доступным и эстетически приятным способом.

Дизайн UX начинается с категории «почему», затем определяет, «что» и, наконец, «как», чтобы создавать продукты, с которыми пользователи могут получать значимые впечатления.

Историческая ретроспектива

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

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

исследование потребителя;

дизайн продукта;

тестирование;

реализация.

Рассмотрим каждый из них подробнее.

Исследование потребителя: с чего начать начинающему дизайнеру?

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

вопросники;

обсуждения в фокус-группах;

онлайн-опросы;

анализ задач.

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

Дизайн

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

информационная архитектура;

• прототипирование.

Тестирование

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

тестирование a/b;

юзабилити;

дистанционное тестирование пользователей.

Реализация

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



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

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

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

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

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

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



Профессиональные компетенции

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

лидерство;

• управление проектами;

  эффективное взаимодействие с командой.

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

В чем разница между дизайном UX и UI?

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

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

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

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

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



Задачи и методы

Дизайнеры UX выполняют различные задачи в разных точках процесса. Ниже представлен основной перечень:

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

A/B TESTING. Специалист может разработать исследование для сравнения эффективности и качества опыта различных пользовательских интерфейсов. Это выполняется путем выдвижения гипотезы (например, «зеленая кнопка более привлекательна, чем красная»). Затем предлагается несколько версий дизайна и в порядке тестирования определяется «лучший опыт» (например, «зеленая кнопка лучше, потому что пользователи щелкали по ней чаще».).

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

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

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

Шаблоны проектирования

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

Программы

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

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

Некоторые программные средства для создания каркаса и прототипов:




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

В основном программное обеспечение для тестирования A/B разбивает трафик веб-сайта на два равных сегмента. Одна группа видит версию A, а другая — версию B. Статистика, такая как коэффициент конверсии и показатель отказов, отслеживается для каждой версии. Сплит-тестирование определяет, какая версия лучше, и данное решение основано на статистических данных. Одним из самых популярных приложений для тестирования A/B является Website Optimizer Google.

Управление контентом

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

Веб-сайты, созданные с такими системами управления контентом, как WordPress и Drupal, как правило, имеют встроенные инструменты, которые показывают карту существующего веб-сайта.

Опросы и фидбек

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

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

Примеры

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

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

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

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

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

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

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

• информационную архитектуру;
• интерактивный дизайн;
• юзабилити (показатель простоты, удобства и эффективности продукта в глазах пользователей).

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

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

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

UX-дизайнерам важно уметь:

• проводить исследования пользователей;
• создавать вайрфреймы и прототипы сайтов и приложений. Это поможет оценить, в каком направлении развивать приложение или сайт. Причём умение рисовать совсем не обязательный навык для современного UX-дизайнера. Существует множество инструментов для прототипирования, где с помощью готовых элементов можно создать грамотную визуализацию интерфейса (например Axure, Balsamiq или UXPin);
• проектировать взаимодействие, то есть представлять, как именно человек будет пользоваться продуктом. Для этого создаются карты маршрутов пользователей по экранам приложения, интерактивные каркасы сайтов и приложений с разными вариантами дизайна;
• тестировать продукт;
• заниматься аналитикой. Использование различных метрик (например Webvisor, Hotjar, Mixpanel, UXcam, или Appsee) поможет понять, насколько эффективно работает дизайн, и дорабатывать продукт, основываясь на реальных данных.

Подробнее о принципах и основах UX-дизайна интерфейсов можно почитать в .

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

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

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

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

UI-дизайнер использует в работе разные графические редакторы: Photoshop, Illustrator, Sketch, Fireworks, Adobe XD, Gravit Designer, Affinity Designer, Figma

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

Если провести совсем простую аналогию из жизни, то UX-дизайн — это планировка квартиры и коммуникаций, а UI — выбор обоев и напольного покрытия. Однако на практике 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- или UI-дизайнеры непонятны для непосвященных и даже часто для самих дизайнеров из других областей.

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

UX-дизайнер (USER EXPERIENCE дизайнер)

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

Пример описания работы experience-дизайнера в Twitter:

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

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

Инструменты: Photoshop, Sketch, Illustrator, Fireworks, InVision

UI-дизайнер (USER INTERFACE дизайнер)

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

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

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

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

Инструменты: Photoshop, Sketch, Illustrator, Fireworks

Визуальный дизайнер (графический дизайнер)

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

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

Инструменты: Photoshop, Sketch

Interactive-дизайнер (моушен-дизайнер)

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

Описание работы моушен-дизайнера в Apple:

«Высокая квалификация в графическом дизайне, моушен-графике, знания в digital art, хорошее восприятие шрифтов и цвета, общее внимание к материалам и текстурам, а также практическое понимание анимации. Знание iOS, OS X, Photoshop и Illustrator, также знакомство с Director (или аналогом), Quartz Composer (или аналогом), 3D-моделированием, моушен-графикой»

Инструменты: AfterEffects, Core Composer, Flash, Origami

UX Исследователь (Исследователь пользователей)

Цель UX исследователя – ответить на два вопроса: «Кто наш потребитель?» и «Что хочет наш потребитель?» Обычно в обязанности исследователя входит проведение интервью с пользователями, исследование маркетинговых данных и общий сбор аналитики. Дизайн – это процесс постоянного совершенствования. Исследователь может помочь в этом процессе, проводя A/B-тестирование, чтобы выявить, какое дизайнерское решение наиболее полно удовлетворяет потребительские нужды. UX-исследователь обычно – главная опора в больших компаниях, где доступ к огромному количеству информации дает ему достаточно возможностей, чтобы прийти к значимым заключениям.

Описание работы UX-исследователя в Facebook:

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

UX-дизайнеры периодически выполняют обязанности UX-исследователей.

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

Инструменты: микрофон, бумаги, документы

Внешний разработчик (UI-разработчик)

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

Инструменты: CSS, HTML, JavaScript

Дизайнер продукта

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

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

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

Описание работы продакт-дизайнера для Pinterest

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

Ищу дизайнера

Самая распространенная фраза, которую я слышу от молодых стартапов. Обычно они ищут того, кто мог бы делать все вышеперечисленное. Они ищут того, кто мог бы создавать красивые иконки, создавать лендинги, запускать A/B-тестирование, логично размещать элементы 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-исследования, дизайн-мышление и другие креативные методики как услугу, отдельный сервис, который можно заказать или нанять. «Мыслить как дизайнер» нельзя купить, надо начать. Всем =)», - говорит Алина Ермакова, начальник отдела аналитических исследований пользовательского взаимодействия в «Сбербанк-Технологии».