Все об интернет-маркетинге
из первых рук
Подписаться на рассылку подписаться
на рассылку
нас уже
112 017

Принципы usability сайтов: где раскупят новогодние подарки?

Мы ведем наш дайджест с 2012 года, и обладаем главной базой приемов по продвижению интернет-проектов.

Как сделать сайт привлекательным для пользователей и поисковых систем одновременно? Именно об этом идет речь в разделе помощи Яндекс.Метрики, где поисковик описывает принципы usability для владельцев интернет-магазинов, которые помогут улучшить удобство вашего ресурса для посетителей и повысить его шансы выйти в ТОП.

Сегодня я возьму этот чек-лист за основу для сравнения и оценки двух сайтов по критериям Яндекса. В статье я приведу те пункты, которые, на мой взгляд, наиболее явно показывают разницу в уровне usability ресурсов. Так как уже не за горами Новый год, я выбрала для аудита интернет-магазины подарков: первый сайт www.pum-pu.ru находится на 5 месте по региону Москва в Яндексе по запросу “новогодние подарки”, а второй (www.dostavka-podarkov.ru) — на 15 месте по тому же запросу (на момент написания статьи).


Контактные данные


По рекомендациям Яндекса,хорошая страница с контактными данными содержит:

  • телефон и другие контактные данные, которые необходимо указывать на каждой странице сайта;
  • максимально полные контакты: телефон, email, Skype, ICQ и т.д.;
  • городской номер телефона, т.к. он вызывает больше доверия, чем мобильный;
  • точное время работы оператора и офиса;
  • пункты самовывоза (если есть);
  • удобную и понятную карту для сайта;
  • информацию, как добраться на общественном транспорте, и фотографии здания.

Давайте проверим, как это реализовано на сравниваемых сайтах:

1. www.pum-pu.ru:

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

Оценка usability сайта www.pum-pu.ru

  • Страница Контакты сделана в полном соответствии с рекомендациями Яндекса: приведены несколько способов связи (телефон, почта, ICQ, Skype), есть адреса и график работы пунктов самовывоза, понятная карта проезда, подробное описание, как добраться до склада на общественном транспорте.

Оценка usability сайта www.pum-pu.ru

Оценка по критерию: 3 балла из 3-х возможных. Единственно, что можно было бы добавить, — фотографии здания, чтобы клиентам было легче его найти.

2. www.dostavka-podarkov.ru:

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

Сочетание цвета шрифта и цвета фона неконтрастное.

Оценка usability сайта www.dostavka-podarkov.ru

  • На странице Контакты тоже все довольно аскетично, а карты проезда вообще нет.

Оценка usability сайта www.dostavka-podarkov.ru

Оценка usability сайта по критерию: 1 балл из 3-х возможных.


Наличие кнопки “Купить” (“Заказать”)


Яндекс рекомендует делать кнопку “Купить” рядом с описанием товара заметнее. Проанализируем карточки товаров на сравниваемых сайтах:

1. www.pum-pu.ru

  • Кнопка “В корзину” яркая, крупная, также она продублирована после описания товара. Однако, если описание небольшое, обе кнопки оказываются рядом, что может смутить покупателя. Я бы рекомендовала оставить одну кнопку сразу под фотографиями товара в первом экране пользователя.

Оценка usability сайта www.pum-pu.ru

Оценка по критерию: 2 балла из 3-х возможных.

2. www.dostavka-podarkov.ru

  • Кнопок “Купить” тоже две, но лучше была бы одна, но заметная.

Оценка usability сайта www.dostavka-podarkov.ru

Оценка usability сайта по критерию: 0 баллов из 3-х возможных.


Возможность перейти в “Корзину”


Яндекс рекомендует делать так, чтобы пользователь мог перейти в “Корзину” в любой момент и с любой страницы сайта. Посмотрим, так ли это на рассматриваемых сайтах:

1. www.pum-pu.ru

  • С любой страницы можно перейти в “Корзину” и увидеть, что там находится, не переходя в “Личный кабинет”.
  • Есть возможность перейти к оформлению заказа с любой страницы сайта.

