Почему они идут вместе? А зачем нужны?
Обычный перечень вопросов новичков и людей далеких от digital. Нередки случаи, когда не до конца понимая смысла этих слов, люди называют вещи не своими именами.
В статье расскажем что такое UX/UI, чем они отличаются и почему это нужно.
Заметим заранее, что UX/UI дизайн создается для любого продукта на рынке: от пакетов молока до суперкомпьютеров, но в статье будем вести речь конкретно о UX/UI в приложениях и на сайтах.
User eXperience
UX — user experience — опыт пользователя. То, как человек будет пользоваться приложением, насколько просто и понятно выполнить задачу в приложении. Разобраться с функционалом можно интуитивно или надо читать руководство? Какие чувства и эмоции вызывает приложение?
Если проводить аналогии, то:
- UX — это стратегия, а UI — план;
- UX — сценарий фильма, а UI — раскадровка;
- UX — конституция, а UI — УК;
- UX — постройка стены, а UI — внутренняя отделка;
- UX — экстерьер, а UI — интерьер;
- UX — хочу есть, а UI — борщ, плов или окрошка.
Чем лучше проработан UX, тем скорее пользователь дойдет до конечной точки.
Например, возьмем форму регистрации на сайте сети ресторанов.
Какая мотивация должна быть у пользователя, чтобы он заполнил все эти поля?
Здесь не учитывается комфорт пользователя, форма регистрации становится сложной, а на заполнение нужно тратить силы и время. Это оттолкнет человека, он не захочет регистрироваться. Плохой UX дизайн приведет к потере клиента.
Как это улучшить? В форме регистрации запросите базовые данные: имя, номер телефона, e-mail и пароль. А остальную информацию запрашивайте по необходимости: адрес спросите, когда клиент оформляет доставку, а возраст, если перейдет на страницу с алкоголем.
Хороший UX дизайн предугадывает, какие сложности возникнут у пользователя и как их решить. Для этого определяют структуру и функциональность интерфейса, создают логику навигации и строят взаимосвязь между элементами на экране. Пользователь за первые минуты понимает, как тут все устроено и как с этим работать. Это хороший user experience.
UX проектирование завязано на личности и психологии. Хорошо, когда дизайнер понимает, как увлечь читателя, сколько информации ему выдать, как он исследует страницу. Такие знания берутся из исследований поведения людей, фундаментальных анализов и опыта.
User Interface
Пользовательский интерфейс определяет, как будет выглядеть приложение. Какие использовать кнопки, шрифты и картинки, слайдеры и анимацию, где поставить форму и как она выглядит — это работа UI дизайнера.
Правда, в погоне за эстетикой можно лишиться удобства. Старые иконки у Google понятны и легко ассоциировались с сервисом и функционалом. Теперь при взгляде на иконку первая мысль: “что-то от гугла”.
Чтобы интерфейс был хорошим, он должен быть простым. Функциональные элементы легко распознаются, а кнопки понятно расположены: частые функции вынесены вперед, деструктивные кнопки отдельно выделены. Человек интуитивно понимает, что его ждет, если нажмет на кнопку. Очень хорошо, если это понимание происходит на уровне образов, без сопроводительного текста.
С точки зрения бизнеса
Встречают по одежке. Человек зайдет на сайт и первым делом увидит дизайн. Затем начнет его изучать и познакомится с UX. Только после этого дойдет до услуг и продуктов компании. Если ему не понравится дизайн или он покажется неудобным - посетитель покинет сайт. Компания потеряет клиента.
UX/UI дизайн напрямую влияет на ROI. Хотя методы расчета разнятся, есть близкая к истине вещь: каждый доллар потраченный на UX/UI принесет 10 долларов взамен. Объяснить это можно так: на улучшение и исправление продукта тратится больше денег, чем на дизайн. А результат доходности одинаковый.
Добавить определение геолокации в приложение и оффлайн синхронизацию во время разработки приложения — на неделю больше работы, чтобы все продумать и реализовать.
Добавить определение геолокации и оффлайн синхронизацию в уже существующий продукт, которым пользуются тысячи людей — возможно, месяц разработки, баги, конфликты с внутренними сервисами и недовольство пользователей.
Поменять дизайн? Неважно, готовое приложение или нет — неделя-две работы и ничего не сломается.
Чувствуете разницу?
- Согласно статистике, проработка UX может повысить конверсию на 400%
- ESPN.com обновили главную страницу сайта с упором на улучшение UX/UI — выручка увеличилась на 35%.
- Интересное наблюдение: Bing перешли на корпоративный оттенок синего — доходы компании взлетели до $80 миллионов.
Это доказывает, что UX/UI не осознается, но воспринимается подсознательно.
Хороший пользовательский интерфейс — не просто элемент брендинга, он имеет денежную ценность.
UX x UI
Итак, UX объясняет, как это будет работать, а UI - как выглядеть. Чтобы функциональность и эстетика были на одном уровне, не перевешивали друг друга, к проектированию нужно подходить комплексно. Если раньше инженеры и заказчики неосознанно были UX/UI проектировщиками, то теперь этим занимается дизайнер.
Дизайнер должен сделать так, чтобы интерфейс отражал функциональность и человек хотел пользоваться приложением. Он должен решить, поймет ли человек, что от него хочет программа или тут нужно добавить еще текста и кнопок? Он должен сделать путь от запуска приложения до покупки услуги коротким, простым и понятным. Без хорошего интерфейса не получится оптимизировать пользовательский опыт. При этом продуманный интерфейс сам по себе улучшает пользовательский опыт.
Чтобы создавать интерфейсы, нужно понимание принципов визуального повествования. Для этого необходимы исследования, показывающие что люди хотят видеть, чего ждут от приложения и что предпочитают. Пользователю нравятся закругленные кнопки или плоские? А какой шрифт предпочтительнее? Эти, казалось бы, мелочи влияют на восприятие человека. И чем они лучше, тем больше шансов, что человек останется в приложении и будет им пользоваться.
С улучшением пользовательского опыта все несколько сложнее. Придумывать что-то совершенно новое - рисково. Пользователь может не понять, не оценить предложенный вариант. Не потому, что вариант плохой, а потому, что не знакомый.
Предугадывать ожидания и действия пользователей — задача UX дизайнера. Нужно опираться на свой жизненный опыт и эмпатию, понимать, как живет его целевая аудитория. Какие проблемы они обычно встречают, что непонятно, а что настолько привычно, что к новому они не готовы?
Например, иконка сохранения файлов - это флоппи диск. Флоппи диски давно никто не использует: родились поколения, которые их никогда видели, но если поменять иконку на новую - люди не поймут, что делает эта кнопка. Ассоциация настолько сильна, что иначе никак. Менять иконку бесполезно, зато есть возможность обыграть это: как пример, можно отказаться от текста и использовать только иконку.
UX+UI
UX и UI требуют разных навыков и знаний, но они взаимосвязаны.
Идеальный пользовательский опыт никому не нужен, если дизайн некрасивый и кнопки угловатые. А красивая обертка не спасет от провала из-за скудности функционала. UX/UI должны совместно работать с ожиданиями пользователя и его опытом. Результатом такой работы будет превосходный продукт, который дает максимальную пользу клиенту.
Проработанный UX/UI дружелюбен к пользователю, захватывает внимание и удерживает в приложении. Это напрямую влияет на конверсию и выручку. Проведите ревизию продукту: может, можно что-то улучшить, изменить или сменить дизайн вовсе?
Или доверьте это специалистам: оставьте свои контакты и мы поможем вам проработать UX/UI вашего сайта.
