Юзабилити-ошибки

ТОП-5 ошибок юзабилити интернет-магазина
  1. Непонятно, о чём сайт
  2. Неудобная навигация по сайту
  3. Неполный или неудачно размещенный контент
  4. Неадаптивный дизайн
  5. Низкая скорость загрузки страниц сайта

Веб-сайт — онлайн-представительство вашего бизнеса. Это виртуальный офис, витрина, место для работы с клиентами, поставщиками, партнерами и даже инвесторами. Сделайте его максимально комфортным для всех этих людей! Как?

Очень просто — посмотрите на веб-ресурс глазами обычного пользователя и оцените:

  • насколько удобно передвигаться по разделам;
  • как быстро загружаются страницы;
  • легко ли найти нужный товар или услугу;
  • видны ли контактные данные

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

По данным американской компании “3.7 Designs”, 48% онлайн-покупателей не могут совершить заказ и уходят из-за неудобства сайта.

Вы можете вкладывать деньги в SEO, контекстную рекламу и SMM, а продажи не взлетят, только потому, что клиенты не нашли то, что искали.

Чтобы этой неприятности не произошло, пройдитесь по чек-листу из 5 наиболее распространенных юзабилити-ошибок и сравните с вашим интернет-магазином.

Непонятно, о чём сайт

Когда пользователь впервые попадает в интернет-магазин, он должен с первого взгляда понимать:

  • где то, что он ищет;
  • в чём уникальность торгового предложения;
  • какие выгоды от покупки на этом сайте;
  • как осуществить покупку. 

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

  • логотип и слоган;
  • блок с товарами;
  • конверсионные кнопки;
  • корзина.

Неудачный пример торговой площадки выглядит так:
Неправильный вид

Множество блоков и полная неразбериха.

А вот, как просто выглядит другой ресурс:
Правильный вид

Интригующий слоган на главном экране, понятное меню в шапке сайта.

Неудобная навигация по сайту

Если в интернет-магазине:

  • нелогичное распределение товаров или услуг по категориям;
  • отсутствие внутреннего поиска;
  • нагромождение пунктов меню

это затрудняет передвижение покупателя по разделам и отдаляет его от желаемой покупки.

Пример неправильного оформления:
Неправильное оформление

Помните про правило 3 кликов в юзабилити → добраться до товара в три шага:

  1. Раздел.
  2. Подраздел.
  3. Товар.

Располагайте главное меню на всех страницах в одном месте — дайте возможность пользователю в любой момент переходить в интересующий его раздел. 

Пример правильного оформления:
Правильное оформление

Для удобства оставляйте на карточках товара “хлебные крошки” — навигационную цепочку.
Хлебные крошки

Так покупатель будет всегда знать, где он находится, сможет вернуться на шаг назад или перейти в подраздел.

Неполный или неудачно размещенный контент

Дайте клиентам максимальную информацию о товарах или услугах:

  • структурируйте описание, характеристики и технические параметры в карточках товаров;
  • загружайте качественные фотографии с функцией зумирования, покажите товар с разных сторон;
  • используйте видеообзоры;
  • помещайте контактную информацию (номера телефонов, адрес, электронный адрес) на видимое место (шапка сайта) — тогда покупателю не придётся искать, как вам позвонить, написать или найти магазин (офис) оффлайн;
  • выделяйте корзину и кнопки “Купить”, “Добавить в корзину”, “Заказать” ярким контрастным цветом;
  • не переусердствуйте с “украшениями” — нефункциональными всплывающими элементами, которые отвлекают внимание покупателя;
  • размещайте условия доставки, оплаты, возврата и гарантии в отдельных заметных блоках на карточках товаров —эти элементы всегда интересуют онлайн-покупателей.

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

Пример блока товаров с маленькими картинками и нечитабельным описанием:

Не читабельные описания

Блок товаров с большими изображениями:
Читабельные описания

Неадаптивный дизайн

