Ю

Юзабилити

от англ. usability

С развитием технологий и ростом конкуренции интернет-ресурсы диктуют некоторые негласные правила взаимодействия пользователя с сайтом: комфорт, простоту и отзывчивость ресурса – юзабилити.

Пользователь не станет ждать загрузки страницы 2-3 минуты, не будет разбираться в хитросплетениях меню. Он просто закроет ресурс и уйдет к конкурентам, которые проработали интуитивность сайта.

Что такое Usability?

В первую очередь это удобство использования чего-либо, в данном случае ресурса в интернете.

Юзабилити сайта, онлайн-магазина, Landing Page, страницы подписки имеют некоторые отличия. Однако зная основы можно легко адаптировать стандартные правила под конкретный формат.

Оценивая данный показатель стоит поставить себя на место конечного пользователя и поразмышлять – насколько ему легко и удобно?

Давайте выделим несколько первоочерёдных характеристик, которые отвечают за качество ресурса.

Простота ориентации на ресурсе

Самый действенный вариант проверить юзабилити сайта – это показать его новым пользователям и зафиксировать их поведение.

Помогает или мешает дизайн? Понятно ли, как совершать элементарные действия – перейти в каталог, найти статью, совершить заказ и другие? Не нагружают ли баннеры, всплывающие окна и прочие маркетинговые уловки?

Эффективность действий

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

Память юзера

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

Проработанные параметры юзабилити помогут человеку быстрее сориентироваться на ресурсе - «вспомнить».

Количество ошибочных действий, которые совершаются пользователями

Этот показатель важен для аудита юзабилити сайта. Простейшее решение повысить качественные характеристики ресурса – это устранить причины ошибок.

Например, на странице товаров отсутствует навигационный элемент «хлебные крошки» (дублирующее меню). Пользователь не может быстро вернуться в основной каталог, совершает ошибки. Итог таких действий очевиден: человек уходит туда, где ему удобно и комфортно – к конкурентам с хорошим юзабилити.

Уровень удовлетворенности

Косвенный параметр, который определяется совокупностью факторов: дизайн, контент, навигация, адаптивность ресурса и т.п.

Польза

Краеугольный камень всего интернет-бизнеса. Полезен ли ресурс пользователю, находит ли он там ответы на свои запросы?

Метрики, которыми измеряют этот параметр – вовлеченность, переходы по ссылкам, кол-во целевых действий и другие.

Почему юзабилити важно?

Успешный бизнес в интернете сегодня строится вокруг двух характеристик: полезность и юзабилити.

Первая отвечает за удовлетворенность пользователя представленной информацией, вторая – удобство использования сайта.

Конверсия в онлайн-бизнесе – это основа эффективности коммерческого проекта. А уровень юзабилити влияет на конверсионные составляющие сайта.

Что происходит на неудобном ресурсе? В 90% случаев посетитель его закрывает, уходит к конкурентам или возвращается в поиск. Любое из этих действий плохо влияет на восприятие сайта поисковыми системами и пользователями. Можно вкладывать деньги в SEO или наращивать бюджеты в контекстной рекламе. И всё будет впустую, если не проработано юзабилити.

Сложность навигации – это первый фактор, который может испортить весь бизнес в сети. Единичны юзеры, что настроены покопаться в хитросплетениях меню, почитать инструкцию пользования ресурсом и прочее. Главный постулат электронной коммерции звучит так – если человек не может найти продукцию, он не сможет её купить.

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

Структура и навигация

Пользователи не станут тратить больше 5-8 секунд на то, чтобы разобраться: где они находятся и что здесь делать. Структура ресурса должна быть понятна с первого взгляда.

Навигация – юзер должен понимать, на каком уровне иерархии он находится: тема, раздел, страница.

Поиск

Для качественного юзабилити большого портала или онлайн-магазина рекомендуется разместить кнопку поиска.

Желательно сделать это в шапке сайта или рядом с меню, которое отображается на всех страницах. Элемент поможет найти нужный товар, если в течение 3-4 секунд это не удалось сделать навигацией.

Лаконичность

Времена перегруженных страниц ушли навсегда, открыв дорогу практичности и удобству. Этот принцип юзабилити оперирует множеством формул.

