10 важных советов по юзабилити сайта

В этом блоге вы узнаете, что такое юзабилити сайта и какие бывают показатели юзабилити. А еще мы дарим вам полезный чек-лист по улучшению юзабилити сайта с примерами. Вперед! =)

Что такое юзабилити сайта

Юзабилити (от англ. Usability — “удобство использования”) — это качественная оценка простоты и удобства работы с сайтом.

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

Показатели юзабилити

Существует три основных показателя юзабилити сайта:

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

Почему важно соблюдать принципы юзабилити сайтов

Понимание основ юзабилити давно необходимость, ведь  удобный сайт –  это ваше конкурентное преимущество.

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

Чек-лист по улучшению юзабилити

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

  1. Адаптируйте сайт под мобильные устройства

Адаптивная версия – сейчас это первое, что должно быть у каждого сайта.  Удивительно, но часто встречаются сайты, где это еще не реализовано. Есть и сайты, где мобильная версия сделана неудобно – например, в виде “резиновой верстки”, не настроены области просмотра, не адаптирован контент, не выделены активные элементы:

Подпишитесь на авторский телеграм-канал про предпринимательство в России.

Пример сайта

Такой сайт с мобильного устройства выглядит нечитабельным, его нужно постоянно пролистывать, растягивать, приближать. Увы, все это приводит к потере клиентов.

Кроме того, поисковая система Google с 2015 года учитывает дружелюбность сайта к мобильным устройствам при ранжировании!

Проверьте свой сайт на адаптивность, используя сервис http://adaptivator.ru/

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

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

Также рекомендуем прочитать статью: Что такое дубли страниц и их происхождение.

Самостоятельно проверить сайт на скорость загрузки можно здесь – https://developers.google.com/speed/pagespeed/insights/

  1. Сделайте удобную структуру и навигацию по сайту

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

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

А если категорий очень много, то лучше добавить  «Карту сайта», которая сориентирует пользователя, какие разделы содержит ресурс и как ему туда попасть.

Пример сайта звук

  • Добавляйте строку поиска по сайту.  В некоторых случаях это ускоряет поиск нужной информации

Фотошанс

  • Размещайте также «хлебные крошки» — навигационные цепочки в верхней части блока контента, которые показывают последовательность открытых страниц, например:

Хлебные крошки

  1. Сделайте контент сайта легким для чтения и понимания

Чем больше текста на вашей странице, тем его меньше читают.

Не размещайте длинные тексты – лучше придерживайтесь правила: 80% картинок и 20% текста. Следите за оформлением, информативностью, грамотностью своих текстов.  

Чтобы текст был читабельным и легким для глаз, оформляйте его, используя следующие вспомогательные элементы:

  • Подзаголовки – нужны для скорости ориентации на странице
  • Маркированные списки – облегчают восприятие и структурируют информацию.
  • Удобные таблицы  – выделяйте строки таблицы разным цветом, чтобы информация не сливалась в единое поле
  • Крупный контрастный шрифт
  • Поясняющие картинки.
  1. Проверьте дизайн вашего сайта

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

  • Грамотно расставьте  акценты. Выделите кнопки обратной связи ярким цветом. Удерживайте внимание пользователей на важных сведениях и функциях и не перегружайте сайт баннерами и другой графикой, множеством цветов и динамичных элементов. Пользователя ничего не должно отвлекать от восприятия информации. А при длительном нахождении на ресурсе он не должен уставать от обилия разноплановой графики.
  • Не бойтесь пустоты и не стремитесь заполнить всё пространство на странице рекламными баннерами, текстами разной величины и иллюстрациями.
  • Добавляйте приятных эффектов, это оживляет сайт. Выделяйте объекты, на которые пользователь навёл курсор
  • Весь сайт должен быть выполнен в одном стиле
  1. Страницы товаров/услуг должны быть хорошо проработаны

Пользователю нужно понятное описание товара/ услуги, хорошие фото/ видео, примеры работ, цены (хотя бы в формате “от ___руб,”, также он должен понимать – где и как он может сделать заказ/

В шапке сайта должны быть закреплены контакты (телефон мобильный и городской, мессенджеры), адрес организации, график работы.

  1. Обязательно общайтесь с пользователем , используйте поп-апы, уведомления

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

Ваш товар добавлен в корзину

  1. Упростите сообщения об ошибках

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

Регистрация пользователя на сайте

  1.  Упростите форму регистрации и заказа

Чем больше полей для заполнения — тем меньше пользователю хочет тратить на это время. Облегчите людям регистрацию, предложите использовать их соцсети:

Форма регистрации

  1. Проведите технический аудит своего сайта

Для этого лучше обращаться  к профессионалам, потому что они могут сразу же и исправить эти ошибки. О каких ошибках идет речь? Например:

  • битые ссылки;
  • дубликаты страниц;
  • мусор в коде;
  • неоптимизированные изображения;
  • дубли мета-данных и т. п.

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

 Желаем процветания вашему бизнесу! =)

Автор:
Project Manаger

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *

telegram
Обратная связь
Свяжитесь с нами
Реквизиты

Фактический адрес: г. Москва, шоссе Энтузиастов, дом 56, строение 26, офис 304

Юридический адрес: 115191, г. Москва, 4-й Рощинский проезд д.7/16