raznitsa-UX-UI

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

Что такое UX и что такое UI я попробую осветить в этой статье. Она концептуально про роли дизайнеров, но это же и разные бизнес-процессы, а также названия результатов работы дизайнеров. Иногда это всё делает один человек, но редко хорошо. Цитируя Петю Советова: «Семь раз UX, один раз UI». Подробнее — в самой статье.

Профессиональная терминология в сфере цифровых технологий очень быстро обрастает новыми словами и аббревиатурами. При разработке пользовательского интерфейса современный дизайнер неизбежно столкнется с такими понятиями, как UI (user interface) и UX (user experience). Идеи и принципы этих понятий стали актуальными далеко не вчера. Коротко, но с допущениями: UX отвечает за функциональность продукта, а UI — за внешний вид. 

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

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

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

Что такое UX-дизайн

UX (User experience) – это дизайн пользовательского опыта. Если сказать максимально коротко, то UX определяет, какой будет опыт. Опыт складывается из логики, понятности и функциональности.

UX-дизайн состоит из таких процессов, которые позволяют проектировщику решить поставленные задачи продукта игнорируя визуальные детали. Вот некоторые процессы:

  • Проектирование юзабилити;
  • Навигационная структура;
  • Проектирование взаимодействий;
В чем разница между UX и UI дизайном UX и UI фокусируют свое внимание на одном и том же проекте и работают в связке. Работа UI-дизайнера становится логичным продолжением труда UX-дизайнера. ux и ui
Шаблон для вайфреминга от Figma

С помощью user experience формулируются проблемы пользователей. Для этого можно использовать фреймворки, которые тесно пересекаются с бизнесом и психологией. Один из таких фреймворков: UX-canvas. На одной стороне канвы бизнес, на другой пользователь — посередине now kiss то, как мы их соединяем через дизайн. В UX-дизайне участвуют такие специалисты:

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

Часто такое разделение отсутствует и всё делает один человек, но иногда разделение труда полезно.

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

Что такое UI дизайн

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

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

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

В чем разница между UX и UI дизайном UX и UI фокусируют свое внимание на одном и том же проекте и работают в связке. Работа UI-дизайнера становится логичным продолжением труда UX-дизайнера. ux и ui
UI-киты с сайта ui8.net

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

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

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

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

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

Что объединяет UX и UI дизайн

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

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

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

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

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

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

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

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

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

Как стать UX/UI дизайнером

Сосредоточься сначала на чем-то одном, а когда получишь достаточно опыта — сможешь начать расти горизонтально. Хвататься за всё сразу не лучшая стратегия, и это касается не только дизайна.

Творческим личностям c амбициями художника и эстета стоит присмотреться к лагерю visual design. Если ты прирожденный аналитик, который любит раскладывать все по полочкам, оптимизировать, тогда – прямая дорога в UX.

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

В чем разница между UX и UI дизайном UX и UI фокусируют свое внимание на одном и том же проекте и работают в связке. Работа UI-дизайнера становится логичным продолжением труда UX-дизайнера. ux и ui
Подпишись на школу дизайна Яндекса на Ютубе, это бесплатно.

Многие компании, находясь в поиске специалистов по разработке интерфейсов, хотят заполучить «универсального солдата». Такое желание оправдано, если компания готова к результату по принципу «одной левой». Но вряд ли стоит полагаться на ресурс одного человека, когда речь идет о большом проекте.

Вывод 

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

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

Поделиться
Телеграфировать
1 Star2 Stars3 Stars4 Stars5 Stars (No Ratings Yet)
Загрузка...

Добавить комментарий