UX

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

Зачем усложнять?

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

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

Вспомните любого крупного агрегатора, от Airbnb или Booking до Uber или Aviasales. Как графический дизайнер может успешно разработать макет для такого проекта без глубокого понимания процессов, происходящих внутри него: мотиваций и сомнений пользователя, его предпочтений и страхов?

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

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

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

Точно так же строится и работа разработчиков: если раньше мы говорили о «только программистах», то теперь таких специалистов называют только back-end и front-end.

Так кто же эти люди и чем они занимаются? Еще немного подробностей о различиях между UX и UI.

Кто такой UI-дизайнер (дизайнер интерфейсов) и чем он занимается?

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

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

  • Создание экранов интерфейса продукта на основе исследований (аналитики и данных);
  • Применять руководящие наборы пользовательского интерфейса и создавать интерфейсные экраны;
  • Дизайн интерфейсов в стиле бренда;
  • На основе исследования и предложить концепцию дизайна;
  • Дизайн дизайн-систем: компоненты интерфейса, типографика, сетка, цвет, озвучка и тексты;
  • Адаптация дизайна под различные платформы и устройства;
  • Анимация интерфейса;

Задача UI-дизайнера:

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

Основные инструменты:

Figma, InVision Studio, Procreate

Зарплата:

Юниор/Средний/Старший — 40/60/80

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

Хотите заняться дизайном пользовательского интерфейса? Упаковано в 10 шагов все, что помогло мне освоить навыки проектирования пользовательского интерфейса, завершить проекты и создать портфолио. Читать статью →

Где работают и сколько получают UX/UI-дизайнеры

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

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

UX

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

  • Свободный бросок. Вы сможете самостоятельно решать, над какими проектами работать, в какое время и с какой скоростью. Но вы также должны найти клиентов самостоятельно. Доход самозанятого сильно варьируется, и его довольно сложно рассчитать. В среднем новички могут рассчитывать на $700-1000 в месяц в начале своей карьеры. Но все будет зависеть от самоотверженности и времени, которое вы посвящаете работе.
  • Найм. У этого варианта есть несомненное преимущество: у вас всегда будут заказы и проекты по улучшению навыков. Говоря о трудоустройстве, мы имеем в виду либо постоянную работу в компании (проекты, в которых содержание цифровых продуктов постоянно меняется), либо работу в компаниях, специализирующихся на цифровом дизайне. По статистике средняя зарплата контрактных специалистов составляет $1000-1500 в месяц.

Зачем придумали это различие UI от UX?

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

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

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

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

Наши дни

Дизайн теперь использует Data Driven Design и UX/UI.

Data Driven Design — дизайн, основанный на данных: исследованиях, тестах, гипотезах, больших данных. В DDD каждое проектное решение основано на числах и конкретных показателях, а не на субъективном суждении дизайнера.

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

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

Ключевые принципы хорошего UX/UI-дизайна

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

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

Пользователь во главе угла

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

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

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

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

Хороший интерфейс строится на шаблонах

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

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

Следовать трендам нужно обдуманно

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

Процесс проектирования пользовательского интерфейса веб-сайта

Это часто приводит к очень посредственному просмотру сайта/приложения. Причиной тому схожесть с конкурентами или чрезмерное влияние современных трендов. Так, например, сторонники неоморфизма забывают здравый смысл и превращают свои продукты в «физические объекты», с которыми сложно взаимодействовать.

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

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

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

  1. Контраст: элементы не должны смешиваться в беспорядке. Каждый должен занять свое место, не мешая другим.
  2. Иерархия: Элементы должны отличаться друг от друга по приоритету в зависимости от выполняемых задач.
  3. Интервал: между элементами должно быть пустое пространство, чтобы улучшить читаемость контента.
  4. Выравнивание: элементы должны быть выровнены друг с другом.

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

Сферы применения

Как было сказано выше, термины UI и UX применимы не только к ИТ-сфере. На самом деле они появились, как только был создан первый продукт. Это было давно. Например, одним из первых достижений в UX-дизайне является колесо.

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

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

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

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

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

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

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

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

Кратко

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

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

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

