UX против UI: в чем большая разница?

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

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

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

Чтобы лучше понять разницу между UX и UI, давайте начнем с примера: YouTube.

Просто выполните поиск на домашней странице YouTube. Все видимые факторы на веб-сайте являются функцией дизайнера пользовательского интерфейса. Это включает в себя панель поиска вверху, выбор шрифтов и оттенков, интервалы между фильмами, брендинг, панель «Подписки» слева и все остальное, что вы можете видеть или с чем взаимодействовать на сайте. Эстетический выбор, который формирует внешний вид сайта, а также способ представления фактов, охватываются пользовательским интерфейсом. Тем не менее, когда мы принимаем во внимание, какую информацию отображать в первой области и как продукт или услуга функционирует при взаимодействии с пользовательским интерфейсом, мы начинаем входить в область UX.

Рассмотрите каждое онлайн-видео на YouTube, на которое вы нажимаете сотни раз. Представьте, что вы ищете «кошки», и почти ничего не приходит. Подумайте о том, что вы просто не можете искать по имени пользователя, поэтому вам трудно найти ту девушку, которая спела акустическую версию вашей любимой песни Lizzo.

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

Когнитивист Дон Норман, который первоначально
придумал фразу UX в 1990-х, а Якоб Нильсен, соучредитель
Nielsen Norman Group описывает
разница между UX и UI таким образом:

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

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

Теперь давайте более подробно определим UX и UI, чтобы еще больше прояснить различие между ними.

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

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

В первую очередь, UX-дизайнер должен будет ответить на вопрос: «Как продукт моей компании может наиболее эффективно удовлетворить потребности наших пользователей?»

Что же остается делать UI-дизайнеру?

Вы когда-нибудь посещали сайт и представляли себе: «Вау, этот бизнес потрясающий и предлагает хорошие продукты, но что меня привлекло, так это интуитивно понятная и современная структура их веб-сайта?»
Это в основном из-за их дизайнера пользовательского интерфейса.

Теперь, когда мы изучили UX и UI по отдельности, давайте посмотрим, как они работают вместе.

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

С помощью этих сведений она определит основные функции приложения («необходимо проверить количество сердечных сокращений и пробег») и проверит
подробное описание персонажей для создания карты веб-сайта и первого прототипа.

Оттуда UX-дизайнер создаст каркасы, которые он проверит, улучшит и превратит в макеты. Затем UX-дизайнер проведет анализ и доработает решение для рынка. На всех этапах UX-дизайнер концентрируется на структуре и преимуществах элемента, а также на том, насколько этот элемент соответствует или не соответствует желаниям пользователя.

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

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

Дизайнеру пользовательского интерфейса предлагаются все эти ограничения — ей объясняют, что приложение должно включать и исключать, и как оно будет работать. Используя эти ограничения в качестве ориентира, она создает интерфейс, интуитивно понятный в использовании и материализующий все потребности пользователей на экране.

Вы не можете создать экстраординарное решение без UX и UI в равной степени. Без UX-дизайнера YouTube выглядел бы красиво и приятно, но совершенно непригоден для использования. И без дизайнера пользовательского интерфейса YouTube был бы потрясающей стратегией в идее, но был бы сложным и запутанным для навигации на экране.

Примечание редактора: эта статья была первоначально опубликована в июне 2018 года и обновлена ​​для обеспечения полноты.

{slideInCta('4bf6af99-b34d-4c32-bac3-5950cf96059d')