Web-usability, повышение качества сайта
Веб юзабилити – принципы повышения конверсии сайта

Улучшаем юзабилити сайта

Web-usability — это совмещение технической оптимизации сайта, с удобством и простотой использования сайта для пользователей, и ориентирован на повышение конверсии.

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

Основные работы

  • Наличие, логика и корректность всех элементов сайта
  • Возможность упрощения доступа к информации для пользователей
  • Дизайн сайта, совместимость цветов, контрастность текстов
  • Проверка контента сайта на актуальность информации

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

Анализ сайта

Есть множество сервисов статистики, наиболее распространенные Яндекс.Метрика и Google Analytics.

Яндекс.Метрика

Яндекс.Метрика

Google Analytics

Google Analytics

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

Наблюдение за действиями пользователей

Анализ можно производить при помощи бесплатного инструмента Яндекс.Метрика - «Вебвизор», он записывает действия осуществляемые посетителями на сайте. Вебвизор дает большой объем информации для анализа поведения пользователя на сайте.

Анализ сайта при помощи Вебвизора

Анализ сайта при помощи Вебвизора

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

Улучшение дизайна сайта

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

Навигация и структура сайта

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

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

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

Важные элементы и их позиции:

  • Контакты в шапке сайта
  • Видимость корзины на коммерческом сайте
  • Отдельная страница контактов — не стоит путать страницу помощи, где пользователь может найти информацию самостоятельно, и страницу контактов. Это не взаимозаменяемые разделы. Обе страницы должны существовать на сайте
  • Футер, предлагающий полезные данные и облегчающий навигацию по сайту

Работающий поиск

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

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

«В нашем магазине более 100 000 товаров. Знаете, что хотите? Воспользуйтесь поиском!»

Оптимизация внешнего вида сайта, контактов, навигации, футера.

  • Корректность верстки, отображения на разных устройствах
  • Увеличение скорости загрузки страниц
  • Проверка сайта краулером на битые ссылки и редиректы
Инструкция по Dublin Core Metadata
Инструкция по Dublin Core Metadata

Если при анализе сайта вам выдается сообщение типа - Ваш веб-сайт не использует преимущества Dublin Core, то этот материал поможет исправить это.

Инструкция по переходу сайта на HTTPS
Инструкция по переходу сайта на HTTPS

Если у вас серьезный проект стоит задуматься о переходе с обычного соединения http на защищенное https.

Наши клиенты