Ux что это за программа

Что такое UX/UI-дизайн и есть ли между ними разница

Автор блога Checkroi. Три года работала в интернет-маркетинге. Интересуюсь IT, инвестициями и стартапами.

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

Содержание статьи скрыть

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

Термин UX впервые использовал в 1993 году Дональд Норман — учёный в области дизайна и пользовательской инженерии. Он считал, что интерфейс — это не только функциональность, но и приятные эмоции пользователей.

UX-дизайн — это создание полезных, простых и приятных в использовании продуктов

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

Кто такой UX/UI — дизайнер? / Geekbrains

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

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

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

Главная страница сайта банка «Тинькофф»

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

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

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

10 минут, чтобы узнать о профессии UX/UI-дизайнер

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

Погрузитесь в мир UX глубже на курсах. На курсе «UX-дизайнер с нуля до PRO» от Skillbox вы за 6 месяцев научитесь анализировать поведение пользователей, составлять портрет целевой аудитории, создавать логику и прототип продукта, а затем тестировать прототип на целевой аудитории

Ежедневные советы от диджитал-наставника Checkroi прямо в твоем телеграме!
Подписывайся на канал
Подписаться

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

Один из авторов термина UI — Джесс Гарретт, основатель дизайнерской компании Adaptive Path. Он определяет UI как сферу элементов интерфейса: кнопок, текста, цветов дизайна.

UI-дизайн — это воплощение пользовательского опыта в визуальных деталях: кнопках, иконках, шрифтах, анимации и цветовой гамме

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

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

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

Больше знаний о UI-дизайне вы получите на курсе «UI-дизайнер» от Нетологии за 6 месяцев вы получите теоретическую базу и разработаете макеты для своих сайта и приложения, научитесь создавать структуру сайта и интерактивные прототипы, тестировать продукт и презентовать его заказчику

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

Принципы, на которых базируется UX/UI дизайн

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

Вот основные принципы в работе UI и UX-дизайнеров:

• Соблюдение единообразия. Все элементы дизайна интерфейса должны легко узнаваться, даже если пользователь на вашем сайте в первый раз. Интерфейс должен быть интуитивно понятным. Так кнопка входа в личный кабинет должна быть справа в верхней части экрана, а не слева внизу — потому что все привыкли к такому расположению. Если кнопка будет в другом месте, пользователю придётся искать кнопку и есть вероятность, что он просто уйдёт с сайта.
• Удобство в использовании. Все одинаковые части сайта должны быть одинаковыми на разных страницах по стилистике, цвету: меню, кнопки и формы для заполнения. У пользователя не должно быть визуального диссонанса от использования цифрового продукта.
• Ответная реакция. С пользователем нужно общаться, давать ему ответы, наглядно показывать, что происходит. Когда он прочитал рекламную статью, говорите, что хотите от него — добавьте кнопки, чтобы он перешёл на сайт для покупки или подписался на ваши соцсети. Когда он добавил товары в корзину, напомните ему, что их нужно оплатить и покажите, какую форму заполнить, чтобы это сделать.
• Предотвращение ошибки. Продумывайте интерфейс и тексты в нём так, чтобы у пользователя не было шансов совершить ошибку — прокладывайте наиболее простой путь к цели. Когда у пользователя не получилось с первого раза ввести верный пароль, выведите окно и скажите, почему так произошло и что делать дальше.
• Простая отмена действий. Вспомните, как нервно бывает, когда вы что-то сделали в программе — и внезапно всё испортилось, а отменить своё действие нельзя. Придётся делать сначала. Поэтому всегда давайте пользователям возможность сделать шаг назад. Если пользователь сам сделал ошибку, напишите сообщение об ошибке с заботой и объясните как исправить ситуацию.
• Контроль в руках пользователей. У продукта должна быть логика. При нажатии на кнопку заранее должно быть понятно, что произойдёт, без неожиданностей.
• Минимум нагрузки на кратковременную память пользователя. У него не должно складываться впечатление, что нужно всё записать, чтобы не потерять информацию. Важную информацию дублируйте на каждой странице, чтобы у человека всегда была возможность обратиться к ней, а не искать по всему сайту.

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

Отличие UX/UI дизайна от веб-дизайна

Веб-дизайнер раньше занимался всем: проектировал сайты, рисовал макеты для приложений, придумывал элементы интерфейса и создавал типовые шаблоны, а потом всё это верстал в единый продукт. Но он не проводил аналитику — этим занимался аналитик или сайт создавался просто по подобию конкурентов или на вкус заказчика.

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

