UX, UI, IA, IxD: в чем разница?

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

UX дизайн (дизайн пользовательского опыта)

Дизайн пользовательского опыта (UXD, XD или UED) - это процесс повышения удовлетворенности пользователей через улучшение доступности, удобства и удовольствия при взаимодействии пользователей с продуктом.

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

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

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

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

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

Необходимые инструменты: Axure, Mockplus, Sketch, UXPin и т.д.

UI-дизайн (дизайн пользовательского интерфейса)

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

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

Интерфейсные элементы включают следующее:

• Элементы управления вводом: выпадающие списки, кнопки, текстовые поля, кнопки независимой и зависимой фиксации, окна списков, поля даты, переключатели.

• Элементы навигации: слайдер, поле поиска, навигационная цепочка, нумерация страничек, теги и иконки.

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

• Контейнеры: аккордеон.

• Необходимые инструменты: Sketch, Illustrator, Photoshop, Fireworks и InVision.

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

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

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

Профессиональные требования к современному IA-специалисту:

• Опыт в документировании комплексных цифровых объектов (сайты, мобильные приложения, системные службы и программы).

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

• Владение Omnigraffle, Keynote, Axure, а также Visio и любыми иными программами, которые непосредственно связаны с IA.

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

• Уверенные навыки коммуникации (устной и письменной) и способность результативно сотрудничать с клиентами и организациями.

• Способность к анализу, креативность, трудолюбие, любопытство и заинтересованность в идеях и людях.

• Надежность, инициативность, мотивированность.

IxD (проектирование взаимодействия)

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

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

Описание работы IxD-дизайнера в компании Google:

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

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

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

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