Дихотомия UI и UX: UI-дизайнер ≠ UX-дизайнер

Кому велено чирикать — не мурлыкайте!
Кому велено мурлыкать — не чирикайте!

(с) Путаница, Корней Чуковский


На сайтах о поиске работы 99% вакансий с заголовком “UI/UX Designer” содержат тексты про интерфейсы, сценарии использования и дизайн. Кто был первоисточником этого сложно сказать, но UI и UX имеют довольно мало общего.

Star Wars

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

Это везде


Надо прямо сказать, что путаница с UI и UX происходит во всём мире и это волнует уже довольно многих. Например, знакомитесь вы с человеком, который представляется, что он специалист по UI/UX. Поскольку четкого понимания нет, кто есть кто, то наступает неловкий момент…

Формула


Дошло до того, что в Долине специалистов по UI начали называть Digital Product Designer, а специалистов по UX (иногда) — Product Manager.

История


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

Задумка


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

Где UI, где UX


Согласно определению Нормана, UX отвечает за все аспекты взаимодействия пользователя с компанией, что, разумеется, включает и пользовательский интерфейс (UI). Но так получилось, что на этом аспекте специализируются профессионалы по UI и получилась некая мешанина.

Важно то, что кроме взаимодействия через UI, клиент взаимодействует с компанией еще множеством способов и вот за все эти (оставшиеся) способы уже отвечает UX.

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

Примеры


Ресторан


Когда вы входите в ресторан, то обращаете внимание на интерьер, сервировку стола, оформление меню, свет, музыку, и т.д. Это всё — UI — т.е. всё с чем клиент взаимодействует непосредственно.

UX отвечает за скрытую часть: сколько мест должно быть на парковке, стоимость блюд, количество официантов, время готовности заказа, и т.д.
Овсянка
Согласитесь, стоимость и время ожидания заказа очень сильно влияют на ваши впечатления (на ваш опыт взаимодействия). Но для подбора цены, надо провести сегментацию пользователей — сколько целевая аудитория готова платить. Чтобы оценить приемлемое время ожидания, надо выполнить конкурентный анализ и сравнить время ожидания в соседних ресторанах. В идеале на парковке должны быть всегда свободные места, но для этого надо спрогнозировать пропускную способность ресторана и среднее время пребывания гостей. Это всё UX.

  • UI отвечает за эстетику и комфорт
  • UX отвечает за внутреннюю кухню, которая (косвенно) влияет на впечатление клиента

E-commerce проект


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

  • Кто целевая аудитория
  • Какую тональность общения с ней выбрать
  • Какую ценность компания может предоставить клиенту по сравнению с конкурентами
  • Какой выбрать диапазон цен
  • Как и где привлекать клиентов
  • Чем удерживать клиентов

Когда стала понятна аудитория, понятен её эмоциональный фон, что она хочет, чего не хочет…, тогда можно приступать:

  • Wireframing
  • Prototyping

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

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

  • UI занимается всем с чем взаимодействует пользователь напрямую
  • UX отвечает за понимание пользователя и за выстраивание всех процессов, которые ведут к взаимодействию с пользователем

Новый дом


Предположим, вы проектировщик дома. В первую очередь, вы обсуждаете с клиентом UX-вопросы:
The Death Star
  • Из какого материала будет построен дом (с точки зрения звуко/шумоизоляции)
  • Количество окон в каждой комнате
  • Сколько детских проектировать
  • Как часто будут гости — величина гостиной и количество спален
  • Должны ли располагаться ванные в коридоре или в каждой спальне
  • Расположение точек Wi-Fi
  • И т.д.

После этого, вы приступаете к UI-вопросам:

  • Какая должна быть облицовка дома
  • В какой цвет должны быть выкрашены стены
  • Общая стилистика внутреннего декора
  • Из какого материала должна быть мебель
  • Световое оформление

UX отвечает за здравый смысл — чтобы людям «с закрытыми глазами», всё равно было комфортно в доме. UI отвечает за эффект, который вы получаете от того что вы видите, от тактильных ощущений до запахов.

Итого в примерах


UX связан с пониманием пользователя в самом широком смысле этого термина. UX просчитывает все возможные маршруты взаимодействия клиента с компанией/продуктом/сервисом.

Этим знанием (в виде Storytelling, Wireframing, Prototyping) он делится со своими коллегами, в том числе с экспертом по UI. UI отвечает за те места в проекте, где происходит непосредственный контакт компании/проекта/сервиса с пользователем.

Что не затрагивает UX


Все вы, вероятно, знаете схему бизнес-модели от Остервальда:

Канва Остервальда


Для нас важны те пункты, от которых зависит UX:

  • Ценность предложения
  • Отношения с клиентами
  • Клиентские сегменты
  • Источники доходов

Остальные пункты вне зоны нашей компетенции.

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

Заключение


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

P.S.

