Самый простой способ увидеть разницу — оформить заказ. UX решает, сколько шагов будет, что запрашивается на каждом этапе, что происходит, когда карта отклоняется и может ли гость совершать покупки без учетной записи. Пользовательский интерфейс решает, как будет выглядеть каждый шаг: поля формы, стиль кнопок, цвет сообщения об ошибке и небольшая анимация при успешном платеже.
UX-дизайн начинается еще до появления экрана. Он включает в себя исследования пользователей, интервью, карты путешествий, информационную архитектуру, каркасы и тесты удобства использования. Результатом часто является поток или прототип, а не законченный визуальный дизайн. Успех измеряется результатами: завершением задачи, ошибками, временем завершения и тем, возвращаются ли люди.
Дизайн пользовательского интерфейса превращает эту структуру в интерфейс. Он охватывает визуальную иерархию, интервалы, типографику, цвет, значки, компоненты и то, как каждый элемент ведет себя в каждом состоянии: по умолчанию, при наведении, нажатии, отключении, загрузке и ошибке. Движение также является частью пользовательского интерфейса. Кнопка, которая реагирует на нажатие, или лист, который следует за вашим пальцем, сообщают людям, что продукт их услышал.
Эти двое зависят друг от друга. Четкий интерфейс с запутанными кнопками по-прежнему терпит неудачу, а полированный экран поверх запутанного интерфейса по-прежнему терпит неудачу. Вот почему большинство команд рассматривают пользовательский интерфейс как часть UX, а не как отдельную дисциплину, и почему во многих объявлениях о вакансиях просят и то, и другое.
Если вы решаете, что изучать в первую очередь, начните с основ UX (понимания пользователя и задачи), а затем изучите навыки пользовательского интерфейса в таких инструментах проектирования, как Figma или Penpot. Далее идут интерактивный и моушн-дизайн, и именно здесь нам подойдут такие инструменты, как ExodeUI, которые мы создаем.