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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

5. Проверьте дизайн вашего сайта

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

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

6. Страницы товаров/услуг должны быть хорошо проработаны

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

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

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

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

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

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

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

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

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

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

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

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

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