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

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

Реклама: Erid 2VtzqvzzpR1
Реклама. Erid 2VtzqvZp34w

Читайте также: Что такое айдентика

UX/UI дизайн и области применения

Начнем с UX. UX это аббревиатура от User Experience, что дословно переводится как «опыт пользователя». То, насколько продуман UX-дизайн, например сайта, настолько удобнее пользователю осуществлять поиск нужной информации или взаимодействия с ним. Иными словами задача UX-дизайна — решение вопросов функциональности и удобства инструмента или ресурса.

UX/UI дизайн и области применения

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

Пользователю должно быть комфортно
Пользователю должно быть комфортно и всё понятно

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

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

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

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

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

Понятия разные, но их сходство в том, что они направлены для обеспечения комфорта пользователя.

Отличия UX и UI

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

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

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

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

Как понять правильный ли у вас дизайн

Если мы говорим о задаче продавать, то «правильность» UX-дизайна проверяется посредством А/Б тестирования или фокус групп. Это позволяет увидеть насколько пользователю, понятен и удобен интерфейс. Например, перед всеми членами фокус группы ставится задание, найти определённый раздел на сайте или зарегистрироваться. То насколько они быстро справляются с этим и говорит о качестве UX-дизайна.

Как сделать юзабилити аудит сайта

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

Напишите в комментариях ниже ваше мнение, удалось ли мне раскрыть и если нет, то чем стоит её дополнить.

Читайте нас в Телеграм
Читайте нас в Телеграм
Комментарии: Что такое UX/UI дизайн: сходства и отличия
Ответить
Блоги компаний
⚡ В тренде
ВКонтакте объявил о запуске системы страйков, которая будет использоваться для модерации публикаций в группах и пабликах. На данный момент, система страйков запущена в тестовом режиме, чтобы админы сообществ могли понять, как она будет работать. Далее разбираемся, что такое система страйков в ВК и как будет работать новая система модерации, за что можно получить страйк и […]
Новые функции Telegram появляются так часто, что пользователи не успевают их отслеживать. Расскажем про последние фишки и покажем, как ими пользоваться. Вы можете пользоваться удобными обновлениями даже без подписки Премиум. Хотя с ней функций будет намного больше. Читайте также: Скрытые фишки Телеграм-премиум Фишки Телеграм – 9 новых функций Обязательно попробуйте новые функции, в каждом разделе […]
Бренд Zielinski & Rozen известен не так хорошо, как, к примеру, Chanel или L’Oreal. Но продукция заслуживает внимания, ведь имеет свои уникальные особенности. Если кратко, это больше, чем просто бренд, это косметика с частичкой души ее создателя. По данным на 2021 год капитал компании составлял 1,1 млрд рублей (годовой прирост более 235%). Доля выручки — […]
Яндекс добавил возможность дополнять рекламный кампании в Директе объявлениями, сгененрированными нейросетью. По данным Яндекса, использование этих объявлений обеспечивает до 15% дополнительных конверсий и помогает бизнесу находить новых потенциальных клиентов. Ниже приведены подробности о том, как работает новая функция. Читайте также: +100 шаблонов продающих заголовков Как работают объявления от нейросетей в Яндекс Директ Что представляют собой эти […]
Искусственный интеллект умеет создавать музыку с нуля, по текстам и по фото. В этой статье мы коротко расскажем, как нейросети пишут музыку, а также перечислим самые интересные из них. Создавать электронную музыку может каждый, кому она нужна. Например, блогер для своих видео или любой другой человек просто для развлечения. А еще можно написать треки в […]
Новости
Свежие статьи