⬆️ Победители в номинации Search Innovation
Google Partner

Как повысить юзабилити сайта?

Автор: Олег Гаврилюк
Руководитель оптимизаторов
5,00 1 оценка
5 комментариев
Как повысить юзабилити сайта?

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

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

Общие требования повышение юзабилити сайта

  1. Логотип магазина хорошо заметен и размещен в верхней части каждой страницы, кликабельный
  2. На сайте в шапке указан номер телефона. Номер телефона расположен на одном и том же месте на всех страницах
  3. Номер телефона указан с кодом города
  4. Номер телефона видно на любой странице в течение первых 3-х секунд просмотра
  5. Поиск по сайту находится в верхней части всех страниц сайта и виден в течение первых 3-х секунд просмотра
  6. Все ссылки в текстах подчеркнуты
  7. Все ссылки на форму обратной связи или номер телефона снабжаются призывами к действию «Позвоните нам», «Задайте вопрос»
  8. На всем сайте используется единый принцип выравнивания текста
  9. Цвета шрифтов и фона контрастны
  10. Страница 404 ошибки выполнена в дизайне сайта и содержит ссылки на основные навигационные страница магазина
  11. Любая страница сайта должна содержать коммерческое предложение
  12. При минимальном разрешении экрана (1024×768) горизонтальная полоса прокрутки отсутствует при просмотре в основных браузерах: IE, Firefox, Oper
  13. На сайте есть фавикон
  14. При наведении на кликабельные элементы (кнопки) курсор должен быть в виде руки
  15. Расстояния между абзацами должно быть больше, чем междустрочное.
  16. Все тексты должны легко читаться при масштабировании
  17. Сайт быстро загружается

Улучшение юзабилити главной страницы

  1. Главная страница содержит список основных услуг
  2. УТП видно сразу в течение первых 3-х секунд просмотра (баннер, текст, слоган)
  3. Пункты меню оплата, доставка должны быть легконаходимы из любой точки страницы
  4. Главная страница не содержит pop-up баннеров
  5. Главная страница не содержит никаких звуков запускаемых без действий пользователя
  6. Подробная контактная информация (номер телефона, адрес, email, ссылка на форму обратной связи и подробную контактную информацию)

Оптимизация навигации

  1. На главной странице выводится список основных категорий, направлений
  2. Меню каталога товаров содержит не более 8 пунктов
  3. Меню основной навигации продублировано в нижней части сайта
  4. Текущий пункт меню всегда выделен
  5. Ссылка в меню на текущий пункт не активна
  6. Используются «хлебные крошки» для всех страниц сайта. Если на сайте есть страницы более 2-УВ

Повышение юзабилити карточки товара/услуги

  1. Содержит заголовок название товара, услуги
  2. Содержит подзаголовок, на основании выгоды
  3. Существует описание товара, написанное человеческим языком
  4. Присутствуют технические характеристики
  5. Присутствует цена
  6. Кнопка «купить», «заказать», или «положить в корзину» находится после всех элементов
  7. В случае если страница длиннее одного экрана, то кнопка «купить/заказать» используется дважды или более раз
  8. Есть фотография товара, услуги
  9. Если фотография увеличивается во всплывающем окне то, размеры и оформление всех окон одинаковое
  10. На карточке товара отсутствует отвлекающие элементы (новости, витрина, реклама)
  11. Используются вкладки для разделения содержания
  12. Показано несколько цен в зависимости от типа пользователя сроков и способов покупки
  13. Показаны «сопутствующие товары, услуги» с возможностью добавить в корзину вместе с основным товаром.
  14. Указаны способы оплаты и доставки (или ссылка на страницы с соответсвующей информацией).

Оптимизация корзины и процедуры оформления заказа

  1. Блок корзины находится на всех страницах на одном и том же месте
  2. Блок корзины является одним из ярких пятен и заметен при первых трех секундах просмотра сайта.
  3. При добавлении товара в корзину РЯДОМ с кнопкой добавления появляется информация о том, что товар в корзину добавлен
  4. При добавлении товара в корзину в блоке «Корзина» происходит видимое изменение
  5. При нажатии на ссылку «добавить в корзину» повторно появляется информация о том, что товар уже в корзине и предложение «просмотреть содержимое корзины» или «добавить еще один такой товар»
  6. При наведении на блок корзина мышки во всплывающей подсказке выводятся все товары и их цены
  7. Страница корзины не содержит витрины магазина
  8. Страница корзины не содержит новостей
  9. Страница корзины не содержит баннеров и любой другой рекламы
  10. Страница корзины не содержит анимации
  11. На странице корзины есть информация о доставке
  12. На странице корзины есть информация о том как задать вопросы или связаться с менеджером
  13. Используется две кнопки «Оформить заказ» (оформить заказ обычным и необычным способом)
  14. Оформление заказа не прерывается, если пользователь не зарегистрирован
  15. Для незарегистрированных пользователей требуется ввести только имя, телефон, e-mail
  16. Предлагается несколько вариантов доставки
  17. Предлагается максимум вариантов оплаты
  18. Предлагаются способы снизить стоимость покупки
  19. В блоке корзины не используются надписи «ваша корзина пуста» или «0 товаров на 0 рублей»
  20. После завершения оформления заказа предлагается upsell

Повышение юзабилити каталог товаров

  1. В основном меню каталога не более 10-и пунктов
  2. Разделы сформированные по одному принципу оформлены одинаково, по разным — по разному.
  3. Оформление ссылок в меню на виртуальные разделы «новинки», «бестселлеры», «распродажа»
  4. На любой странице каталога есть товар и предложение его купить.
  5. Пользователь имеет возможность управлять выводом
  6. Блок товара как минимум содержит:
  7. название товара
  8. изображение товара
  9. описание товара
  10. цену товара (или несколько цен)
  11. значки и иконки акций и скидок
  12. кнопку «купить» или «добавить в корзину»
  13. Количество товаров по строкам и колонкам не всегда совпадает
  14. В разделах и подразделах содержаться ссылки на популярные разделы

Юзабилити чек лист процедуры регистрации

  1. Пользователю объясняется выгода регистрации рядом с кнопкой «зарегистрироваться».
  2. процесс регистрации имеет минимум два варианта, один из которых должен быть предельно коротким (Имя, email)
  3. при ошибке в вводе данных ошибочный пункт выделяется цветом
  4. при ошибке ввода данных, форма не перегружается и введенные данные не нужно вводить повторно.
  5. При регистрации нужно спросить согласие на получение писем от магазина

Оптимизация поиска на сайте

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

Оптимизация страницы контактов

  1. Наличие карты с отмеченным расположением компании
  2. Наличие телефонов с кодом города
  3. Наличие e-mail адреса
  4. Указано рабочие часы (время прием)
  • Belfegor

    Круто. Конкретно и понятно

  • Belfegor, пожалуйста. Пользуйтесь на здоровье.

  • Tanya

    Действительно, все по полочкам разложено. Можно использовать в качестве check list

  • Сергей Кущенко

    Повышение юзабилити карточки товара/услуги — отлично. Можете сделать такой же чек-лист для страницы статьи на информационном сайте? Или дайте ссылку, где уже есть.

  • Irena Mogilevich

    Дуже дякую, справді хороша стаття))

Do something to stop this war! Russians are killing our children and civilians!