Удачные примеры UX/UI-дизайна

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

Сервис «Авиасейлс»

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

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

Первый экран главной страницы aviasales.ru

Сайт компании Apple

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

• Работа UX — проработка разделов о функциях устройства и отличия от прошлой версии.
• Работа UI — разработка шрифтов и визуализация продукта.

Продуктовая страница на сайте Apple

Сервис Twitch

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

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

Главная страница Twitch

Сайт ЖК «‎Ривер Парк»

На сайте ЖК «Ривер Парк» можно посмотреть панораму, видео о проекте и подключиться к камерам, установленным по периметру строительной площадки — можно в реальном времени наблюдать, что там происходит.

• Работа UX — понимание того, что потенциальный покупатель хочет посмотреть, что происходит на строительной площадке.
• Работа UI — схематическое изображение ЖК.

Страница с выбором камеры для наблюдения на сайте ЖК

Сайт «ВКонтакте»

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

• Работа UX — подбор функций и их места для отображения на каждой странице: мессенджер, друзья, сообщества; продумывание возможности отключать и добавлять функции.
• Работа UI — оформление фона, шрифтов и разделов в едином стиле.

Все функции вконтакте доступны с любой страницы

Коротко о главном

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

Если вы хотите стать UX/UI-дизайнером, посмотрите наш топ курсов по UX/UI-дизайну для начинающих и профессионалов. Длительность курсов от 1 до 12 месяцев. На курсах вы создадите несколько проектов, которые станут вашим портфолио для демонстрации будущим клиентам

Источник: checkroi.ru

UX vs UI: в чем разница

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-дизайнера зависит, будет ли это путешествие увлекательным и незабываемым. Он выступает своеобразным экскурсоводом по новому и увлекательному миру.

Источник: vc.ru

UI UX дизайн — что это простыми словами

В этой статье я подробно расскажу вам про UI UX дизайн — что это за направление и в чем его отличие от обычного веб-дизайна. Также в рамках данной статьи мы с вами рассмотрим такое понятие как CX дизайн.

Чтобы понять, что такое UI UX дизайн, достаточно перевести первые две аббревиатуры на русский язык.

Разбираемся с UI UX дизайном — что это такое

UI — это аббревиатура от англ. «User Interface», что в дословном переводе означает «Пользовательский Интерфейс».

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

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

UX — это аббревиатура от англ. «User eXperience», что в дословном переводе означает «Опыт Пользователя».

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

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

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

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

Если ставить на весы эти 2 направления, то по своей важности UX будет всегда перевешивать UI. Но это совершенно не значит, что можно «забить» на внешний вид интерфейсов и делать их «на отвали». Умение сочетать UX с UI и отличает профессионального дизайнера от новичка.

Подробнее про UX дизайн

Первыми данный термин ввели представители компании Apple еще в далеком 1993 году. В то время еще никто не задумывался об удобстве использования продуктов, просто потому что на это не было особого спроса.

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

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

Хороший UX дизайн повышает конверсию ресурса, а плохой — понижает.

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

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

Обязанности UX дизайнера

Давайте разберем основные обязанности UX дизайнера:

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

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

Подробнее про UI дизайн

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

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

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

Обязанности UI дизайнера

К основным обязанностям UI дизайнера относятся:

• Работа в графических редакторах, таких как Figma или Adobe XD
• Умение работать с реферансами
• Знание и понимание основных гайдлайнов (Material и HIG)
• Умение подбирать нужный стиль дизайна под конкретный проект
• Составление UI-kit и последующая подготовка дизайна для верстки

Почему UI UX дизайн — это одно направление

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

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

Проблемы могут начаться тогда, когда один человек проектирует (UX), а другой «рисует» (UI). В этом случае велик риск того, что между ними могут возникнуть недопонимания. У одного появятся вопросы, он пойдет ко второму, чтобы тот ему все объяснил и так далее. Подобных итераций может быть огромное количество и все они отнимают уйму времени. Но в итоге все равно кто-то что-то не так поймет, сделает по-своему и потом придется переделывать.

Если вы совмещаете в себе обязанности UX и UI, то вы избавляете себя от подобного рода развития событий.

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

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

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

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

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

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

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

Разница между Веб-дизайном и UI/UX дизайном

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

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

