Найпростіший спосіб побачити різницю – оформити замовлення. UX вирішує, скільки кроків є, що запитують на кожному кроці, що відбувається, коли картку відхиляють і чи може гість купувати без облікового запису. Інтерфейс користувача вирішує, як виглядатиме кожен крок: поля форми, стиль кнопки, колір повідомлення про помилку та невелика анімація після успішного платежу.
Дизайн UX починається ще до появи будь-якого екрана. Він включає дослідження користувачів, інтерв’ю, карти подорожей, інформаційну архітектуру, каркаси та тести зручності використання. Результатом часто є потік або прототип, а не готовий візуальний дизайн. Успіх вимірюється результатами: виконанням завдання, помилками, часом до завершення та чи повертаються люди.
Дизайн інтерфейсу користувача перетворює цю структуру на інтерфейс. Він охоплює візуальну ієрархію, інтервали, типографіку, колір, піктограми, компоненти та те, як кожен елемент поводиться в кожному стані: за замовчуванням, при наведенні, натиснутому, вимкненому, завантаженні та помилці. Рух також є частиною інтерфейсу користувача. Кнопка, яка реагує на натискання, або аркуш, який слідує за вашим пальцем, повідомляють людям, що продукт їх почув.
Ці двоє залежать одне від одного. Чіткий потік із заплутаними кнопками все ще не працює, а полірований екран поверх незрозумілого потоку все ще не працює. Ось чому більшість команд розглядають UI як частину UX, а не як окрему дисципліну, і чому багато оголошень про роботу вимагають і того, і іншого.
Якщо ви вирішуєте, що вивчати в першу чергу, почніть з основ UX (розуміння користувача та завдання), а потім вивчіть навички інтерфейсу користувача в таких інструментах дизайну, як Figma або Penpot. Далі йдуть дизайн взаємодії та руху, і саме тут підходять такі інструменти, як ExodeUI, який ми створюємо.