Что такое Usability?
Наиболее емкое и понятное определение гласит, что юзабилити - это «качественная мера, определяющая удобство пользования интерфейсом сайта», или по-другому, степень удобства его использования.
Хорошее юзабилити или плохое определяется совокупностью нескольких факторов:
- Насколько быстро посетитель начинает ориентироваться на сайте и выполнять простые действия (для тех, кто увидел интерфейс впервые)
- Как быстро пользователь запомнил принципы работы интерфейса, не придется ли ему изучать их заново при возвращении на сайт
- Количество и вид ошибок, которые совершают посетители сайта, можно ли исправить эти ошибки
- Насколько посетителю нравится и приятно работать с сайтом, его субъективное мнение
Почему это важно?
По данным последних исследований, из-за плохого юзабилити интернет-магазины теряют более 50% потенциальных покупателей, так как любой посетитель не хочет тратить много времени на то, чтобы понять, как функционирует тот или иной интерфейс. К примеру, потенциальный покупатель выбрал товар, ознакомился с характеристиками, нажал кнопку «Купить» и увидел длинную форму, которую ему предстоит заполнять. В итоге он закрывает страницу и переходит на сайт конкурента, так как там для покупки требуется лишь указание своего телефона или e-mail.
Почему юзабилити особенно актуально в 2016 году?
Поисковые системы все строже оценивают сайты и ранжируют их в поисковой выдаче по множеству критериев, в том числе и по юзабилити. После введения Яндексом алгоритма «Минусинск» оптимизаторам ничего не остается кроме как делать «сайты для людей», то есть максимально удобные, информативные и соответствующие запросам пользователя. Не сложно догадаться, что чем лучше юзабилити, тем выше сайт в поисковой выдаче.
Предлагаем рассмотреть базовые принципы хорошего в плане юзабилити сайта на примере нашего клиента.
Хотите, чтобы в следующей статье мы проанализировали юзабилити вашего сайта? Отправьте адрес сайта на почту pr@web-ar.ru
1. Размещайте важную информацию слева
Правая часть страницы обычно содержит рекламу, поэтому мы игнорируем ее. Это вызвано так называемой «информационной слепотой», когда мы перестаем обращать внимание на баннеры и объявления, оценивая их как рекламу с помощью периферического зрения. Кроме того, русскоязычная аудитория владеет письмом слева направо, поэтому ее основное внимание направлено именно на левую сторону.
2. Четкая структура шапки сайта
Не перегружайте шапку лишней информацией и старайтесь, чтобы ее высота была как можно меньше. Обязательные элементы:
- логотип компании с возможностью перехода на главную страницу
- меню
- дескриптор или, так называемый, технический слоган – кратко характеризует деятельность компании
- контакты
- строка поиска для сайтов с большим каталогом или информационных площадок
- выбор города для федеральных компаний
- кнопка заказа обратного звонка
3. Каждая входная страница пользователя должна быть продающей и интересной
Последние исследования показали, что большая часть трафика попадает на сайт далеко не с главной страницы. Основная доля переходов приходится на поисковые системы, социальные сети и рекламные объявления. Именно поэтому важно позаботиться о том, чтобы каждая входная страница была оформлена правильно (с точки зрения юзабилити).
- Размещайте самые важные элементы там, где посетители точно их увидят
- Действия пользователя на каждой странице должны быть очевидными.
- Решите, какие элементы являются самыми важными и создайте условия, которые приведут посетителя к ним.
- Удалите все то, что не имеет важности. Только функциональные элементы и никаких «для красоты».
- Текст должен быть адаптирован для быстрого «сканирования взглядом»: разделен на абзацы, иметь заголовки, подзаголовки и маркированные списки.
- Предоставьте пользователю выбор, читать или не читать ту или иную информацию. Для этого можно использовать разворачиваемый текст или якоря.
Следующий экран:
4. Эффективный призыв к действию
Призыв к действию (CTA, Call To Action), как очевидно из названия, продающий элемент, который призывает пользователя совершить то или иное действие: заказать звонок, зарегистрироваться, подписаться на новости, скачать файл и т.д.
Чаще всего в качестве призыва к действию выступает кнопка или любой кликабельный элемент.
Как создать эффективный призыв к действию?
Создание призыва к действию начинается с дизайна. С точки зрения конверсии неважно, какого цвета кнопку вы поставите, главное, чтобы она одновременно органично вписывалась в дизайн сайта и выделялась на фоне других элементов, не раздражая посетителя.
- Поместите призыв к действию туда, где пользователь сможет увидеть его в самый подходящий момент.
- Окружите CTA (кнопку) той информацией, которая повлияет на решение пользователя. Это может быть изображение, видео или текстовая информация.
- Факторы доверия должны располагаться также рядом с призывом к действию. Это увеличит конверсию.
Все элементы, ведущие к призыву (CTA) должны отвечать ответы на вопросы посетителя «Почему я должен нажать на эту кнопку (подписаться, купить, заказать)?» «Какая будет от этого выгода?». Для этого можно использовать ваше УТП или несколько преимуществ компании или товара.
5. Захват лидов
Главное правило для захвата лидов – простота и отсутствие лишних элементов. Напишите сильный заголовок, простой подзаголовок и вставьте форму для заполнения.
6. Адаптивный дизайн
Это, пожалуй, один из самых главных факторов эффективного сайта в 2016 году, когда количество посетителей с десктопных и мобильных устройств практически сравнялось. Запомните, если ваши клиенты не могут комфортно пользоваться вашим сайтом на мобильном устройстве – это прямой путь к провалу.
Кроме того, поисковые системы хуже ранжируют сайты, не имеющие мобильной версии.
Заключение
Пользовательский опыт и качественное юзабилити на мобильных устройствах будут ключевым направлением развития в 2016-ом. Поэтому проектируя сайт, внедряя продающие элементы и призывы к действию, не забывайте ориентироваться на то, как будет выглядеть страница в мобильной версии.
Хотите, чтобы в следующей статье мы проанализировали юзабилити вашего сайта? Отправьте адрес сайта на почту pr@web-ar.ru