Веб-дизайн, в свою очередь, ориентирован ИСКЛЮЧИТЕЛЬНО на Веб, то есть на сайты. Также к веб-дизайну можно отнести разработку рекламных баннеров, креативных промо-материалов и так далее. UX/UI дизайн может выходить далеко за пределы веб пространства, поскольку интерфейсы есть не только у сайтов, а например, у банкоматов, телевизоров, панелей приборов и так далее. В этом и есть основное различие между веб-дизайном и UX/UI дизайном.

Веб-дизайн специализируется на сайтах, а UI UX дизайн — специализируется на разработке дизайна интерфейсов.

Помимо этого, UX/UI дизайн всегда опирается на анализ и работу с целевой аудиторий. Нельзя просто так взять и нарисовать «красивый» интерфейс. Интерфейс должен быть в первую очередь УДОБНЫМ. А для этого нужны определенные исходные данные, на основе которых будет разрабатываться дизайн интерфейса.

Если объяснять совсем грубо, то обычный веб-дизайнер, может нарисовать красивый, креативный сайт, но который будет ужасно не удобным в использовании. А UX/UI дизайнер подойдет к разработке дизайна того же сайта более углубленно. Весь дизайн будет основан на анализе и специфике сферы, благодаря чему дизайн сайта окажется в разы удобней и будет лучше решать задачи бизнеса.

Разделение понятий «веб-дизайн» и «UX/UI дизайн» имеет огромный смысл для работодателя, поскольку он ищет себе в штат тех, кто на 100% мог бы закрыть потребности бизнеса. По этой причине, на сайтах по поиску работы вы практически не встретите вакансий «Веб-дизайнер», зато вакансий «UX/UI дизайнер» будет предостаточно.

Если же вы хотите работать на себя (фриланс) и разрабатывать дизайн сайтов для обычных людей, то в этом случае лучше называть себя по-простому — «Веб-дизайнер». Дело в том, что название «Веб-дизайнер» на слуху практически у всех людей и каждый может понять кто вы и чем занимаетесь.

Если же вы назоветесь UX/UI дизайнером, то у обычных людей скорей всего возникнут вопросы: «Кто вы такой и чем занимаетесь?». Просто потому, что выражение «UX/UI дизайн» знакомо лишь тем, кто так или иначе связан с IT.

Лично мне не нравится название UX/UI дизайнер, потому что эти аббревиатуры несут очень мало смысловой нагрузки. По мне куда более выигрышней звучит «Дизайнер интерфейсов».

CX дизайн — что это такое простыми словами

Если вы думаете, что на этом с непонятными английскими словами мы закончили, то вы ошибаетесь Предлагаю вам разобрать еще одно понятие, а именно CX-дизайн. Это относительно новый термин, который носит гордое название Customer eXperience, или «Клиентский Опыт».

В чем суть? Давайте разбираться. Как мы уже знаем, UX отвечает за юзабилити и удобство использования интерфейса для каждого конкретного пользователя. CX является более всеобъемлющим понятием и отвечает за весь процесс взаимодействия клиента с компанией.

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

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

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

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

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

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

Как правильно говорить UI UX дизайн или UX UI дизайн

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

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

Заключение

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

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

Сохранить себе в соцсети:

Источник: georgytim.ru

UX-дизайн

UX-дизайн (англ. UX design, или user experience design) — это проектирование опыта пользователя, впечатлений, которые возникают у человека при взаимодействии с продуктом. Обычно их можно описать так: «удобно», «классно», «понравилось» или «неудобно», «ужасно», «не понравилось».

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

Проще всего заметить, когда о UX-дизайн не подумали. Если при использовании сервиса возникают мысли «да что за издевательство» и «почему все через …» — UX-дизайнера на проекте не было.

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

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

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

Что входит в понятие UX

Питер Морвил, один из пионеров UX-дизайна, выделил семь составляющих пользовательского опыта:

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

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

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

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

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

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

Для чего нужен UX-дизайн

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

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

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

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

Снизить затраты на поддержку. Когда логика продукта поня тна интуитивно, ситуаций «я что-то нажала, и все пропало» меньше. У поддержки будет уходить меньше времени на решение подобных проблем и обучение пользователей.

Чем UX отличается от юзабилити

Термины UX и юзабилити иногда используют как взаимозаменяемые. Но это не совсем верно.