Оценка usability сайта www.pum-pu.ru

Оценка по критерию: 3 балла из 3-х возможных.

2. www.dostavka-podarkov.ru

  • “Корзина” также сквозная, расположена в шапке сайта. Из минусов — неконтрастный цвет шрифта и цвет фона.

Оценка usability сайта www.dostavka-podarkov.ru

Оценка usability сайта по критерию: 2 балла из 3-х возможных.


Наличие цены товара


Яндекс рекомендует размещать цену рядом с описанием и фотографиями. Товар с ценой продаётся лучше, чем товар, стоимость которого нужно узнавать дополнительно.

Проверим данный принцип usability на сравниваемых сайтах:

1. www.pum-pu.ru

  • Если описание товара слишком длинное, то цена товара уходит далеко вниз и до нее надо пролистывать. Необходимо расположить цену сразу под фотографиями товара рядом с кнопкой “В корзину”.

Оценка по критерию: 1 балл из 3-х возможных.

2. www.dostavka-podarkov.ru

  • Цена расположена рядом с товаром и выглядит контрастно. Минус в том, что цена находится далеко от кнопки “Купить”.

Оценка usability сайта www.dostavka-podarkov.ru

Оценка usability сайта по критерию: 2 балла из 3-х возможных.


Информация на странице товара


Вот что рекомендует размещать Яндекс:

  • несколько фотографий товара в разных ракурсах (они должны быть хорошего качества);
  • подробное описание;
  • отзывы тех, кто уже купил товар;
  • блок “Похожие товары”;
  • блок “Вместе с этим покупают”.

Проанализируем информацию о товарах на сравниваемых сайтах:

1. www.pum-pu.ru

  • Интересное, красочное описание товара вкупе с техническими характеристиками, несколько фотографий хорошего качества с разных ракурсов, блок “С этим товаром покупают”, “Популярные товары” — в общем, все как Яндекс прописал!

Оценка usability сайта www.pum-pu.ru

Оценка по критерию: 3 балла из 3-х возможных. Единственное, что можно было бы добавить — отзывы о товаре от тех, кто его купил и дарил.

2. www.dostavka-podarkov.ru

  • На странице всего одна фотография товара, рассмотреть его с разных ракурсов не удается.
  • Описание есть, но максимально “сухое”, техническое. Для такой тематики, как “Подарки”, рекомендуется писать максимально красочные тексты, подчеркивая в них удовольствие и радость, которые вещь принесет ее обладателю.
  • Слишком много места в первом экране отведено абсолютно ненужной нетематической рекламе рюкзаков и сумок, а также социальным кнопкам.
  • Блок похожих товаров присутствует, но добраться до него можно, только многократно используя “скролл”.

Оценка usability сайта www.dostavka-podarkov.ru

Оценка по критерию: 1 балл из 3-х возможных.


Форма заказа


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

Проверим, все ли верно на наших сайтах:

1. www.pum-pu.ru

  • Обычное оформление заказа сделано в виде шагов, все достаточно просто и понятно.

Есть возможность заказа в 1 клик: нужно указать просто номер телефона и электронную почту. Я бы рекомендовала в таком случае сделать обязательным какое-то одно средство связи, а не сразу два.

Оценка usability сайта www.pum-pu.ru

Оценка по критерию: 3 балла из 3-х возможных.

2. www.dostavka-podarkov.ru

  • Форма заказа достаточно громоздкая, с сочетанием нескольких размеров и цветов шрифта.
  • Есть просьба прочитать подробнее условия заказа, перейдя по ссылке, уводящей покупателей из “Корзины” вообще.

Оценка usability сайта www.dostavka-podarkov.ru

Оценка usability сайта по критерию: 1 балл из 3-х возможных.


Навигация


Рекомендации Яндекса:

  • Сделайте однозначные названия разделов сайта.
  • Не используйте профессиональные термины.
  • Сделайте кликабельным логотип сайта.
  • Создайте строку с “хлебными крошками”.
  • Графически выделите в меню сайта раздел и подраздел, в котором пользователь находится в данный момент.