Не хотите тратить время и деньги на создание адаптивной версии сайта? Зря! В 2016-ом 44% онлайн-покупок в России (по данным компании «Nielsen») сделаны с мобильных устройств. Поэтому, позаботьтесь о том, чтобы ваши клиенты комфортно совершали покупки со своих смартфонов и планшетов. Адаптивный дизайн поможет корректно отобразить содержимое сайта на любом гаджете.

Зайдите в свой интернет-магазин с мобильного и посмотрите насколько вытянутыми стали страницы, и как неудобно кликать на мелкие элементы.

Пример неадаптивного сайта:
Неадаптивный дизайн

Пример адаптивного дизайна интернет-магазина:
Адаптивный дизайн

К слову, “mobile-friendly design” — один из трендов веб-дизайна в 2017-ом году.

Низкая скорость загрузки страниц сайта

Длительная загрузка для интернет-магазина — не позволительная “роскошь”.  Вот несколько фактов от ресурса “Designers.hubspot.com”:

  • 1 из 4 человек покинет веб-сайт, если он загружается дольше, чем 4 секунды;
  • 74% пользователей мобильных устройств готовы ждать не более 5 секунд, пока сайт загружается;
  • секундная задержка во времени загрузки может стоит вам потери 7% конверсии;
  • 1 секунда задержки снижает удовлетворенность клиентов сайтом (а значит и вашей компанией) на 16%.

Пользователи не хотят ждать пока загрузятся страницы, неоптимизированные фото или утяжеляющие элементы. Поэтому проверьте не только на глаз, но и с помощью онлайн-сервисов (например, PageSpeed Tools, Pingdom), какая скорость и в чём кроются проблемы. И решите их.

“Умные” сервисы подскажут вам, что именно тормозит загрузку, как с десктопных, так и с мобильных устройств.

Пример низкой скорости:
Низкая скорость
Низкая скорость для моб.

Пример допустимой скорости:
Оптимальная скорость

Оптимальная скорость загрузки сайта — 2-3 секунды.

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

Юлия Кислицына
Юлия Кислицына
(Журналист-копирайтер)
Оцените статью:
Вам может быть интересно

31 / 03 / 2017

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

10 / 07 / 2017

Внутренняя seo-оптимизация сайта важный этап продвижения веб-ресурса. Очень важно помнить о всех деталях оптимизации — наш чек-лист поможет Вам в этом.
  • SEO
Чек-лист по внутренней SEO-оптимизации сайта

03 / 08 / 2017

В начале лета к нам обратился за помощью интернет-магазин тканей и фурнитуры для пошива одежды Tessuti-Ital.ru. Проблема, которую он случайно обнаружил у себя в «Яндекс.Вебмастере», состояла в следующем: «Позиции сайта в результатах поиска понижены за использование SEO-текстов»
  • SEO
Кейс по баден-бадену Tessuti-ital.ru

15 / 06 / 2017

Линкбилдинг – ссылочное продвижение, во время которого набирают внешние ссылки для оптимизации ресурса. Ссылочное наращивание массы и линкбилдинг имеют множество отличий.
  • SEO
Закупка трастовых ссылок

21 / 03 / 2017

Особенности составления семантического ядра. Подбор ключевых слов с помощью специальных сервисов.
  • SEO
Семантическое ядро

05 / 04 / 2017

Еще раз о SEO продвижение: нюансы работы сеo оптимизации. Что нужно делать, чтобы ваш сайт был в ТОПе.
  • SEO
SEO и маркетинг

27 / 03 / 2017

Продвижение посадочной страницы – кропотливый и важный момент для вашего бизнеса.
  • SEO
Seo для Landing page

27 / 07 / 2017

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

21 / 03 / 2017

Рекомендации, чего не нужно делать во время продвижение вашего ресурса у seo-агентствах.
  • SEO
Что нельзя делать клиенту, когда его сайт на продвижении у агентства?

29 / 08 / 2017

Как оптимизировать Youtube-канал, и вывести в ТОП свои видеоролики — делимся основными SEO-хитростями
  • SEO
Хитрости в оптимизации Youtube-канала, которые вы обязаны знать
Оставить комментарий
Давайте сделаем что-то крутое
У Вас есть проект? Давайте обсудим его. Продумаем. И сделаем!