Забыл. На мой взгляд UI и UX объединяет эмпатия. Чтобы понять пользователя одного анализа бывает далеко недостаточно. Ну а в мире UI, это, наверное, один из ключевых элементов.

Эмпатия


Литература


  • UX Strategy. How to Devise Innovative Digital Products that People Want (ссылка)
  • What’s the difference between UI and UX? (ссылка)
  • The Difference Between UX and UI Design-A Layman’s Guide (ссылка)
  • +13
  • 13,8k
  • 9
Поделиться публикацией

Комментарии 9

    +2
    Можно заменить UI на «отдел продаж», а UX на «отдел маркетинга»… :)
    По этим терминам аналогичная путаница.
      0
      В примере с домом, кстати, «материалы из которых сделана мебель» это и UI и UX, ибо от материала зависит и то, как будет диван выглядеть, и твои ощущения когда ты сядешь на него в одних трусах.
      Именно поэтому, на мой взгляд, такой прям уж четкой и однозначной границы между UI и UX нет.
        +1
        Тактильные, зрительные, слуховые ощущения — то с чем пользователь взаимодействует непосредственно — это всё UI. А вот если мы пофантазируем и будем считать, что делаем дом для Бэтмена, то добавим в дом систему поставки боеприпасов. Тогда спецу по UX надо будет думать, как её настроить, чтобы в доме всегда были разнообразные и правильные предметы огневого подавления противника. От этого будет зависеть насколько будет удачен опыт взаимодействия Бэтмена с домом и как следствие… жизнь эксперта по UX. Тяжелая у нас работа!
          0
          И все равно к обивке дивана.

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

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

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

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

          Я это все к чему, с заголовком статьи согласен, UI-дизайнер≠UX-дизайнер, но UX-дизайнер = UI-дизайнер.

          Важно то, что кроме взаимодействия через UI, клиент взаимодействует с компанией еще множеством способов и вот за все эти (оставшиеся) способы уже отвечает UX.

          Как раз таки не за оставшиеся, а вообще за все, включая UI. Если UI дизайнер просто нарисует красивый сайт, то UX дизайнер сделает то же самое, с оглядкой на ЦА, технические-средства и т.п., а потом еще пользовательский тест устроит и сделает красивый сайт божественно-красивым (утрирую ясное дело).

          Как-то так это лежит в моей голове и почему-то по-другому не укладывается, UI-дизайнер — демоверсия UX-дизайнера.
            0
            Представьте UX это больше снабженец, UI это больше строитель. Да, UI может перейти в UX и наоборот. Но конечные задачи у них разные.
              0
              UI-дизайнер≠UX-дизайнер, но UX-дизайнер = UI-дизайнер

              UI-дизайнер — демоверсия UX-дизайнера.


              По-моему, самые точные определения. Действительно сложно найти грань.
          +1
          Я вот не могу понять.
          Если говорить что «UX — это все аспекты взаимодействия конечного пользователя с компанией, её услугами и продукцией», то чем тогда занимается отдел маркетинга и PR? Или UX это тот же маркетолог только по хипстерски по современному? Если нет, то тогда мне реально интересно какую КОНКРЕТНО работу выполняют маркетологи?
            0
            Это хороший вопрос, потому что размер статьи не позволяет осветить вот такие нюансы.

            1. Неоднозначность понятия «маркетинг»

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

            2. Маркетинг vs UX

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

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

            3. PR vs UI

            Отметим, что PR — это часть маркетинга. Как и выше, маркетинг проводит сегментацию пользователей и делится этой информацией с PR и UI (UX также обеспечивает UI «своей» информацией)

            — PR используют эту информацию, чтобы формировать образ/бренд/имидж компании через СМИ, рекламу, мероприятия, совместные акции, и т.д.
            — UI использует эту информацию, чтобы формировать сам продукт с точки зрения непосредственного восприятия клиента. В примере с рестораном, PR не занимается музыкальным и световым оформлением зала — это UI. В примере с e-commerce, PR не занимается интерфейсами процесса оформления заказа — это UI.

            Как-то так :)
            0
            Не зря же на фриланс биржах мы видим много тем: Требуется UI/UX дизайнер. В этом есть свой смысл. Все дизайнеры, так или иначе учитывают опыт взаимодействия и логику действий создаваемого дизайнером продукта, просто ранее этим никто не заморачивался и это было просто нормой, а сейчас этот опыт взаимодействия обозвали модной аббревиатурой UX, а визуальное оформление модной аббревиатурой UI, но по сути своей ничего ровным счетом не изменилось, кроме того что маркетолога теперь нужно называть UX-экспертом, даже звучит гордо, а обычного дизайнера UI-дизайнер, звучит даже по экзотически. Вот подходишь ты к девушке, заводишь разговор, слово за слово, и говоришь мол ты UI/UX-дизайнер, а она сразу, — ВАУ, вот это круто. — А что это?

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

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

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

            Самое читаемое