Чем отличается UX от UI

31 марта 2015

Сразу договоримся, что UX от UI — не синонимы. Это, если хотите, — разные стороны одной монеты.

В общих чертах

User Experience — опыт взаимодействия пользователя с устройством или приложением.

User Interface — пользовательский интерфейс, посредством которого это взаимодействие происходит.

Все перечисленные понятия тесно связаны и, так или иначе, переплетаются при создании дизайна приложения. Поэтому возникает двусмыслица. Очень часто эти понятия путают между собой или с другими, например, User Experience с Usability.

Usability (удобство использования) — это и часть, и следствие UX-дизайна.

Также UX и UI — это разные области дизайна, которые не существуют друг без друга.

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

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

Иными словами, результат UI мы видим, UX — понимаем. От всего вместе — ощущаем удобство использования.

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

UX-дизайн

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

Да, если взаимодействие позитивное, о нём не говорят, потому что это воспринимается как должное. В противном случае — сразу прокомментируют.

Пять уровней User Experience Джесса Гарретта

1. Определение стратегии проекта (задачи бизнеса и пользователя).

2. Работа над определением всех нужных функций приложения или сайта.

3. Проектируется информационная архитектура и общее построение приложения.

4. Компоновка и прототипирование страниц.

5. Проработка блоков каждой страницы и расстановка акцентов на информации.

User Experience решает такие задачи, как:

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

UI-дизайн

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

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

User Interface — это визуальная реализация User Experience. Все, что заложено в приложении на этапе разработки UX, пользователь воспринимает в том виде, который отображен посредством UI.

Задачи User Interface:

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

В целом работа над UX-дизайном более обширная, а над UI-дизайном — не менее важная.