Блог

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

 

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

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

Практическая роль юзабилити

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

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

Советы по повышению юзабилити сайта

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

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

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

Для реализации данной задачи вебмастеру нужно:

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

- установить навигационный блок с «хлебными крошками»;

- обеспечить вывод релевантных новостей или карточек похожих товаров;

- задействовать опции быстрого поиска (поиск с подсказками);

- продублировать ссылки меню в местах, удобных для посетителей;

- установить модуль пользовательской карты сайта.

3. Размеры меню. Специалисты сайтостроения не рекомендуют создавать больших и сложных меню. Оптимальное количество пунктов для доступного и понятного меню – это 5, 7 позиций (максимум 9, но не более того). Для улучшения юзабилити можно еще и продублировать блоки меню в разных позициях сайта.

4. Скорость загрузки (не более 3 сек). Рекомендуемым временем загрузки сайта является интервал в 2-3 секунды. За это время ресурс должен предоставить отклик на запрос посетителя или его активные действия. Время загрузки, превышающее 3 секунды, требует незамедлительного технического вмешательства и ускорения сайта.

5. Действия целевой аудитории. При улучшении юзабилити сайта следует думать о целевых посетителях, о проблемах и нуждах аудитории. Удобно ли людям работать с ресурсом? Для сбора такой информации следует пользоваться:

- инструментами аналитики (Яндекс.Вебвизор, Google Analytics);

- сервисами сбора мнений и отзывов (в том числе рейтингами с выставлением оценок к страницам, товарам и записям);

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

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

6. Полезный интерактив. Интерактивным можно считать любой программный продукт, на который может воздействовать посетитель. Такой элемент часто зовется «полезным сервисом», «полезной программой» и легко интегрируется в дизайн веб-сайта.

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

- всевозможные онлайн-калькуляторы;

- блоки с новыми анекдотами, flash-играми и гороскопами (для развлекательной темы);

- сервисы подбора цветов и оттенков (для дизайнерской темы);

- инструменты каких-то расчетов и вычислений;

- онлайн-тесты, опросы и голосования;

- сервисы обработки изображений (для фото-стоков или социальных сетей);

- инструменты сравнения цен (для онлайн-магазинов) и т.д.

7. Контакты и связь. Обязательный пункт любого сайта, обеспечивающий взаимосвязь с аудиторией. Для создания системы связи вебмастеру нужно использовать:

- виджеты сообществ из социальных сетей;

- привычную форму «Обратная связь» (с минимальным числом обязательных полей);

- форму подписки на e-mail рассылку;

- классический и социальный блоки для комментариев;

- кнопки «Поделиться» для популярных социальных сетей (такие кнопки позволят сохранять ссылки на сайт и возвращаться по ним);

- прямые контактные данные (в текстовом виде), вынесенные в «шапку» и/или «подвал» ресурса.

8. Отвлекающие факторы. Для улучшения юзабилити следует вычистить сайт от всех отвлекающих факторов. К числу таких элементов обычно относятся блоки с рекламой, всплывающие и выскакивающие окна (pop-up и pop-under), аудио или видео, которое запускается автоматически, чрезмерно большие картинки (в том числе и графика дизайна).

9. Первый экран. Все важное нужно расположить на «первом экране». Это та область сайта, которую сразу увидит пользователь, и к ее наполнению следует отнестись очень серьезно. Сюда рекомендуется вынести:

- название и логотип сайта (чтобы сразу было понятно, о чем ресурс, какова его тема);

- контактные данные (телефон, физический адрес, e-mail, Skype, ICQ);

- списков товаров, ХИТ-ов продаж (онлайн-витрина для интернет-магазина);

- основное меню ресурса;

- «Корзину» сайта (для коммерческих проектов, поддерживающих эту опцию).

Оставить комментарий

Make sure you enter all the required information, indicated by an asterisk (*). HTML code is not allowed.