Эти два термина сейчас можно встретить очень часто. Кто-то предлагает услуги по разработке UX/UI, а кто-то находит готовые наборы таких элементов и пытается приспособить их под свои нужды. При этом далеко не все вникают в смысл этих обозначений, ведь оба они относятся к дизайну. Но это разные вещи, просто дополняющие друг друга. Давайте разберёмся с этим вопросом.
Что такое UX
«User eXperience» – из этих слов и образовалась аббревиатура UX. Означает это «пользовательский опыт». Если коротко, то UX-дизайн сайта или приложения – это такой дизайн, где пользователь чувствует себя комфортно. В нём всё продумано до мелочей и при этом нет ничего лишнего.
Если не соблюдать принципы UX-дизайна, то может получиться страница, на которой много ненужных второстепенных элементов – они только отвлекают внимание и не несут никакой смысловой нагрузки. Такие сайты можно часто встретить – на них уже на первом экране буквально глаза разбегаются от обилия всевозможных картинок, заголовков, слайдеров, кнопок.
Одна из задач UX-дизайна – подвести посетителя к совершению некоторого действия. Это делается с помощью обычной логики в размещении элементов страницы. Такой подход используется на лендингах, где информация подаётся дозировано, а в определённых местах расположены призывы к действию. Посетитель сам не замечает, как его интерес возрастает, и вот уже ему хочется оформить заказ.
Поэтому UX-дизайн – это не то, что мы обычно считаем за собственно дизайн. Это не картинки, кнопки и тексты, а всего лишь их порядок и способы расположения. UX-дизайнер создаёт макет, который будет максимально удобным и будет выполнять поставленную задачу. Он продумывает структуру не только отдельных страниц, но и всего сайта в целом – чтобы не возникало никакой путаницы в навигации.
В основе UX-дизайна лежат в первую очередь цели будущего сайта – увеличение продаж, получение подписчиков, размещение рекламы и прочее. И дизайнер старается создать прототип, который позволит достичь этих целей. Для этого он использует анализ аудитории, существующих сайтов конкурентов и современных методов.
Обычно создаётся несколько вариантов прототипа и из них выбирается тот, который наиболее эффективен. Таким образом, UX-дизайн – это больше аналитическая работа. Её не видно, но от того, насколько качественно она проделана, зависит удобство сайта.
Что такое UI
Эта часть работы дизайнера как раз самая заметная. UI – сокращение от User Interface, то есть «пользовательский интерфейс». Это то, что видит посетитель сайта – приятные для него сочетания цветов, удобные шрифты, анимации и прочие мелочи. Это дизайн в более привычном понимании.
Но у UI-дизайнера тоже много своих сложностей. Хотя у него и есть UX-структура, но ему нужно проработать каждый элемент отдельно. Если он допустит небрежность хотя бы в одном месте, всё впечатление может быть испорчено. Поэтому дизайнеры работают с каждым проектом индивидуально, ведь решения, которые подходят для интернет-магазинов, не подойдут для корпоративных сайтов. Да и тематики у всех разные. Здесь нет места шаблонности.
UI-дизайнер следует некоторым правилам:
- Все элементы интерфейса объединяются в логические группы, которые отделены друг от друга и имеют собственное назначение. Например, карточки товаров – это отдельные части сайта.
- Все элементы объединяются в более крупные структуры или разделы и группируются. Затем их можно вывести в меню или добавить фильтры для быстрой сортировки – это удобно для товаров и часто применяется.
- Элементы сайта должны быть выровнены относительно друг друга, а не разбросаны хаотично. Для этого применяются различные системы сеток, чаще всего это 12-колоночная.
- На сайте должна применяться единая цветовая схема. При этом дизайнер выбирает несколько основных цветов, которые хорошо сочетаются. Или он следует корпоративному стилю, если такой имеется.
- Все части сайта и все элементы должны быть выполнены в одном стиле. То есть не должно быть такого, что в одном месте кнопка большая и красная, а в другом подобная – маленькая и синяя. Цвета, размеры шрифтов, внутренние и наружные отступы – всё это должно соблюдаться по всему сайту.
Конечно, это далеко не все правила, а лишь самые основные. И иногда они могут нарушаться, если это нарушение даёт хороший результат. Например, если смещение кнопки не по сетке позволяет повысить её эффективность, то это можно сделать. Но такие нарушения всё же встречаются редко и по возможности дизайнеры стараются соблюдать правила. Это облегчает работу верстальщика, который будет превращать дизайн в готовый сайт. Или программиста, если это дизайн приложения.
Кто занимается UX/UI дизайном
Как видите, UX и UI – это совсем не одно и тоже, а разные, хотя и смежные направления. И занимается этим чаще всего один человек, так как сложно провести грань, где кончается одно и начинается другое. Ведь даже на стадии планирования UX дизайнер уже начинает представлять, как будут выглядеть элементы сайта, которые он пока только размещает в прототипе. Логично, что именно он и доведёт работу до конца. Если разделять эти процессы и поручать их выполнение разным людям, результат может получиться непредсказуемый.
Поэтому всеми этими этапами и занимается один и тот же человек – для сайтов это веб-дизайнер. Он привлекается на самых ранних этапах разработки. После него в дело вступает верстальщик, который на основе дизайна создаст работоспособный сайт. Иногда дизайнеры могут выполнить и эту часть работы – области смежные, поэтому некоторые осваивают и вёрстку.
При разработке приложений всё происходит аналогично, только там после дизайнера работает программист.