Юзабилити (англ. usability) — это измеримая величина, которая показывает, насколько удобно пользоваться сайтом или продуктом. Ее можно оценить при помощи следующих метрик:

• конверсия в целевое действие;
• время, затраченное на выполнение целевого действия;
• процент отказов.

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

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

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

Рассмотрим это различие на примере чашек.

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

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

Чем UX отличается от UI

Дон Норман, создатель термина user experience, объясняет различие так:

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

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

Согласно этому определению, UX, например, «Яндекс Лавки» включает в себя такие аспекты: были ли в наличии нужные продукты, как быстро привезли заказ, был ли курьер вежливым. А UI — это интерфейс приложения и сайта.

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

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

Посмотрим на примере сайта.

UI сайта — насколько красиво и современно он выглядит. UX — впечатления от использования.

У американского сайта объявлений Craigslist дизайн не менялся больше 20 лет. Но это 97й по популярности сайт в мире . Пользователи ценят его как раз за простоту: здесь можно решить свою задачу, не отвлекаясь на лишние детали.

А есть сайт РЖД. Он довольно красивый. Но каждый, кто хоть раз пытался купить там билет, знает, какая это боль. Начиная с того, что даты выкрашены в непонятные цвета: «продажа билетов за 45 суток», «продажа билетов за 60 суток». И заканчивая тем, что невозможно купить билет без регистрации: если человек забыл пароль от личного кабинета, быстро купить билет не получится.

То есть UI хороший, а UX не продумали до конца.

Принципы UX

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

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

Вот примеры приемов из всех трех категорий.

Чтобы создать доверие: простой способ связаться с компанией. На сайте или в приложении должна быть контактная информация или встроенные способы связаться с компанией. По данным исследования ученых из Стэнфорда , это формирует у пользователей доверие к продукту.

Например, на сайте Unisender есть страница с телефоном и адресом компании, а также встроенный чат.

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

Например, у Duolingo герои-маскоты вместе с учеником проходят курс и создают ощущение радостног о предвкушения, озорства и веселья.

Чтобы улучшить юзабилити: обратная связь. Пользователь должен получать отклик на каждое действие — это дает ощущение контроля. Нажал на кнопку — открылась новая страница, ввел данные карты — появилось сообщение «Заказ оплачен».

Если приложению нужно время, чтобы среагировать, можно показать промежуточный контент. Например, если Facebook* не может сразу загрузить ленту, он показывает контуры постов.

Чтобы улучшить юзабилити: подсказки. Можно обучать пользователей пользоваться приложением прямо внутри приложения при помощи подсказок.

Например, это касается «пустых состояний» — случаев, когда в корзине, каталоге, папке ничего нет. Стоит подсказать, как добавить туда товары или файлы. Так, «Золотое яблоко» прямо внутри пустой корзины предлагает товары и дает ссылки на раздел с новинками и поиск.

Чтобы улучшить юзабилити: адаптация под мобильные экраны. 85% пользователей пользуются телефоном при помощи одного большого пальца. В таком положении проще дотянуться до низа и центра экрана и сложнее — до верха. Это нужно учитывать при расположении кнопок.

Примерно так располагаются на экране зоны, доступные для большого пальца

У «Авито» главные кнопки находятся в самом удобном месте экрана: внизу и по центру — так до них легко дотянуться большим пальцем

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

Например, функция «Вставить из сообщений» дает пользователю потрясающее ощущение, что о нем позаботились.

UX-редактура: что это и зачем нужна

UX-редактура — направление UX-дизайна, которое работает с текстами на сайте или в приложении: подсказками, названиями разделов, текстами на кнопках.

За счет разной интонации текст может восприниматься по-разному:

Суть текста одна, а впечатление разное

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

UX-редактура — очень молодое направление: целенаправленно текстами в продуктах стали заниматься последние пару лет. Пока такие редакторы есть в основном в очень больших компаниях: « Яндексе » , « Авито » , « Райффайзен-банке » , « Тинькофф-банке » .

Вот несколько примеров работы UX-редактора:

Небольшая приписка создает настроение

Не «Обращайтесь по любым вопросам», а «Будем рады помочь» — звучит естественно и дружелюбно

Раздел «Кинопоиска» называется «Вы хотели посмотреть», а не «Отложенное» или «Любимое». Все внимание направлено на пользователя. Такие нюансы и создают пользовательский опыт

Источник: www.unisender.com