Улучшаем юзабилити сайта за 6 шагов
22 Мая 2019
127
0

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

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

Повысьте скорость загрузки страниц

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

  1. Выявить страницы с основным трафиком на основании данных Google Analytics и Яндекс.Метрики.
  2. Протестировать скорость загрузки при помощи специальных сервисов.
  3. Доработать страницы с учетом рекомендаций.
1.jpg

Начните с шапки

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

  1. Дескриптор – краткое описание того, что предлагает компания. К примеру: «Доставка суши в Москве», «Магазин брендовых кроссовок» и т. д. При попадании на сайт пользователь должен сразу понимать, что ему предлагают и нужно ли ему то, что вы продаете. Оптимальнее всего расположить его справа от логотипа, либо сразу под ним.
  2. Контакты. Рекомендуем указывать не более 1-2 номеров телефонов на сайте. Лучше, если это будет бесплатный номер для звонка из любого региона страны. Указывая 3 и более номера, вы вводите пользователя в замешательство и портите внешний вид шапки. Блок регистрации и входа (если предусмотрен личный кабинет) рекомендуется размещать с правой стороны.
  3. Фиксация. Важная информация должна всегда оставаться на виду у пользователя. Поэтому лучше закрепить шапку, чтобы при прокрутке ее было видно.
  4. Элементы конверсии. Обязательно добавьте кнопки «Оставить заявку», «Заказать звонок». Полезным будет и значок «Корзины», который лучше расположить в верхней правой части экрана. Этот значок должен отображать количество товаров, которые были добавлены в корзину.

Уделите внимание главной странице

2.jpg

Основная задача главной страницы – представить товар/услугу клиенту в лучшем свете. Здесь должно быть сжатое представление о предложении, мотивация к заказу/покупке и понятный алгоритм как его совершить. Именно поэтому нельзя оставлять её незаполненной, либо размещать на ней только SEO-оптимизированный текст.

Повысить юзабилити главной страницы можно при помощи следующих элементов:

  1. Баннеры. Привлекательные и яркие картинки нужно размещать на первом экране, чтобы их было видно сразу при открытии. Наиболее эффективное действуют баннеры, если на них размещаются акции или спецпредложения компании.
  2. Ссылки на разделы сайта. Яркие и привлекательные блоки, ссылающиеся на конкретные разделы сайта, помогут повысить количество переходов, и повысят удобство перемещения пользователя страницам ресурса.
  3. Блок преимуществ. Кратко сформулируйте главные преимущества компании, товаров/услуг и других качество, представляющих компанию в положительном свете. Рекомендуется подобрать иконки, соответствующие содержанию каждого из пунктов.

Не забывайте про навигацию

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

Обратите внимание на проработку следующих элементов:

  1. Меню. Оптимально разработать горизонтальное меню, чтобы его пункты отражали категории товаров/услуг. Рекомендуется, чтобы при наведении курсора выпадало максимум два списка. Более сложное меню – неудобно для пользователей.
    3.jpg
    Вертикальное меню должно отражать структуру сайта и местоположение пользователя.
  2. Кнопка «Наверх».           Позволяет пользователю быстро подняться в верхнюю часть сайта из любого места страницы.
  3. Футер (подвал). Здесь часто размещаются ссылки на самые важные разделы сайта. Для повышения юзабилити рекомендуется добавить сюда: контакты, ссылки на социальные сети, информационные («Вакансии», «О компании» и т. д.) и сервисные («Оплата», «Доставка» и т. д.) страницы.
    4.jpg
  4. Перелинковка. Ставьте ссылки на разделы и статьи своего же сайта. Это позволит увеличить глубину просмотра. Главное делать это в меру.

Проработайте страницы товаров/услуг

При улучшении юзабилити обратите внимание на следующие виды страниц:

  1. Карточки товаров. Изображение лучше располагать с левой стороны. Убедитесь, что товар можно рассмотреть со всех сторон. Справа от фото указывайте название, цену и другие конверсионные элементы. Более подробную информацию лучше расположить снизу, под этими элементами.
  2. Каталоги. Чтобы повысить юзабилити товары в каталогах должны иметь фото, название, краткое описание, стоимость и кнопку покупки. Рекомендуем выделить кнопку заказа и стоимость на фоне других элементов.
  3. Страницы услуг. Для юзабилити будет полезно добавить блоки с кратким описанием услуг, иллюстрацию (отображающую суть услуги), портфолио выполненных заказов, отзывы пользователей, а также форму заказа, которая должны выделяться и побуждать к действию.

 5.jpg

Сделайте форму заказа удобной

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

  1. Уберите капчу. Если же она нужна для отсеивания ботов, то добавьте самую простую от Google (reCaptcha).
  2. Кнопка отправки заказа должна быть яркой и выделяющейся на фоне страницы.
  3. Минимум полей. Если оформить заявку можно, заполнив только одно поле – идеально.
  4. Обязательные поля. Чем меньше таких полей, тем лучше. Такими могут выступать ячейки, куда вводится телефон или email.
  5. Добавьте подпись о соглашении с обработкой данных.
  6. После отправления заявки пользователь должен увидеть оповещение, в котором будет сказано, когда с ним свяжутся консультанты компании.
6.jpg

Перечисленные выше советы не исчерпывающие, но именно с них стоит начать в первую очередь.

Поделиться:

Текст сообщения*
Загрузить файл или картинкуПеретащить с помощью Drag'n'drop
Перетащите файлы
Ничего не найдено
Защита от автоматических сообщений
Загрузить изображение