Например, правило 3-х кликов. Если пользователь не нашел искомое за 3 клика, то надо работать со структурой сайта.

Правило перевернутой пирамиды, когда все самое ценное, полезное выдается в начале. Закон близости элементов и другие.

Оформление

Минималистичный дизайн не отвлечёт человека от главного – получения пользы от взаимодействия с ресурсом. К тому же он ускоряет загрузку страниц, что хорошо влияет на факторы ранжирования в поисковой системе.

Адаптивность и кроссбраузерность

Ресурс должен быть удобным с любого доступного устройства пользователя и в любом из известных браузеров. То есть быть лояльным для как можно большего числа возможных пользователей.

Меню не должно съезжать за рамки экрана, текст должен быть читабельным и т.д.

Контекстное наполнение

Юзабилити напрямую взаимодействует с информацией на сайте. Важно грамотно оптимизировать контент: вывести актуальные статьи на видное место, показывать акции, скидки на товары, новости и многое другое.

Интуитивный путь клиента к целевому действию

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

Как улучшить юзабилити сайта?

Проработать элементы навигации

Меню должно отображать категории на сайте, рекомендуется делать до 3-4 уровней вложенности.

Например, в горизонтальном меню при наведении курсора на категорию появляется 2 уровень вложенности, а при нажатии на ссылку человек переходит в каталог товаров. Три действия – хорошее юзабилити.

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

Работа с шапкой и футером

В футере (самый нижний элемент страницы) размещают дубль меню в виде ссылок, контакты, иконки соцсетей, новые публикации в блоге, карту, лид-форму.

Липкая кнопка навигации «наверх» - простое решение, которое помогает быстро перейти в шапку сайта из любого места на странице. В шапке отображают меню, корзину и кнопку поиска – оптимальный набор для любого ресурса.

Улучшить структуры страниц товаров и «пути покупателя»

Проработка страниц каталога: услуги, товары, продукция по акциям. Находясь в каталоге, посетитель должен иметь возможность сразу положить товар в корзину, сравнить с другими, перейти на карточку.

Рекомендуется делать кликабельной всю область блока. Форму онлайн-заявки следует упростить до нескольких важных пунктов или сделать её пошаговой. Первое окно – имя, контакты; второе окно – адрес доставки; третье – способ оплаты.

Увеличить скорости загрузки

По статистике около 50% ждут открытия страницы не более 2 секунд, 40% - уходят, если нет отклика через 3 секунды. Около 2/3 пользователей не возвращаются повторно на «тормозной» ресурс. Более половины расскажут коллегам и друзьям о негативном опыте.

На юзабилити влияет скорость загрузки. Что делать для повышения? Основное – оптимизировать весь графический контент. Кэшировать неактуальный контент, чтобы он не отнимал ресурсы.

Работа с мобильными версиями

Отображение страниц на телефоне несколько отличается от обычной верстки. Обычно мобильные версии имеют существенно меньше элементов для удобства использования на небольших дисплеях.

Дизайн

В понимании юзабилити дизайн – это практичность, структура, лаконичность. Пользователю должно быть комфортно: удобно искать информацию и взаимодействовать с ресурсом. Упрощайте оформление, основываясь на результатах сплит-тестирования.

Контент

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

Как провести юзабилити-тест?

Для того, чтобы улучшать какие-либо характеристики, необходимо сначала расставить приоритеты. Для этого существует полноценный аудит юзабилити ресурса.

Тестирование также имеет чёткую структуру:

  1. Для начала необходимо собрать таргет-группу – представителей ЦА. Чем больше человек участвуют в тестировании, тем лучше
  2. Следом определить действия пользователей, которые необходимо тестировать в первую очередь. Обычно это стандартные манипуляции с сайтом, совершаемые посетителями. В зависимости от формата ресурса элементы юзабилити могут отличаться. Например, тест онлайн-магазина будет включать проверку пути клиента, эффективности корзины
  3. Наблюдать и фиксировать действия пользователей. На данном этапе выявляются ошибки, трудности навигации, оформления заявки и прочие недочёты

Выводы

Показатель usability крайне важен для бизнеса, поскольку неудобный сайт не принесет пользы посетителям и результат его работы будет стремиться к нулю.