А в какой дезигн можешь ты?
Что такое UX-дизайн?
Как обычно, этот термин попал к нам из английского языка — user experience (опыт пользователя). Сам термин появился относительно недавно, но деятельность по UX существовала давно, просто сейчас его используют по отношению к сайтам и приложениям. Например, использовать колчан для стрел вместо того, чтобы нести их в руках — это UX. Или, на современный лад, покупка товара в один клик — тоже UX. Целью такого дизайна является выработка наиболее удобного и практичного сайта или приложения. Сделать его таким, что пользователь даже не заметит, как попал, например, на страницу оплаты.
Впервые термин использовали в Apple в 1993 году. Они сделали ставку на удобный интерфейс для клиента и сейчас являются одной из самых популярных компаний мира.
UX-дизайнер показывает себя как умелого аналитика, он должен спрогнозировать действия посетителя, может поставить себя на место покупателя. Все это нужно, чтобы проработать путь клиента от попадания на сайт до конечной цели, например, регистрации профиля или покупки товара. UX позволяет сделать сайт простым, удобным и понятным для посетителя. Если этого не добиться, то человек может запутаться в ссылках, не увидеть нужную вкладку, не найти кнопку оплаты, забросить все это дело и уйти на другой более понятный сайт. UX-дизайнер разрабатывает интерфейс, продумывает каждую его мелочь и передает эти наработки дальше UI-дизайнеру (если это отдельный сотрудник).
Не забываем про подробно прописанное техническое задание (ТЗ)! Как говорится, «без нормального ТЗ результат всегда хз».
Что такое UI-дизайн?
UI — это user interface (интерфейс пользователя). UI-дизайн — это, скорее, физическое воплощение идей UX-дизайна, его детальная проработка. То есть если последний продумывает путь пользователя на сайте от точки А до точки Б, то первый реализует этот путь. UI определяет, какого будут размера кнопочки, их цвет, расположение, что на них написано, где будут находиться те или иные разделы сайта или приложения, кликабельны ли вообще все эти кнопки и ссылки.
В примере с колчаном UI-дизайн указывает, какого размера будет колчан, как он будет крепиться, какого он будет цвета, какие дополнительные функции будут прикручены, в каком стиле создан (восточно-византийском или англосаксонском).
UI-дизайнер реализует структуру и логическую связанность всех разделов сайта или приложения, выравнивает все элементы между собой, выбирает идеальное сочетание цветов, определяет их размер, адаптирует сайты под все возможные устройства — вся эта работа проводится ради клиента, у которого засветятся глаза при виде сайта и возникнет желание вернуться на него, чтобы еще раз посмотреть на этот дизайн.
UX и UI вместе
Часто выходит, что эти четыре буквы совмещает в себе один человек. Он продумывает UX-дизайн: анализирует потребности клиентов, составляет их путь, строит макет будущего сайта или приложения, тестирует его, доводит до идеала под названием «дружественный интерфейс». После этого включается его вторая ипостась — UI-дизайн, где он уже тестирует и реализует весь проект, дарит ему жизнь, чтобы сайт или приложение приносили радость клиентам и деньги заказчику.
Возвращаясь к средневековому примеру, UX/UI-дизайнер сначала изучает, как лучнику будет удобнее всего доставать стрелы, где он их будет носить, насколько глубоким должен быть колчан. Затем он делает примерный макет, тестирует его и начинает воплощать проект в жизнь, заодно продумывая внешний вид колчана, чтобы и владельцу было приятно его носить, и враги могли завидовать такому искусно созданному изделию.
Фактически UI является частью UX, они связаны и работают вместе. Один продумывает весь проект, а второй его воплощает. В процессе реализации могут вноситься правки как со стороны UX, так и со стороны UI. Конечной целью деятельности должен стать полностью готовый, удобный и красивый продукт, который затем отправляется клиентам.
Еще один более современный пример с микроволновкой и ее интерфейсом, которые также разрабатывает UX/UI-дизайнер. Он изучает, как удобнее всего расположить панель управления на устройстве, какие кнопки будут отвечать за время, мощность нагрева, запуск и остановку микроволновки. А затем реализует ее внешний вид, делая стильный дизайн кнопочек, располагая их согласно пользовательскому опыту. В итоге получим микроволновку, интерфейс которой находится справа от дверцы, кнопки включения и остановки размещены рядом и выделяются на фоне остальных, все они понятно подписаны, например, «+30 сек», «Стоп» или «Разморозка».
Что в итоге?
Подведем черту. UX — разработка проекта, создание макета и изучение пользовательского опыта. UI — физическая реализация того, что напридумывал UX. Все вместе — это путь создания какого-либо продукта со всеми ошибками и правками и с доведением его до идеала. UX и UI может заниматься как один человек, так и двое. UX/UI-дизайнер находится в постоянном взаимодействии с другими отделами компании, например, с маркетологами или технической поддержкой.
Создавайте удобные и красивые сайты и размещайте их у Спринтхост. На нашей площадке разрабатывать, тестировать и взаимодействовать с сайтом удобно и просто. Не последнюю роль в этом сыграли наши дизайнеры, которые старались сделать интерфейс профиля максимально понятным и удобным.
