Никогда не называйте себя UI-дизайнером: UI — это UX

Опубликовано: 2022-03-11

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

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

Разве пользовательский интерфейс не является частью UX?

Почему «пользовательский интерфейс» стал таким модным словом?

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

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

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

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

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

Назвать несколько:

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

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

На самом деле, мы даже не проектируем. Мы занимаемся искусством.

изображение, сравнивающее пользовательский интерфейс и ux
Пользовательский опыт и пользовательский интерфейс. (Иллюстрация Шейна Раунса)

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

Почему не стоит «дизайнить ради лайков»

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

Войдите в Dribbble, или, точнее, в то, что известно как «эффект Dribbble».

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

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

Подпишитесь на блог дизайна Toptal и получите нашу электронную книгу

Что в этом плохого?

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

Давайте посмотрим на некоторые дизайнерские катастрофы на Dribbble.

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

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


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


3D интерфейс из будущего
Этот пример выглядит потрясающе как произведение искусства, но в настоящее время ни одно устройство не позволяет нам рассматривать пользовательские интерфейсы таким образом.


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

Откуда эта одержимость визуальным дизайном?

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

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

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

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

Принципы UX-дизайна

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

  • Скорость
    • Приложение или веб-сайт работают медленно (или кажется медленным)?
    • Требуется ли пользователю щелкать/прокручивать/взаимодействовать больше, чем необходимо?
    • Не слишком ли много отвлекающих факторов и/или решений?
    • Существуют ли трения, которые останавливают/задерживают пользователя в получении того, что он хочет?
  • Интуиция
    • Очевидно ли для пользователя, что ему нужно делать дальше?
    • Можем ли мы определить, чего хочет пользователь, и соответствующим образом отображать контент?
  • Доступность
    • Может ли пользователь получить доступ к пользовательскому интерфейсу, независимо от его возраста или инвалидности?
    • Задумывались ли мы о множестве различных типов дальтонизма?
  • Юзабилити
    • На мобильных устройствах целевые элементы касания имеют подходящий размер?
    • Являются ли цели легко доступными для больших пальцев?
    • Отзывчив ли дизайн? Он адаптируется ко всем устройствам?

20 эвристик юзабилити
Сьюзан Вайншенк и Дин Баркер (Weinchenk and Barker, 2000) исследовали рекомендации и эвристики юзабилити из многих источников (включая Nielsen, Apple и Microsoft) и создали этот набор из 20 эвристик юзабилити для проверки.

Визуальный дизайн по-прежнему важен

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

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

  • Скорость
    • Может ли пользователь быстро определить, где ему нужно смотреть и взаимодействовать, используя контраст , цвет и расстояние в качестве визуальных подсказок?
    • Отрисовывается ли пользовательский интерфейс/контент в верхней части экрана немедленно, объясняет ли он, что пользователю нужно делать на указанном экране, и имеет ли он четкий призыв к действию?
  • Доступность
    • Создает ли выбор цвета достаточный контраст?
    • Достаточно ли большой пользовательский интерфейс для тех, у кого проблемы со зрением?
  • Юзабилити
    • Существует ли визуальная иерархия, иллюстрирующая важность каждого элемента?
    • Выражаем ли мы визуально доверие и безопасность, когда это применимо?
    • Внедряем ли мы микровзаимодействия, которые кажутся естественными и поясняют действия, предпринимаемые пользователем?

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

Амазонка
Amazon заработал 1,9 миллиарда долларов за последние три месяца 2017 года, но вы бы не догадались об этом по дизайну пользовательского интерфейса.

Дизайн UX/UI должен основываться на данных

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

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

Заключение

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

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

• • •

Дальнейшее чтение в блоге Toptal Design:

  • UX электронной коммерции — обзор лучших практик (с инфографикой)
  • Важность ориентированного на человека дизайна в дизайне продукта
  • Лучшие портфолио дизайнеров UX — вдохновляющие тематические исследования и примеры
  • Эвристические принципы для мобильных интерфейсов
  • Упреждающий дизайн: как создать волшебный пользовательский опыт