5 слабых зон в usability сайта для строит. оборудования

Комментариев нет
Время для чтения: 5 минут

Это моя первая статья в рубрике: «Суровый разбор». В ней я буду брать случайно/неслучайно попавшийся под руку коммерческий сайт и в зависимости от имеющегося вдохновения: а) критиковать его, б) аргументировано описывать его слабые места, в) конструктивно предлагать решения. Его владелец/руководитель потом может:

  • ответить в стиле: «Сайт вообще идеален, моей жене нравится — иди работать на завод» 🙂
  • задуматься или даже воспользоваться моими рекомендациями и точечно улучшить свой сайт: сделать его более удобным, даже конверсионным.

В данном случае, в фокусе сайт: https://rentlulek.ru (продажа и аренда строительного оборудования).

Мне не был предоставлен гостевой доступ к веб-аналитике сайта, к трафику, также по-умолчанию очень мало знаю о нише: «строительное оборудование», плюс от меня не требуется глубоко погружаться в тему (прим.ред: проводить конкурентные анализы, исследования и сегментацию аудитории, «копать» в этот бизнес) — поэтому, всё о чем я разрешаю себе говорить в данном случае — так это об эвристическом usability (прим.ред: мировые, общепризнанные стандарты, эвристики). В виде экспресс-аудита качественных данных, влияющих на удобство сайта для пользователей.

«Usability — это одна из составляющих частей процесса и результата «Conversion Rate Optimization» (CRO). Поэтому с него можно начать, раз других данных нет» (с).

В статье я не буду кричать, что сайт нужно выбросить на помойку и создавать новый или полностью менять дизайн. Отталкиваюсь от того что есть, в рамках его дизайна ищу точечные решения. Так как трафика до 150 чел/сутки — не вижу смысла сейчас говорить о A/B или сплит тестировании.


 

1. Нет контраста между фоном и CTA «обратного звонка»

В 1м экране — нет достаточного контраста между фоном и CTA-кнопками. Они по сути сливаются. При беглом просмотре главной страницы, шапки — совсем нет акцента на Call-To-Action. Здесь подразумеваю кнопку «Заказ обратного звонка». Её легко не заметить.

Имея опыт SEO в разных нишах — заметил, что в подобных «промышленных» нишах — аудитория более олдскульная, суровая. Там % обращений более ориентирован на телефонный звонок, как коммуникацию, нежели «добавление в корзину» и прочие «интернетовские» вещи.