Курсы GeekBrains для самых востребованных профессий в дизайне:

  1. Факультет дизайна с гарантированным трудоустройством.
  2. Профессия веб-дизайнер. Обширный онлайн-курс с возможностью пройти онлайн-стажировку в Mail.ru Group.
  3. Профессия Графический дизайнер. Онлайн-курс для самых креативных людей в мире дизайна.
  4. Дизайнер интерфейсов (UI/UX). В этом онлайн-курсе навыки дизайна интерфейсов отрабатываются на реальных задачах в крупных компаниях.
  5. Игровой дизайнер. Курс для тех, кто хочет войти в игровую индустрию и начать зарабатывать на этом.

Что входит в задачи UX/UI-дизайнеров?

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

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

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

Изучение поведенческих особенностей пользователей

Для UX и UI

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

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

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

Исходя из этого, базовая абстрактная структура продукта строится на основе предпочтений и привычек клиентов.

Формирование образа типичного пользователя

Для удобства пользователей

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

  • Сколько лет пользователю продукта?
  • Ты кем работаешь?
  • Сколько у вас свободного времени после работы?
  • Сколько вы зарабатываете и готовы ли платить за свою услугу/товар?
  • Какими еще услугами пользуется клиент?

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

Прототип интерфейса бумажного приложения

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

Разработка интерфейсных решений

Для UI и UX

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

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

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

Создание прототипов и тестирование разработанных функций

Для удобства пользователей

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

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

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

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

Создание визуального дизайна продукта

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

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

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

Набор иконок в едином стиле

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

Отличия UX и UI дизайна

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

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

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

Концепции разные, но сходство их в том, что они направлены на обеспечение удобства пользователя.

Различия между UX и UI

Инструменты

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

Пользовательский опыт Пользовательский интерфейс
Анализ и исследование пользователей:
  • Персонажи
  • Сценарии использования продукта
  • Карта пути клиента
  • Карта эмпатии
  • A/B-тестирование

Прототипы:

  • На бумаге
  • В специальных программах — Axure Pro, WireframeSketcher, SketchFlow
  • В графических программах — Photoshop, Illustrator, InDesign
Интерфейс сайта и его компоненты:
  • Кнопки
  • Иконки
  • Всплывающие окна
  • Столы
  • Флажки
  • Меню
  • Предупреждения (оповещения)
  • Этикетки и бирки
  • Формы с полями ввода
  • Уведомления
  • Переключатели
  • Галереи
  • Предложения
  • Пагинация
  • Ресницы и панировочные сухари
  • Индикаторы выполнения

В UX все определяется аналитикой и прототипами, а в UI — базовыми правилами юзабилити и UX. В анализе и сборе данных UX похож на DDD.

Подойдёт ли вам профессия UX/UI-дизайнера

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

UX

  • Он умеет думать о людях и ставит комфорт своих клиентов на первое место. Дизайнер отвечает за пользовательский опыт, за его комфорт. Хорошим преимуществом будет опыт работы в службе поддержки, развитая эмпатия и понимание потребностей потребителя. С такими навыками вам будет легче проводить исследования и выявлять потребности клиентов.
  • Интерес к современным технологиям. Гаджеты, устройства и программное обеспечение эффективны только в том случае, если люди знают, как ими пользоваться. Работа дизайнера заключается в создании удобных интерфейсов, которые позволяют пользователям понять, как использовать сложные технические продукты. Если вы увлечены современными технологическими тенденциями и устройствами, вам понравится участвовать в процессе их разработки и адаптации для удобного использования.
  • Многозадачность. Разнообразие — одно из главных преимуществ UI/UX дизайнера. Сегодня вы проводите фокус-группу, а на следующий день вы работаете с графическим дизайнером над тонкой настройкой макетов. Гибкость и способность быстро переключаться с одной задачи на другую — важный soft skills для UI/UX дизайнера.
  • Общительность. Как правило, дизайнеры UX/UI представляют свои проекты клиентам или другим командам компании самостоятельно. Они должны быть на «ты» при публичном выступлении и не бояться высказывать и отстаивать свою точку зрения. Кроме того, подготовка крупномасштабных проектов требует тесного сотрудничества с коллегами и другими командами.

UX

Что почитать и посмотреть о UX/UI-дизайне

  • 8 принципов дизайна интерфейса
  • Что такое UX и UI? Бесплатный вебинар Skillbox+AIC.
  • Что такое UX дизайн в блоге Тильды.
  • Что такое UX и UI на примере средневековых профессий.
  • В чем разница между дизайнером UX и дизайнером пользовательского интерфейса в блоге ADN.
  • Зачем учить UX, или почему простые дизайнеры скоро устареют.
  • Как стать UX/UI дизайнером без образования и опыта.
  • Карта талантов UX-дизайнеров: что стоит развивать.
  • Прошлое, настоящее и будущее UX: что ждет UI-дизайн в 2018 году.
  • 52 термина из области UX-исследований.
  • Бесплатный курс «Дизайн интерфейсов для нормальных людей» Антона Жиянова.

