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

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

Игорь Зельманов
Директор ГИПЕРИОН

Было бы неплохо в такой основополагающей статье сразу расшифровать – что такое «UX» в «UX Design Defined»? Что за ух-дизайн? Не все знают это сокращение.

Можно сослаться на Википедию: User experience (UX) is the way a person feels about using a product, system or service. Или в русской версии: Опыт взаимодействия (англ. User Experience, UX) — это ощущения, возникающие у человека при непосредственном взаимодействии с объектами окружающего мира. В более узком смысле, опыт взаимодействия характеризует личное восприятие человеком функциональных и эмоциональных характеристик продукта или услуги в процессе использования.

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

Информационная архитектура (ИА) фокусируется на организации данных — то есть на том, как информация структурирована с точки зрения пользователя, в отличие от системного или технического взгляда.

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

Информационная архитектура (ИА) фокусируется на организации данных.

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

Информационная архитектура также занимается применением уже существующих таксономий в новых разработках. Таксономии могут быть специальными (например, классификация товаров конкретного розничного продавца), или стандартными, как, например, Список категорий британского местного самоуправления (LGCL) (Единая структура для сайтов органов местного самоуправления в Великобритании. Список был разработан для того, чтобы пользователям было легче ориентироваться и находить нужную информацию на всех ресурсах. Структура включает, к примеру, такие категории как: «Ведение бизнеса», «Образование», «Здравоохранение и социальное обеспечение» — и так далее. Прим. перев.) Забота о том, чтобы навигационная панель слева на странице была достаточно широкой, чтобы вместить все составляющие какой-либо таксономии — тоже часть компетенции ИА.

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

Игорь Зельманов
Директор ГИПЕРИОН

Опять используются аббревиатуры из области проектирования информационных систем без объяснения и расшифровки. ER-моделирование - модель сущность-связь (ER-модель) (англ. entity-relationship model, ERM) — модель данных, позволяющая описывать концептуальные схемы предметной области.) Непонятно, на кого рассчитана статья? На «своих», которым терминология знакома? Или на «чайников» - потребителей, заказчиков информационных систем?

Проектирование взаимодействия

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

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

Игорь Зельманов
Директор ГИПЕРИОН

Очень полезная статья! Полез в википедию, узнал новое слово – «аффорданс» (возможности, предоставляемые объектом для совершения с ним каких-либо действий)

Визуальный дизайн

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

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

Игорь Зельманов
Директор ГИПЕРИОН

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

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

Исследование юзабилити

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

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

Для того чтобы проводить исследования, специалисты по юзабилити должны владеть навыками анкетирования и интервью, оптимизации тестирования и использования специального ПО — например, «Morae». Лучшие проектировщики юзабилити обладают базовыми знаниями по статистике, что позволяет им применять различные статистические приемы и методы тестирования к количественным результатам исследования. Они могут быть знакомы с соответствующими стандартами — например, с ISO 9241 и Common Industry Format for Usability Testing (ANSI/NCITS 354-2001)(Промышленный стандарт тестирования юзабилити. Прим. перев.)

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

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

Игорь Зельманов
Директор ГИПЕРИОН

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

UX дизайн

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

Так что же такое UX дизайн?

Примерно в 2000 году Мелисса Купер опубликовала статью, которая, судя по всему, больше не доступна онлайн, к сожалению. Она проводила аналогию между архитектором UX (в 90-хэто был более распространенный термин, чем UX дизайнер) и обычным архитектором, который проектирует здания. Я адаптировал и расширил её аналогию, чтобы сделать её более понятной и современной, а также чтобы поделиться своим видением. Итак, проектируя новый дом:

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

Как справляться с пересечением функций и их конфликтом

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

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

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

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

Необходимые навыки UX дизайнера

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

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

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

Визуальный дизайн и UX дизайн

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

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

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

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

Исследование юзабилити и UX дизайн

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

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

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

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

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

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

Профиль UX дизайнера

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

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

Во время своей работы по подготовке и обучению старших UX дизайнеров с опытом работы в крупных корпорациях, я часто прошу их оценить себя по шкале от 1 до 10 в каждой из этих сфер, чтобы они могли определить свой UX профиль. При этом я объясняю, что, к примеру, «10» в юзабилити означает, что вы опубликовали более 20 исследований в этой области в ведущих международных изданиях, скажем, в Journal of usability Studies (JUS). «10» в визуальном дизайне означало бы, что вы возглавляли работу над визуальным дизайном чего-то настолько же значительного, как пользовательский интерфейс iPad. «10» в области информационной архитектуры может означать, что вы возглавляли проектировку навигационной схемы eBay. «10» в проектировке взаимодействия значит, что созданная вами экспертная программа может успешно провести пользователей через весь процесс онлайн возврата налогов Великобритании в 90% случаев! «6» в любой из этих областей означает, что вы достаточно квалифицированы, чтобы взять на себя эти роли в крупном коммерческом проекте.

Может, вам стоит уделить немного времени определению своего UXD профиля?

Благодарности

Огромное спасибо Мелисе Купер за вдохновение на написание этой статьи, доктору Дэвиду Тревису из Userfocus за его отзыв на первые черновики и Пабини Габриел-Петит за её помощь в редактировании этой статьи.

Оригинал: http://www.uxmatters.com/mt/archives/2012/06/ux-design-defined.php

Владислав Головач

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

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

Иво Димитров
Исполнительный директор компании в Ingenius Systems

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

Павел Гертман
Юзабилити Эксперт в Luxoft

Чрезвычайно нудная статья. Не бесполезная, нет. Хорошо, что про UX design пишут. Хорошо, что по-русски будет ещё одна попытка разобраться. Автору и переводчику уважительно кланяюсь за обстоятельность. Я бы так не смог.

Увы, тема раскрыта поверхностно. Новая специальность задаётся через ряд старых и метафоры-аллегории. И..? «Куда ставить-то?»

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

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