0 Вы только узнали
% информации

Usability сайта: ТОП 10 ошибок мобильной версии

Generic selectors
Exact matches only
Search in title
Search in content
Search in posts
Search in pages

Поскольку эра мобильных телефонов все больше набирает обороты, уже в большинстве ниш мобильный трафик преобладает трафик с планшетов и ПК, Google в первую очередь индексирует мобильную версию сайта (Mobile First Index) — не обращать внимание на мобильную версию сайта просто невозможно. Согласно статистике, мобильный трафик в некоторых нишах может достигать от 70-90%.

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

ТОП 10 Usability ошибок мобильной версии сайта:

  1. Текст на фото
  2. Текст не виден
  3. Нет адаптивы
  4. Длинная страница
  5. Нет СТА
  6. Первый товар
  7. Текст криво
  8. Меню
  9. Использование места
  10. Слайдер

А теперь немного подробнее о каждом типе ошибок.

Текст на фото

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

Текст не видно

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

Нет адаптивы

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

Длинная страница

Если смотреть на основе карты кликов и скролла Plerdy, то появляется сразу информация о длине этой страницы. Если посмотреть ПК версию страницы категории, то на ней можно разместить от 12 до 24 штуки товаров. Даже при таком количестве страница не будет слишком велика. Если же такое количество будет на мобильной версии страница автоматически станет чрезвычайно длинная. Большое количество товара на одной странице в мобильной версии сопровождается отсутствием посещения конца этой страницы. Поэтому следует уменьшать количество информации на одной странице.

Нет СТА

Стоит учесть отсутствие ховера на мобильной версии. Наведение курсора мышки и появление определенного эффекта увеличивает шансы продажи. Если нет кнопки, то люди не видят куда кликать, что делать. Желательно добавить кнопку call to action.

Первый товар

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

Текст криво

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

Меню

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

Использование места

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

Слайдер

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

Если у Вас возникли вопросы, оставляйте комментарии или пишите мне в социальных сетях:

Я с радостью Вам отвечу и помогу улучшить конверсию Вашего интернет-магазина.

Задать вопрос

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

Ваш адрес email не будет опубликован. Обязательные поля помечены *