ПоделитьсяFacebookVkontakteTwitterTelegramСкопировать ссылку

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

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

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

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

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

Фото Чарльза Делювио

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

Купить Отключить рекламу

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

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

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

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

Исходя из нашего опыта работы в EGO Creative Innovations, мы можем сказать, что в основные задачи UI-дизайнера входят:

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

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

Фото Чарльза Делювио

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

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

Требования к качественному UX/UI-дизайну

Ясность

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

Лаконичность

Интерфейс не перегружен подсказками, всплывающими окнами и анимацией. Задайте себе вопросы: «А нужно ли здесь? Зачем?» Это поможет сфокусировать внимание пользователя на конкретном элементе.

Признание

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

Чувствительность

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

Постоянство

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

Эстетический

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

Эффективность

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

Снисходительность

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

Чем занимается UX designer?

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

Хорошим примером работы таких специалистов является прорыв Macintosh в 1984 году, когда вместо командной строки дизайнеры Apple предложили миру окна.

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

Поэтому UX-дизайнер:

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

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

Не знаете, какой курс выбрать? Запишитесь на бесплатную консультацию и мы поможем выбрать правильный адрес. Ваше имя * Номер телефона * Когда вам удобно со мной связаться? Дополнительная информация *Регистрация

Чем занимается UI-дизайнер?

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

В зоне его ответственности контроль всех процессов:

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

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

Это 2 в 1?

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

Так почему бы не совместить? Конечно, вы думали, и остальные тоже. Неудивительно, что вакансии для дизайнеров часто публикуются таким образом, через косую черту: дизайнер UX/UI.

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

Что делает хорошего UI/UX дизайнера?

  1. Комплексный подход к проекту: любая работа начинается с анализа, создания схем, эскизов, то есть проводится изучение пользовательского опыта, хотя бы на базовом уровне.
  2. Постоянство: сохраняет неповторимый стиль в каждом, даже в мельчайших деталях проекта. Каждый слайдер, каждое попап принадлежит к единой концепции и не выбивается из общего стиля.
  3. Узнайте, как сэкономить время посетителей веб-сайта/приложения с помощью хорошо продуманного интерфейса.
  4. Возможность увидеть проект глазами пользователя, а значит помочь ему постоянно понимать, что происходит на экране: одобрен ли запрос, в каком статусе заказ, видел ли менеджер сообщение и т.д.
  5. Чувствительность. Дизайнер помнит, что даже самый удобный интерфейс не подвержен человеческому фактору и предусматривает реакцию сайта/приложения в случае ошибки пользователя.

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

Как прийти в профессию?

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

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

Курсы с минимальным количеством теории и максимумом практики — самый простой выход, но в то же время и самый эффективный.

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

Поэтому новичку лучше всего посоветовать осваивать Figma, Photoshop, заниматься вектором, и лучше делать это под руководством профессионала.

Курс «Graphic-дизайн»

Какими навыками должен обладать UX-дизайнер?

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

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

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

Источники
  • https://wezom.academy/uxui-dizajner-v-chem-raznitsa-komu-podhodit-professija-i-kak-v-nee-popast/
  • https://ux-journal.ru/chem-otlichaetsya-web-dizajner-ot-ui-dizajnera-i-ux-dizajnera.html
  • https://primeclass.io/journal/ru/ux-ui-dizayner-vso-chto-vy-khoteli-znat-o-professii/
  • https://gb.ru/posts/difference_between_ux_ui
  • https://rb.ru/opinion/uxui/
  • https://timeweb.com/ru/community/articles/chto-takoe-ux-ui-dizayn
  • https://postium.ru/chto-takoe-ux-ui-dizajn-sxodstva-i-otlichiya/
  • https://skillbox.ru/media/design/ux_ui_dizayn_chto_eto_takoe/
  • https://vc.ru/design/50911-ux-vs-ui-v-chem-raznica

[свернуть]
1 Звезда2 Звезды3 Звезды4 Звезды5 Звезд (Пока оценок нет)
Загрузка...