Чем ux отличается от ui: Что такое UX/UI-дизайн и как попасть в эту профессию / Skillbox Media

в чем разница — Дизайн на vc.ru

Ольга Сорока, Янина Ноэль

104 311 просмотров

Фото Charles Deluvio

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

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

В то же самое время оба эти элемента имеют решающее значение для конечного результата и не могут существовать друг без друга. В общих чертах, UX Design или User Experience Design — это аналитическая и техническая область разработки, в то время как UI Design или User Interface Design — то, что мы иногда ошибочно называем графическим дизайном. Хотя, на самом деле, все гораздо сложнее.

Представим, что наш будущий продукт — это дом. Фундамент, каркас, опоры и балки в нем — это программный код, который придает ему структуру и не дает развалиться на части. Стены, комнаты, дверные и оконные проемы — это измерение UX, оптимизация пространства для его максимально комфортного использования. И User Interface — это уже отделка стен, ламинат или кафель, все что создает внешний вид нашего дома и его уют для пользователей.

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

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

Фото Charles Deluvio

User experience — это процесс определения проблем пользователя и решение этих проблем с целью повышения его удовлетворенности. Улучшение удобства использования, простота использования и удовлетворение, которое клиент получает при взаимодействии с продуктом, определяют качество и востребованность этого продукта.

Вы не замечаете результат работы UX дизайнера, пока все работает хорошо. Но если при работе с продуктом вы начинаете задаваться вопросом “Что же делать дальше, чтобы решить мою задачу?”, то вам попался плохой UX.

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

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

Разберем основные задачи UX дизайнера

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

Фото Charles Deluvio

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

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

Итак, подведем итоги:

• User experience design — это процесс проектирования и улучшения качественного взаимодействия между пользователем и приложением.
• UX дизайнер занимается процессом исследований, тестирования, разработки, контента и прототипов, чтобы проверить качество результатов.
• UX является нецифровой практикой, но используется и определяется преимущественно цифровыми индустриями.

UI делает интерфейс красивым

Фото Charles Deluvio

User Interface Design — это посредник между девайсом и человеком. Это не только внешний вид, но и интерактивность продукта.

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

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

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

Визуальный дизайн — это индивидуальность продукта. Он руководит ключевыми элементами, которые вызывают доверие к бренду.

На основании опыта в EGO Creative Innovations мы можем отметить, что основные задачи UI дизайнера включают:

• Сторитейлинг. Для UI дизайнера очень важно понимать, как человеческий мозг реагирует на определенные визуальные сигналы. Например, показать пользователю что картинка, на которую они смотрят, это еще и кнопка, на которую можно нажать и получить дополнительную информацию. Задача UI дизайнера помочь пользователю правильно использовать приложение, опираясь на его визуальные элементы, и при этом используя как можно меньше слов.
• Графика и анимации. Иллюстрации, различные графические элементы и плавные переходы создают ощущение особенности и уникальности. Помимо этого, дизайнеры пользовательского интерфейса могут быть задействованы в разработке логотипа, брендинга и других маркетинговых элементов для поддержания целостности образа продукта.
• Отзывчивость. UI прототипирование, анимации и адаптивность — это те аспекты, которые обеспечат максимальный комфорт использования продукта на любых девайсах.

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

Фото Charles Deluvio

Подведём итоги:

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

На чем фокусируются дизайнеры UI и UX?

Фото Charles Deluvio

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

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

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

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

🎨📊 В чем разница между UI и UX. Детальное сравнение

В чем разница между UI и UX?

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

UX (User Experience) – это анализ предпочтений пользователей ресурса и превращение его в продукт. UI (User Interface) делает этот продукт эстетически приятным. Для лучшего понимания возьмем простой пример:

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

Что такое дизайн пользовательского интерфейса и чем занимается UI-дизайнер?

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

Работа UI-дизайнера начинается там, где заканчивается работа UX-дизайнера – на этапе прототипирования. Он берет каркас и делает его эстетически привлекательным и оптимизированным для разных размеров экрана.

Рассмотрим типичные задачи UI-дизайнера:

1. Разработка макета продукта и всех визуальных элементов пользовательского интерфейса, включая цвета, шрифты, значки, кнопки и многое другое.
2. Брендинг и графическая разработка: UI тесно связан с позиционированием бренда продукта в целом. Дизайнеры должны найти правильный баланс между удобством использования и последовательной демонстрацией идентичности бренда, установленной маркетинговой службой.
3. Чтобы обеспечить согласованность продукта и бренда, дизайнеры создают руководства по стилю. Это своего рода библиотеки шаблонов и компонентов, в которых подробно описывается, как должен выглядеть каждый элемент (цвет, шрифт и т. д.).
4. Адаптация макета ко всем устройствам, платформам и размерам экрана как по форме, так и по функциям.
5. Разработка анимационных переходов или других интерактивных элементов

