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

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

© Плутанина, Корній Чуковський


На сайтах про пошуках роботи, 99% вакансій із заголовком «UI/UX Designer» містять тексти про інтерфейси, сценарії використання та дизайн. Хто був першоджерелом цього складно сказати, але UI і UX мають досить мало спільного.

Star Wars

Хотілося б дати в руки колегам хорошу палицю аргументацію для розширення їх можливостей, ну і взагалі, розібратися, що є що…

Це скрізь
Треба прямо сказати, що плутанина з 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, це, напевно, один з ключових елементів.

Емпатія

Література

Джерело: Хабрахабр

0 коментарів

Тільки зареєстровані та авторизовані користувачі можуть залишати коментарі.