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

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

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

Типичный рабочий день включает в себя:

работу над приоритетными задачами (проектирование, отрисовка);
общение с заказчиком;
внесение правок.

Преимущества и недостатки

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

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

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

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

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

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

Еще один плюс - возможность работать удаленно ( 20% всех дизайнеров), большой выбор проектов на фрилансе.

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

«В 80-90% случаев приходится работать без ТЗ с требованиями типа: «Сделай мегакрасиво и мегаконфигурируемо».

«Недостатком профессии считаю отношение к дизайну и дизайнерам в Украине. Почему-то все считают, что если они когда-то открывали Фотошоп, то автоматически могут быть дизайнерами и самостоятельно решать, сколько времени уйдёт на дизайн. Особенно этим грешат неопытные менеджеры и программисты (один менеджер из новичков утверждал, что сделал бы задачу за 30 минут в Пейнте, но у него нет времени на художества)».

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

«Минусы - как и во всем ИТ - сидячая работа, страдающие глаза и иногда заказчик, которому надо сделать белый #ffffff еще белее:)»

Как стать и куда двигаться дальше

Первый и главный навык по части UI - освоить графический редактор. Самый востребованный инструментарий - Adobe Photoshop, Sketch, Principle, Adobe Illustrator, After Effects. Для начала можно попробовать перерисовать скриншоты любого мобильного приложения или сайта. Но не просто скопировать (хотя и это нужно уметь), а заметить какое-то неудобство и предложить решение, как сделать лучше.

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

Изучение UX можно начать со знакомства с методологией, почитав книги Нильсена Нормана, Алана Купера, Джефа Раскина, Стива Круга, Алистера Коберна. Более прикладная литература - «The User Experience Team of One: A Research and Design Survival Guide» Leah Buley.

«В современном мире возможностей для реализации множество. Я покупал и продолжаю покупать онлайн-курсы на таких платформах, как Coursera, Udemy, Edx. Смотрю онлайн-конференции от Adobe, Google, читаю техническую литературу, анализирую работы на Dribbble , Behance , Awwwards ».

«UX/UI дизайнеру надо изучить классику пользовательского интерфейса: „Не заставляйте меня думать“ Стива Круга, „Дизайн привычных вещей“ Нормана, читать Люка Вроблевски. Необходимо постоянно практиковаться, ставить себя на место пользователя. Найти ментора, который будет указывать на ошибки, давать советы и способствовать росту».

Начать карьеру можно с фриланса на различных англоязычных платформах, также будет полезно испытать свои навыки на чемпионатах, например, Dev Challenge . Это поможет наработать портфолио.

UX и UI навыки и компетенции ()

Из личных качеств важны:

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

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

Возможные карьерные пути UX/UI дизайнера:

совершенствоваться как дизайнер, повышать рейт (если фрилансер);
осваивать смежные направления, развиваясь как дизайнер продукта, VR дизайнер, VFX дизайнер, Game дизайнер;
дорасти до позиции Арт-директора (Head of Design);
развиваться как , если хочется переключиться с дизайна на управление продуктом в целом;
стать , если интересно координировать людей;
заняться , если больше интересен технический аспект;
освоить программирование и стать UI-разработчиком;
попробовать себя в маркетинге или .

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

Благодарю за помощь в написании статьи Юлию Бондаренко , Максима Паливоду , Марину Поповиченко и 25 других украинских дизайнеров, которые рассказали DOU о своей должности. Приведенные в статье цитаты взяты из их рассказов.

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?

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

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

UX дизайн (UX design )

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

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

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

Основные вопросы, решаемые UX дизайном:

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

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

UI дизайн (UI design)

User Interface Design или пользовательский интерфейс - это более узкое понятие, включающее в себя определенный набор графически оформленных технических элементов (кнопки, чекбоксы, селекторы и другие поля). Его задача - помочь пользователю организовать взаимодействие с программой/сайтом. На сегодняшний момент существуют некоторые правила UI дизайна :

Организованность элементов интерфейса. Это означает, что они должны быть логически структурированы и взаимосвязаны.
Группировка элементов интерфейса. Подразумевает объединение в группы логически связанных элементов (меню, формы).
Выравнивание элементов интерфейса . Сложно представить, что плохо выровненный интерфейс может быть для кого-то удобным!
Единый стиль элементов интерфейса. Стилевое оформление играет не последнюю роль, ведь именно оно сохраняется в памяти пользователя.
Наличие свободного пространства. Это позволяет разграничивать информационные блоки, сосредотачивая внимание на чем-то одном.

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

Информационная архитектура (ИА)

Отдельно хотелось бы сказать пару слов об Information Architecture (IA ) . Ее деятельность сфокусирована на организации данных, то есть насколько информация является структурированной с точки зрения пользователя, а не технических или системных правил. Она определяет размещение элементов на странице, связь самих страниц. Компетенция ИА - это скорее меню и навигация и их грамотное внедрение.

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

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.