Что такое UX-дизайн и чем занимается UX-дизайнер?

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

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

Давайте рассмотрим типичные задачи UX-дизайнера:

1. Создание стратегического плана и согласование его со всеми заинтересованными сторонами.
2. Информационная архитектура. Сделать все так, чтобы помочь людям найти необходимую информацию и достичь своих целей.
3. Создание пользовательского потока: общение с целевой аудиторией и выяснение их потребностей.
   
4. Разработка каркаса будущего интерфейса. Его можно создать в цифровом виде или даже нарисовать на бумаге.
   
5. Тестирование. Это лучший способ для UX-дизайнера узнать, правильно ли он выполняет свою работу?
   

Тесное взаимодействие. Специфика работы

Источник: maze.co

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

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

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

Постоянный анализ потребностей

Исследование интересов потребителя – необходимая мера в процессе проектирования интерфейсов. Чтобы продукт был успешным, нужно собрать как можно больше информации о желаниях и предпочтениях вашей аудитории.

Для этого можно:

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

Где можно детально узнать о UX и UI?

Если вы начинающий дизайнер и ищете вдохновения для входа в профессию, рекомендуем начать с культовой книги Дона Нормана «Дизайн привычных вещей». Ссылка на фрагмент книги (.fb2).

Это книга стала библией для нескольких поколений дизайнеров и не теряет актуальности и по сей день. Речь в ней идет не о цифровом дизайне, а о наборе хороших практик построения визуала в сжатом виде. Издание изобилует многочисленными примерами и рекомендациями от признанных светил в этой области (в том числе Джеффа Этвуда, соучредителя StackOverflow). Представленные тут концепции имеют широкий спектр применения в любой отрасли.

Больше полезных материалов вы найдете на нашем телеграм-канале «Книги для программистов»

Интересно, перейти к каналу

Должны ли вы беспокоиться о разнице между UX и UI?

Границы между UI и UX – размыты и их роли постоянно переопределяются. Это неточная наука. Ведь еще несколько десятков лет назад всех специалистов, создававших внешнее оформлению и структуру сайтов и приложений, называли веб-дизайнерами. Сейчас индустрия повзрослела и в сообществе разработчиков стали широко обсуждаться более конкретные термины, а также различия между ними. Стали появляться новые, более специализированные профессии: UX Writer, Content Designer и Interaction Designer. Прогресс не стоит на месте и угнаться за последними тенденциями порой сложно. Одно можно сказать наверняка, что хороший специалист должен знать, что нужно пользователю и как это реализовать.

***

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

Материалы по теме

• 🛠 ТОП-10 инструментов дизайнера UX/UI, актуальных в 2021 году
• 🎥 30 лучших YouTube-каналов по UX/UI
  
• 🖥 Почему я повернул экран на 90° и вы тоже должны это сделать
  

UI против UX | Разница между UI и UX

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

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

Люди часто используют эти термины взаимозаменяемо, а иногда и неправильно. Если вы когда-нибудь задавались вопросом: «Что такое UI, что такое UX и в чем между ними разница?» сегодня мы углубимся в UI и UX, чтобы лучше понять различия между ними.

Содержание

• Что такое пользовательский интерфейс?
• Что такое UX?
• В чем разница между UI и UX?
• экспертов по UI/UX весят

Что такое пользовательский интерфейс?

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

Краткая история пользовательского интерфейса

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

К 1980-м годам компьютерщики из Xerox PARC разработали первый графический интерфейс пользователя (GUI). Благодаря этому революционному нововведению пользователи теперь могли взаимодействовать со своими персональными компьютерами, визуально отправляя команды с помощью значков, кнопок, меню и флажков.

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

К 1984 году компания Apple Computer выпустила персональный компьютер Macintosh с функцией «наведи и щелкни мышью». Macintosh был первым коммерчески успешным домашним компьютером с интерфейсом такого типа.

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

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

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

Что такое UX?

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

Ученому-когнитивисту Дону Норману приписывают введение термина «пользовательский опыт» еще в начале 1990-х годов, когда он работал в Apple, и определяет его следующим образом:

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

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

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

Чтобы понять, что делает опыт приятным, Питер Морвилл разработал отличный визуал, чтобы подчеркнуть, что входит в эффективный дизайн UX.

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

• Как они узнают о продукте вашей компании
• Последовательность действий, которые они выполняют при взаимодействии с интерфейсом
• Мысли и чувства, возникающие при попытке выполнить свою задачу
• Впечатления, которые они получают от взаимодействия в целом

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

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

В чем разница между UI и UX?

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

Дон Норман и Якоб Нильсен прекрасно подытожили это, сказав:

.

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

