Обучение ui/ux дизайну

Пять различий между UI и UX дизайном

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

Однако что из этого является UX, а что UI? Весь процесс изготовления – UX, а процесс раскладывания по тарелкам, а также подачи к столу — это UI.

А что насчет поедания? Это уже UX; помимо случаев, если это не UX. Получит ли потребитель какой-то другой опыт, если шоколадные пирожные будут поданы со сковородки или же красиво разложены на белой тарелке? Я бы сказал, да, последнее было бы намного предпочтительнее.

В данной статье я хочу поделиться с вами пятью главными отличиями между UI и UX дизайном. Надеюсь, что к ее окончанию, вы будете иметь о них лучшее представление. Сразу хочу сказать, что, хотя вы и заметите важные отличия – многие из них будут похожи друг на друга.

С данной оговоркой, давайте же взглянем на различия между ними.

Пять различий между UI и UX дизайном

UX – это не UI

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

Об UI, то есть дизайне пользовательского интерфейса можно думать следующим образом:

Дизайн пользовательского интерфейса = Дизайн взаимодействия + Визуальный дизайн.

Визуальный дизайн – это то, как интернет-ресурс выглядит, его личность; бренд.

Дизайн взаимодействия – то, как люди взаимодействуют с сайтом. Когда кто-нибудь нажимает определенную кнопку, изменяется ли она таким образом, чтобы дать понять, что нажата?

И хотя и UI, и UX дизайнеры создают взаимодействия, дизайнеров UX можно назвать архитекторами макровзаимодействий, а дизайнеров UI – создателями микровзаимодействий, которые занимаются деталями.

По словам известного дизайнера Ника Бабича:

«Лучшие продукты отлично справляются с двумя вещами: деталями и функциями. Функции – это то, что привлекает пользователей к вашему продукту, а детали – то, что их удерживает».

Дизайнер UX скорее будет создавать потоки пользователей, те шаги, которые предпримет пользователь, чтобы, допустим, подписаться на рассылку. Каким именно шагам они будут следовать, а также как они поймут, что все удалось?

Потом проект переходит дизайнеру UI, который усовершенствует данные взаимодействия подчеркивая оригинальный дизайн и добавляя цвет, давая им подсказки и показывая необходимое направление к новостной рассылке.

Пять различий между UI и UX дизайном

UX дизайн делает интерфейсы полезными. UI дизайн делает интерфейсы красивыми

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

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

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

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

Пять различий между UI и UX дизайном

UX дизайн помогает пользователям достигать нужных целей. UI дизайн создает необходимые эмоциональные связи

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

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

Согласно автору книги «Дизайн для эмоций», Аарону Уолтеру, когда основное юзабилити настроено, лояльность пользователей будет полностью зависеть от личности вашего интерфейса. Достаточно яркий дизайн сможет привлечь к вашему веб-ресурсу людей, они даже могут задержаться, в случае если там можно что-либо сделать. И когда сформируется личная связь они будут на крючке.

Заставляет ли ваш интерфейс людей смеяться? Сильно ли цепляет он их?

Аарон Уолтер говорит: «Люди простят все ваши недостатки, обязательно последуют за вами, если вы их наградите положительными эмоциями.» Вот здесь вступает дизайнер UI.

Пять различий между UI и UX дизайном

Вначале создается дизайн UX. После (иногда) создается UI дизайн

Как UI и UX дизайнеры работают вместе в течение всего процесса проектирования ?

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

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

Тем не менее, данный путь не всегда линеен, он зависит от множества факторов. К примеру:

  • Кто занимается UI и UX?
  • Один и тот же человек, или же кто-нибудь другой, другая команда?

Пять различий между UI и UX дизайном

UX применяется во всех продуктах, услугах и интерфейсах. UI относится исключительно к интерфейсам

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

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

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

Пять различий между UI и UX дизайном

Выводы

Отделить UI от UX или UI от UX практически невозможно.

Однако если постараться, то можно заключить, что:

  • Дизайн UX помогает пользователям выполнять всяческие задачи в среде различных услуг и платформ.
  • Дизайн UI создает эстетичные и привлекательные интерфейсы, которые соединяются с пользователями.

Перевод

Понравилось? Расскажите друзьям:






Комментарии:

(напишите, что вы думаете об этом)