Давайте проанализируем удобство навигации у наших сайтов:

1. www.pum-pu.ru

  • Некоторые разделы сайта имеют достаточно креативные названия — “Свежачок”, “Авторское” и т.п. Но это не противоречит целевой аудитории сайта (молодежь) и ее особенностям.
  • Есть и “хлебные крошки”, и кликабельный логотип.
  • Отличная структура меню — подарки можно искать по тематике, по характеристикам того, кому дарят подарок, по виду праздника и по цене.
  • Не хватает графического выделения местоположения пользователя в меню.

Оценка по критерию: 2 балла из 3-х возможных.

2. www.dostavka-podarkov.ru

  • Есть “хлебные крошки”.
  • Названия категорий товаров не очень однозначные, например, присутствует три раздела со сходными названиями: “Дачная мебель”, “Отдых и дача”, “Лето-отдых-дача”. Непонятно, чем отличаются товары в этих категориях, и где находится то, что ищет пользователь. Также в одном меню, которое представляет собой каталог, безо всякого выделения есть пункты, к каталогу не имеющие прямого отношения (“Подарки оптом”, “VIP-клуб”, “Скидки” и т.п.).

Оценка usability сайта www.dostavka-podarkov.ru

Оценка по критерию: 1 балл из 3-х возможных.


Качество поиска по содержимому


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

1. www.pum-pu.ru

Ввожу в строку поиска на сайте “Тарелка” и получаю на выходе отобранные тарелки:

Оценка usability сайта www.pum-pu.ru

  • Функции расширенного поиска нет, но его заменяет подробный каталог, разбитый на категории.
  • Сортировка по цене есть, но она расположена после каталога товаров, что делает ее практически незаметной на странице. Я бы рекомендовала ее перенести выше каталога.

Оценка usability сайта по критерию: 2 балла из 3-х возможных.

2. www.dostavka-podarkov.ru

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

Оценка по критерию: 2 балла из 3-х возможных.


Структурированность текстов


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

1. www.pum-pu.ru

  • Важная информация значительного объема структурирована, например, это хорошо сделано на странице доставки:

Оценка usability сайта www.pum-pu.ru

Оценка по критерию: 3 балла из 3-х возможных.

2. www.dostavka-podarkov.ru

  • Информация часто подается в виде “портянок”, и это особенно бросается в глаза из-за дизайна сайта.

Оценка по критерию: 0 баллов из 3-х возможных.


Дизайн


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

1. www.pum-pu.ru

  • Дизайн очень интересный, соответствует тематике продаваемых товаров, хорошо продумана стилистика.

Оценка по критерию: 3 балла из 3-х возможных.

2. www.dostavka-podarkov.ru

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

Оценка по критерию: 0 баллов из 3-х возможных.


Вывод


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

www.pum-pu.ru— 25 баллов;

www.dostavka-podarkov.ru — 10 баллов.

Вполне очевидно, какой сайт выиграл в данном сравнительном анализе, и чье место в ТОП 10 вполне заслужено.

Как обнаружить, есть ли на вашем сайте эти и другие ошибки юзабилити? Вот несколько способов:

  1. Можно просто и самостоятельно провести подобный небольшой анализ по всему чек-листу от Яндекса.
  2. Также используйте специализированные сервисы поиска ошибок на сайте. Например, аудит в сервисе Rooletka поможет вам выявить многие технические ошибки оптимизации (долгое время загрузки сайта, проблемы с конверсионной информацией и т.п.), которые непосредственно влияют на лояльность пользователей к вашему сайту.
  3. И конечно, огромную информацию можно получить, используя данные систем статистики Яндекс.Метрика и Google Аnalytics.
  4. Наконец, прибегайте к помощи знакомых и друзей, наблюдая за тем, как они пользуются вашим сайтом.

Удачи и только повышения конверсии на ваших сайтах в Новом году!