Возьмем, к примеру, Google. Его знаменитый спартанский интерфейс подчеркивает, что отличный опыт не требует наворотов. Сосредоточив внимание на пользователе, Google знает, что когда он заходит на сайт, ему нужно одно: информация. И хотят быстро.

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

А теперь представьте, что каждый раз, когда вы выполняете поиск в Google, вам требуется 15 секунд, чтобы получить результат — вы больше не сможете мгновенно получить ответ на свой вопрос. Даже если бы интерфейс остался прежним, ваш опыт работы с Google сильно изменился бы.

Эксперты по UI/UX взвешивают

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

Вот что они сказали о разнице между UI и UX:

1. UX ориентирован на путь пользователя к решению проблемы, UI — на то, как выглядят и функционируют поверхности продукта

Кен Нортон Партнер Google Ventures, бывший менеджер по продуктам Google

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

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

Энди Бадд Соучредитель Clearleft, основатель UX London

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

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

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

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

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

Хотя некоторые люди утверждают, что обладают глубокими знаниями во всех этих областях, это случается довольно редко. В конце концов, если вы эксперт во всем, вы, вероятно, не эксперт ни в чем».

3. Нет никакой разницы между UX и UI дизайном, потому что это две вещи, которые нельзя сравнивать друг с другом

Крейг Моррисон Заместитель креативного директора Truvani

«Я постоянно слышу этот вопрос и неоднократно на него отвечал. В конце концов я пришел к такому выводу…

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

Например, это похоже на вопрос: «В чем разница между красной краской и химическими веществами, из которых состоит краска?» Нет никакой разницы. Красная краска состоит из всевозможных химических веществ, которые в сочетании друг с другом образуют красную краску.

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

Вот еще несколько вопросов, чтобы проиллюстрировать мою точку зрения:

• В чем разница между MacBook и формой клавиш клавиатуры?
• В чем разница между чаем и материалом, из которого изготовлен чайный пакетик?
• Чем отличается автомобиль от цвета, в который он окрашен?

Если мы говорим о вкусном торте (а почему бы и нет?), пользовательский интерфейс — это глазурь, тарелки, вкус, посуда и презентация. UX — это причина, по которой мы подаем торт в первую очередь, и почему люди предпочитают есть его, а не гамбургеры.

(Примечание: Крейг подробно рассказывает о разнице между дизайнерами UI и UX в своем посте: Почему вам не следует нанимать дизайнера UI/UX)

4.

UI — это мост, который ведет нас туда, куда мы хотим. go, UX — это ощущение, которое мы получаем, когда приходим.

Джейсон Огл Ведущий и продюсер подкаста User Defenders, дизайнер CACI International

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

Теперь это также можно считать нашим голосом и намерениями, основанными на том, что, по мнению машин, мы говорим или хотим в любом конкретном контексте.

Пользовательский интерфейс — это мост, который ведет нас на другую сторону того места, куда мы хотим попасть.

UX — это чувство, которое мы испытываем, когда добираемся туда, где мост хорошо построен, или падает насмерть (поговорим о плохом UX!).

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

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

Подводя итог, я всегда говорю своим супергостям в конце каждого эпизода подкаста User Defenders: Продолжайте бороться за создание отличного UX для других людей!

Независимо от того, требуется ли для этого пользовательский интерфейс или нет.

5. Пользовательский интерфейс ориентирован на продукт, серия снимков во времени. UX фокусируется на пользователе и его путешествии по продукту

.

Скотт Дженсон, бывший стратег по продуктам в Google

«Я не слишком зацикливаюсь на этом различии, поскольку они часто используются взаимозаменяемо. Однако при нажатии я вижу, что пользовательский интерфейс сосредоточен на продукте, серия снимков во времени.

UX фокусируется на пользователе и его путешествии по продукту. Пользовательский интерфейс, как правило, является спецификой экранов, фокусируясь на метках, визуальном стиле, руководящих принципах и структуре.

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

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

Чинве Оби Старший исследователь опыта в WW

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

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

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

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

Что вы думаете?

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

Хотите узнать больше?

Получите копию книги «Проверено пользователями: как ведущие компании мира используют человеческий опыт для создания отличного опыта», написанной в соавторстве с директором по информационным технологиям UserTesting Джанель Эстес и генеральным директором Энди Макмилланом.

Заказать

Изображение

В чем разница между UX и UI?

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

Университет Джорджа Вашингтона

info

GW UX/UI Boot Camp

GW UX/UI Boot Camp помогает студентам изучить основы работы в этой области. В течение 24 недель перед студентами ставится задача использовать дизайн, ориентированный на пользователя, и множество творческих инструментов для создания привлекательных дизайнов и взаимодействия с пользователем.

Калифорнийский университет, Беркли

info

Berkeley UX/UI Boot Camp