Согласно действующего дизайна, у сайта — 2 акцентирующих цвета: а) зеленый (#529b31) и б) светло-оранжевый (#f9a919). Пункты меню при наведении подсвечиваются как раз зеленым, поэтому я рекомендую: постестировать кнопку «Заказ звонка» в зеленом цвете. Ради интереса замеряйте и сравните кликабельность, конверсию этой кнопки сейчас и после изменения. Большая вероятность, что преимущество будет на стороне последней.


 

2. Пассивное состояние системы при добавлении в корзину

Раз на сайте уже есть корзина, то надо её довести до ума.

Проблема: заходим в карточку товара, пусть этот будет к примеру штабелер-погрузчик: https://rentlulek.ru/skladskaya-tehnika/shtabelers/elektroshtabelery-samohodnye/pogruzchik-smart/cqd12r-tripleks.html — и хотим его купить через онлайн-заказ:

  • Жмем на кнопку «Покупка»;
  • Появляется окно-уведомление «Товар добавлен в корзину» с выбором: «Оформить заказ или продолжить покупки»;
  • Если жмем «Оформить заказ» — попадаем в корзину (ОК);
  • Если жмем «Продолжить покупки» — возвращаемся обратно, но при этом НЕТ никакого визуального отображения о статусе, что в корзине что-то есть;

Как показывает практика такое положение вещей — порой запутывает пользователей на сайт и снижает % успешных оформлений.

Что я рекомендую тут сделать?

  • Заменить CTA-кнопки с пассивного «Покупка» на более традиционный и понятный «Купить»;
  • При добавлении в корзину — на месте кнопки «Купить» выводить cart-иконку + «Товар в корзине»;
  • При добавлении в корзину — кнопке корзины менять цвет на оранжевый с указанием «1»;

Примечание: без глубокого анализа аудитории, общения с владельцем трудно понять, нужна ли на сайте возможность отправлять в корзину больше 1го экземпляра товара (заказывают ли больше 1 единицы?). Если да — то потестировать такую возможность. Интересно, какое вообще соотношение в % из 100 по обращениям в корзину?


 

3. Вложенность в 5 кликов от главной

Честно говоря, я думал, что в 2018 году уже не существует коммерческих сайтов-каталогов на которых, что бы добраться до карточки товара — нужно сделать 5 кликов. Ошибался 🙂 . Здесь же пользователям максимально усложнили жизнь на сайте, удлинили их путешествие по сайту.

К примеру что бы добраться до товара: коленчатый прицепный подъемник 14 м Nifty 140 Diesel — https://rentlulek.ru/samohodnye-podyomniki/kolenchatye-pricepnye/14-m/nifty-140-diesel.html — нужно пошагово:

  • Сначала на главной зайти в категорию «Строительные подъемники» (1й клик);
  • Потом зайти в подкатегорию: «Самоходные подъемники» (2й клик);
  • Затем в: Коленчатые прицепные подъёмники (3й клик);
  • Дальше в 14 метровые (4й клик);
  • И только потом мы добираемся до вышеуказанного товара (5й клик);

Что я рекомендую тут сделать?

  • На уровне всех категорий, подкатегорий — сразу выводить внутренний каталог товаров;
  • Добавить минимальную сортировку по названию и цене;
  • Добавить страницы пагинации (на одной странице выводим — 32-44 товаров)
  • Да, это не микроизменение, но без элементарных фильтров в категориях тут не обойтись. Сложная ниша. Это минимум который нужен сайту. На примере с вышеуказанным подъемником — пользователь сможет через фильтр его в 1 клик найти (например только по высоте — 14м).

 

4. Сложное текстовое трехуровневое меню

В главном горизонтальном меню при клике на пункт «Каталог» — появляется ну очень длинное текстовое выпадающее меню со всеми категориями, подкатегориями сайта. Оно в развернутом виде заканчиватся фактически в 3 экране прокрутки. Плюс самое сложное — это что все это громадное меню организовано исключительно текстом. При первичном просмотре ну очень непросто быстро найти то, что нужно среди этой каши. Хочется даже «выбросить» свои глаза куда-то 🙂 .

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

Я бы организовал меню подобным образом:

  • Основные категории выносятся в столбец слева;
  • При наведении на категорию — активная зона становится оранжевого цвета (#f9a919);
  • При наведении на категорию — название категории получает белый цвет;
  • При наведении на категорию — справа в меню появляются все подкатегории;
  • С основной подкатегорией подгружается действующая картинка-миниатюра;
  • Рядом с осн. подкатегорией подгружаются подкатегории нижнего ранга (например, до 30-100м);
  • Сама секция основной подкатегории выделяется легким светло-серым цветом;

 

5. Некликабельные названия категорий, товаров

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

Точно знаю, что определенная часть аудитории (куда и я отношусь) привыкла кликать именно на названия для перехода. В этом случае из-за отсутствия такой возможности — есть некоторое раздражение. Уверен, что этот момент подтвердит и пользовательское usability-тестирование, если его отдельно провести.

Что стоит сделать? — Дополнительно организовать ссылки для названий категорий, подкатегорий, товаров (визуально — синий цвет и подчеркивание). На опыте уже видел такие ситуации и их корректировка (по моей рекомендации) — кстати давала прирост сайт по SEO.


 

Выводы

— Показал 5 слабых мест в usability, находящихся для меня на поверхности;

— В этой рубрике — не провожу полноценный аудит и не переделываю сайты;

— Скажете, что не открыл Америку? — А я вам отвечу: «Ну так а почему на данном сайте до сих пор это не внедрили?» 🙂

— Что бы я хотел потестировать на этом сайте? Это в первую очередь: карточка товара и разделение в навигации «аренда и продажа».

HarryChy

Conversion Rate Optimization - специалист и автор данного блога

Экспресс CRO-аудит

Получите экспресс-аудит за 2 часа. Узнайте 2 узких места на одной выбранной странице.

Комментариев нет
 

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