Проверка юзабилити сайта – полный чек-лист

Сейчас практически каждая компания имеет свой собственный сайт. Оно и понятно – практически все мы сейчас ищем инфу в интернете, поэтому свой ресурс – это уже не роскошь, а основной инструмент.

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

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

Юзабилити – в чем главные проблемы

Юзабилити – это удобство сайта для пользователей. При этом дизайн ресурса может быть не самым продвинутым, но пользователь сразу же находит нужную ему информацию.

При проверке юзабилити чаще всего выявляют следующие проблемы:

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

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

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

В ходе такого контроля можно получить ответы на вопросы:

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

Для проверки юзабилити можно пойти несколькими путями. Самый простой – заказать ее в специализированной компании. Такой метод даст 100% результат, поскольку будет выполняться профессионалами. Но что делать, если бюджет компании не позволяет использовать такой метод? Конечно же, провести проверку, следуя нашему списку советов.

Сначала подвергаются контролю основные показатели работы сайта:

1. Скорость загрузки должна быть минимальной – 1-2 секунды. Если сайт грузится медленнее, то порядка 45-50% пользователей не будут ждать.
2. Ориентация на географическое расположение пользователя. Этот раздел должен включать наличие нескольких языковых режимов или выбор региона расположения пользователя.
3. Переключение языка. Этот значок должен быть расположен так, чтобы его можно было сразу найти, а сам процесс переключения языка должен переводить текущую страницу, а не перекидывать пользователя в другое место.
4. Адаптивный дизайн – обязательная составляющая современного сайта. Порядка 45% пользователей просматривают сайты с помощью смартфонов.
5. Должен быть обеспечен быстрый доступ к кнопкам корзины, оформления заказа, заказа обратного звонка.
6. Управление сайтом должно быть интуитивно понятным, желательно дополнять текст иконками.
7. Соблюдение интерфейса при оформлении разных страниц поможет пользователю не путаться при переходах.
8. Необходимо формировать страницы сайта таким образом, чтобы пользователь сразу же понимал о чем сайт и для чего конкретно нужна данная страница.
9. Предсказуемое расположение элементов – обычно логотип компании находится слева сверху, контакты – справа сверху. Располагайте такие элементы так, как привычно пользователю.
10. В контактах не указывайте 10 телефонов и 5 адресов электронной почты. Чем больше контактов указано – тем меньше хочется обращаться в компанию.
11. Логотип сайта (компании) обычно ведет на главную страницу сайта.
12. Введите элемент Карта сайта – он намного облегчит пользователю поиск по ресурсу.
13. Создайте собственный фавикон – с его помощью пользователь запомнит Ваш сайт и быстро его отыщет в поисковой выдаче.
14. Выделяйте ключевые элементы, такие как призыв к действию, форма заказа товара или обратной связи. Пользователь должен их сразу же выделять взглядом.
15. Пишите понятно – текст и элементы сайта должны быть понятны всем посетителям.
16. Лучше не вставлять в структуру сайта элементы видео- и аудио контента, которые запускаются автоматически при открытии страницы – они обычно приводят к тому, что пользователь сразу же закрывает сайт. Все всплывающие окна должны иметь явную кнопку закрытия, чтобы пользователь не искал ее и не раздражался.
17. Введите элементы скроллинга. Если страница большая, то обязательно нужны элементы прокрутки «Верх» и «Вниз».

В следующий этап проверяется дизайн и отдельные элементы сайта:

1. В оформлении страницы нужно использовать цвета и графическое выделение достаточно умеренно, чтобы не превратить ресурс в сочетание нескольких ярких пятен, которые снизят концентрацию на сути.
2. Учитывайте восприятие цвета. Так, например, если сделать кнопку заказа серой – она будет оцениваться большинством посетителей как неактивная. Слишком яркий цвет фона будет отвлекать от сути и не вызовет желания продолжать работать с ресурсом.
3. Оцените количество и расположение элементов. Повышенная концентрация объемных блоков, кнопок и прочего вызовет неприятное ощущение у пользователя.
4. Оцените размер кнопок и ссылочных элементов. Не делайте их слишком маленькими, чтобы пользователю не пришлось долго прицеливаться для нажатия.
5. Хорошо, если на сайте предусмотрено изменение курсора при наведении на кликабельные и некликабельные элементы. Это нужно, чтобы посетитель при наведении мыши сразу понимал, может он перейти по элементу на другую страницу или нет.
6. Оцените все элементы страницы – если какие-либо из них не несут функциональной нагрузки, лучше их совсем удалить.
7. Учитывайте восприятие информации на странице – обычно взгляд человека идет слева направо – так и размещайте основной контент.

Оцените кнопки страниц

1. Кнопка должна выполнять определенное действие. Если она приводит к переходу на другую страницу, это портит впечатление от работы с ресурсом.
2. Оцените, насколько удобно нажимать на кнопку, не приходится ли долго целиться.
3. Надписи на кнопке должны быть понятны и восприниматься однозначно – «Купить, заказать, оставить заявку и т. д.». Лучше не использовать текст «Продолжить, Назад, Дальше» – он не информативен и вызывает много лишних вопросов.

Оцените ссылки на страницах

1. Ссылка должна вести на другую страницу. Оцените, все ли ссылки отправляют пользователя по нужному пути и не выполняют ли они дополнительных действий.
2. Ссылки должны быть визуально выделены – обычно это синий цвет текста с подчеркиванием.
3. Ссылки на скачивание должны быть оформлены иным образом, чтобы пользователь сразу же понимал, какое действие будет выполнено.
4. Текст ссылки должен пояснять пользователю, куда он попадет (название товара или страницы).
5. Оцените, насколько удобно кликать по ссылке, не требуется ли долго нацеливать курсор.

Навигация по сайту

1. Обязательно должен быть элемент поиска по сайту – он должен располагаться в заметном месте – обычно сверху в середине.
2. Обязательно вводите кликабельные элементы перехода, чтобы пользователь мог легко попасть в любой раздел сайта.
3. При нажатии кнопки «Назад» в браузере сайт должен открывать предыдущую страницу без ошибок и подвисаний.
4. Хорошо, если в навигации сайта есть раздел «Недавно Вы посетили». Он поможет пользователю быстро вернуться на страницу, которая его заинтересовала.
5. Все страницы сайта должны иметь ссылки перехода в другие разделы.

Онлайн-инструменты проверки сайта на юзабилити

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

Яндекс Метрика – бесплатный инструмент, с помощью которого можно отследить перемещения пользователя по ресурсу, клики, скорость ориентации и многое другое. Для этого используем раздел Вебвизор. Здесь же можно выбрать и опцию просмотра тепловой карты – то есть мест на странице, которые привлекают большее внимание посетителей.

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

Usabilla – предлагает пользователям оценить ресурс на разные факторы. Здесь же можно получить развернутую обратную связь в виде комментариев.

Optimal Workshop – включает несколько инструментов по оценке дизайна, навигации, наполнения страниц. В платной версии можно получать обратную связь от участников фокус-групп.

Feng-GUI – использует автоматизированные алгоритмы проверки без участия пользователей. Программа покажет слабые места сайта, участки, на которые пользователи обратят внимание или проигнорируют.

Проводить юзабилити сайта необходимо. При этом важно не останавливаться только на одном инструменте, а проводить комплексную работу. Кроме того, оценка юзабилити – не разовая акция. Заниматься этим вопросом нужно периодически.