Berkeley UX/UI Boot Camp может помочь вам войти в эту отрасль и освоить навыки, чтобы выделиться среди потенциальных работодателей. В течение 24 недель студенты изучают основы исследований дизайна, ориентированного на пользователя, разработку пользовательского интерфейса, теорию визуального дизайна и многое другое.

Калифорнийский университет, Ирвин

info

Учебный лагерь UX/UI в UCI Continuing Education

Учебный лагерь UX/UI в UCI Continuing Education был разработан, чтобы научить студентов необходимым навыкам для входа в захватывающие области дизайна пользовательского интерфейса (UI), взаимодействия с пользователем (UX ) исследования и управление продуктом.

Техасский университет в Остине

info

Учебный лагерь UX/UI в UT Austin

Учебный лагерь UX/UI в UT Austin помогает студентам получить навыки и уверенность в себе, чтобы пополнить ряды творческих профессионалов, формирующих отрасль.

Например, пользовательский интерфейс имеет тенденцию делать больше с реальными функциями устройства, такими как экран, кнопки, функции прокрутки и звук; пользовательский опыт — это более общий термин, который касается всего, что пользователь испытывает, от начала до конца. Люди часто путают пользовательский интерфейс и UX, потому что они тесно связаны. Пользовательский интерфейс является ключевой частью общего опыта пользователя, поскольку он является частью устройства, с которым пользователь чаще всего взаимодействует, но он не охватывает весь опыт пользователя на веб-сайте или платформе. Одна из распространенных метафор сравнения UI и UX — сравнение их с ресторанами. Если пользовательский интерфейс — это тарелка, столовое серебро и салфетки, то UX — это освещение, музыка и обслуживание клиентов, которые облегчают ваш обеденный опыт.

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

Пользовательский опыт (UX) касается общего опыта пользователей при взаимодействии с продуктом. Продукты, разработанные с учетом пользовательского опыта, просты в использовании и обеспечивают положительный опыт. В этом смысле UX связан с эмоциональным опытом пользователя при работе с продуктом. Это относится не только к практическому использованию системы, но и к общему опыту пользователя с брендом от начала до конца. Чтобы создать положительный пользовательский опыт, важно понимать своих пользователей, их потребности, цели и проблемы, сообщает Usability.gov . В цифровом пространстве UX, как правило, имеет дело с простотой использования и возможностью пользователя достичь конечной цели. Например, рассмотрим веб-сайт электронной коммерции. Легко ли ориентироваться на сайте? Являются ли последовательные шаги интуитивно понятными для пользователя от поиска продукта до проверки? Это вопросы UX.

Пользовательский опыт может быть положительным, отрицательным или нейтральным. Согласно Usability.gov, обеспечение положительного пользовательского опыта включает в себя такие элементы, как управление проектами, исследования пользователей, информационная архитектура, визуальный дизайн, контент-стратегия, аналитика, доступность и пользовательский интерфейс. Разрабатывая дизайн с учетом потребностей пользователей, как правило, посредством пользовательских исследований и тестирования, UX способствует улучшению качества обслуживания клиентов. Некоторые бизнес-примеры UX включают в себя регулярную проверку качества на сайте электронной коммерции, чтобы убедиться, что корзина работает правильно, или использование тепловых карт, чтобы определить, получают ли пользователи нужную им информацию. Эти данные могут быть использованы для оптимизации взаимодействия с пользователем.

Калифорнийский университет, Беркли

Учебный курс по UX/UI в Беркли

Учебный курс по UX/UI в Беркли может помочь вам войти в эту отрасль и освоить навыки, чтобы выделиться среди потенциальных работодателей. В течение 24 недель студенты изучают основы исследований дизайна, ориентированного на пользователя, разработку пользовательского интерфейса, теорию визуального дизайна и многое другое.

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

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

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

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

Как видите, UX и UI — очень похожие и взаимосвязанные процессы, что часто затрудняет полное понимание UI и UX. Чтобы сделать ситуацию еще более запутанной, менеджеры по найму могут писать объявления о вакансиях, чтобы включать наборы навыков UI и UX в одну роль. Частично это связано с тем, что UX и UI являются относительно молодыми областями. И хотя эти две области взаимосвязаны, они все же разные. Согласно опросу о заработной плате, проведенному Международной ассоциацией специалистов по взаимодействию с пользователями в 2018 году, некоторые распространенные должности, связанные с взаимодействием с пользователем, включают: 9.0003

Далее мы рассмотрим различия между UI и UX.

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

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

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

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

Чтобы получить представление о потенциале заработка и карьерных перспективах дизайнера UI и UX, ниже приведены некоторые данные от UXPA International. Сколько вы зарабатываете на этих должностях, зависит от различных факторов, таких как ваше местоположение, опыт и тип работодателя. Карьерный путь для каждой из этих должностей различается.