Перед создателями любых веб-интерфейсов — сайтов, приложений, программ — стоит приоритетная задача: разработать цифровой продукт, который упростит жизнь пользователю — будет удобным, практичным и интуитивно понятным. UX и UI – термины родственные и взаимосвязанные, но не тождественные. Между ними есть принципиальная разница.
UX (англ. user experience) — дословно означает «опыт пользователя». В более широком смысле это понятие включает в себя весь опыт, который получает пользователь при взаимодействии с вашим сайтом или приложением.
UX-дизайн отвечает за функциональность, адаптивность продукта и то, какие эмоции он вызывает у пользователей. Чем проще ваш интерфейс, тем проще пользователю получить результат и совершить целевое действие. Некоторые дизайнеры считают, что UX — это только про посещение сайта или работу с приложением. На деле же опыт пользователя этим не ограничивается. Например, если клиент оставил заявку, но не получил смс с подтверждением или звонок от менеджера, — это симптомы плохого UX. Если же пользователь легко и без преград сделал заказ, оплатил сервис или купил товар, — это положительный UX.
Сайт проектируется на основе потребностей пользователей и результатов тестирований. UX не ограничивается только визуальным интерфейсом сайта, он охватывает все возможные нюансы общения с пользователем:
- путь на сайте
- последовательность действий
- мысли и чувства
- общие впечатления
Взаимодействие человека с сайтом. Дизайн пользовательского интерфейса (UI) – это дизайн кнопок, полей ввода, форм заявки – всех точек взаимодействия пользователя с сайтом.
UI-дизайн (англ. user interface) переводится как «пользовательский интерфейс» — процесс визуализации прототипа, который разработали на основании пользовательского опыта и исследования целевой аудитории.
UI-дизайн включает в себя работу над графической частью интерфейса: анимацией, иллюстрациями, кнопками, меню, слайдерами, фотографиями и шрифтами. UI-дизайнер определяет цветовую палитру и расположение объектов в интерфейсе: удобно ли попасть пальцем по кнопке «Заказать», правильно ли работает выпадающее меню, удобно ли заполнять форму, хорошо ли читается текст со смартфона, какое сообщение выдает сайт при том или ином действии.
User Interface является инструментом User Experience. Так что эти понятия по факту зависят друг от друга и у них одна цель – сделать взаимодействие пользователя с сайтом удобным, приятным и запоминающимся.
Хороший интерфейс — это не хаотичное нагромождение блоков и кнопок, а логически выверенная работа по организации всех элементов сайта/приложения/программы. Эти задачи возлагают на плечи UX и UI дизайнеров. Первые планируют, как пользователи будут взаимодействовать с интерфейсом, и какие шаги нужно предпринять для того, чтобы создать максимально удобный и понятный продукт. UI-дизайнеры в свою очередь отвечают за визуальное воплощение задумки UX-архитекторов: кнопки, чекбоксы, цвета, шрифты — это сфера их компетенции.
Работая над созданием веб-продукта, сначала уделяют внимание аспектам UX, а затем UI. Потому что перед тем как придумывать оригинальные кнопки, играть со шрифтами и другими фишками, нужно четко понимать логику интерфейса и то, как пользователь будет переходить от одного действия к другому. То, что выглядит красиво, но не работает — является примером хорошего UI и плохого UX. То, что функционально, но визуально неприглядно — результат отличного UX и недоработанного UI.