Аудит сайта интернет-магазина альбомов для монет

Аудит юзабилити №389

Дата аудита: июль 2015 года

Объем отчета: 58 страниц 

 

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

 

Доступность контактной информации

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

Рассмотрим, насколько выполнены эти условия на сайте.

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

Контакты не видны без использования прокрутки

Используется почтовый ящик, расположенный на бесплатном сервисе mail.ru. Это отрицательно сказывается на имидже сайта, т.к. сейчас общепринятым является использование корпоративной почты, привязанной к имени домена.

Бесплатный почтовый ящик

Рекомендуем создать и использовать почтовый ящик например вида info@coins-mania.ru при помощи сервиса «Яндекс.Почта для домена» https://pdd.yandex.ru/ либо аналогичных решений.

В блоке контактов приведен номер ICQ. Данный мессенджер является устаревшим и практически не используется большинством пользователей.

При этом отсутствует возможность связаться с менеджером с помощью наиболее популярных и распространённых мессенджеров Skype и Viber.

Рекомендуем опубликовать на сайте данные для связи через Skype или Viber.

Также стоит отметить, что на сайте нет возможности позвонить по бесплатному номеру, либо заказать обратный звонок. Это отрицательно сказывается на конверсии. На сайтах-конкурентах такая возможность присутствует.

Бесплатный номер 800

Бесплатный номер 800

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

Рекомендуем установить модуль определения региона и города посетителя сайта на основе Geo IP. При загрузке страницы сразу выводить адрес и телефон представительства компании в данном городе либо контактный номер телефона для бесплатного звонка (или отправки сообщения менеджеру).

Навигация по сайту

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

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

Кроме этого, навигационная система должна отображать текущее положение пользователя на сайте. Это особенно актуально для сайтов с разветвленной структурой.

Рассмотрим, насколько выполняются эти условия на сайте.

Непонятно, данный элемент является ссылкой или текстом?

Ссылка оформлена как текст

Один из заголовков является ссылкой, другой – нет.

Разное оформление заголовков

Та же проблема и в блоке анонсов статей:

Ссылка в заголовке оформлена как текст

Аналогично – в блоках с альбомами на главной.

Ссылки оформлены как обычный текст

Где ссылка, а где текст с выделением?

Непонятно, где ссылка, а где текст

В футере ссылки оформлены как обычный текст.

Ссылки оформлены как обычный текст

Рекомендуем явно выделять ссылки с помощью подчеркивания, графического маркера или других дизайнерских решений.

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

При этом самые интересные для пользователя ссылки меню «Каталог альбомов» и «Представители в регионах» находятся во втором, нижнем меню. Это подтверждается и картой кликов. https://yadi.sk/i/Sr1sa5Eqi5bPS

Приоритет навигационных меню

В главном меню в данный момент отсутствует возможность прямого перехода в основные разделы каталога альбомов. Из него можно попасть только на страницу каталога верхнего уровня http://www.coins-mania.ru/albomy-dlya-monet .

Для сравнения – на сайте конкуренте http://www.albonumismatico.com/ в верхней части сайта расположено 5 ссылок на основные разделы каталога, а все ссылки на дополнительные информационные разделы вынесены в боковое вспомогательное меню. То же самое и на сайте http://www.all4coins.ru/.

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

Пример навигационного меню

Рекомендуем оставить в верхнем меню 4 ссылки на основные категории альбомов и ссылки на каталог аксессуаров для альбомов и монет.

Все ссылки на второстепенные информационные страницы рекомендуем убрать в дополнительное боковое меню.

Далее рассмотрим работу вспомогательной навигации по типу «хлебные крошки».

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

Ошибки в хлебных крошках

Например, на странице http://www.coins-mania.ru/albomy-dlya-monet/sssr-i-rossiya хлебные крошки должны выглядеть так: «Главная – Каталог альбомов – Альбомы для монет СССР и России»

При переходе в любой из разделов главного меню в «хлебных крошках» выводится только одна ссылка на главную страницу.

Только одна ссылка в хлебных крошках

Рекомендуем обеспечить корректную работу вспомогательной навигации на всех страницах сайта.

Отдельно стоит отметить, что с помощью меню сайта невозможно понять, на какой странице находится пользователь в конкретный момент времени.

Например, при переходе на страницу http://www.coins-mania.ru/albomy-dlya-monet/futlyary соответствующий пункт в меню ничем не отличается от остальных.

Не выделяется текущий раздел сайта

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

Главная страница сайта

Согласно данным карты кликов, блоки с выводом трех альбомов из соответствующих подразделов каталога наиболее привлекательны для пользователей. https://yadi.sk/i/Sr1sa5Eqi5bPS

Анализ карты кликов

Но такое решение не обеспечивает возможности просмотра всех альбомов из подкатегорий.

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

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

Аудит карты кликов элементов интерфейса

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

Страница просмотра выбранного альбома

Для примера возьмем альбом http://www.coins-mania.ru/albom-dlya-monet-nikolay-2.

Главная информация, которая интересует пользователя – это фото страниц альбомов. Это подтверждается данными карты кликов. https://yadi.sk/i/2adpVKWdi5dys.

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

Аудит юзабилити страницы просмотра альбомов

Чтобы увидеть фотографии листов альбома надо воспользоваться прокруткой страницы. Это отрицательно сказывается на юзабилити.

Для примера: на сайте-конкуренте http://www.albonumismatico.com/ рядом с основным фото выводятся и дополнительные фотографии.

Пример юзабилити каталога

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

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

Выбор количества альбомов для покупки

На сайте-конкуренте такая возможность есть.

Выбор количества альбомов

Рекомендуем добавить поле для выбора количества добавляемых в корзину товаров.

Не указана итоговая цена при покупке комплекта из альбома и коробки.

Нет цены колмплекта

Рекомендуем явно указать стоимость комплекта.

Отзывы об альбомах имеют одну и ту же дату. Например, альбом http://www.coins-mania.ru/albom-dlya-monet-rsfsr-i-sssr-regulyarnogo-chekana-1921-1958-gg . Создается впечатление, что они добавлены администратором сайта, а не реальными клиентами.

Одинаковая дата в отзывах

Рекомендуем сделать разную дату для отзывов.

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

Рекомендуем выводить более свежие отзывы в верхней части страницы.

Далее рассмотрим процесс покупки и оформления заказа.

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

Ошибки в юзабилити корзины

Рекомендуем явно указывать текущую сумму по всем товарам в корзине.

Если в корзине нет товаров, то выводится ссылка «Обзор корзины», которая ведет на пустую страницу.

Пустая корзина

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

Ошибки юзабилити в форме оформления заказа

Непонятно, что означают красные звездочки рядом с названиями полей.

Рекомендуем явно указать, что поля, отмеченные звездочкой, являются обязательными для заполнения.

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

Юзабилити формы оформления заказа

В данный момент на сайте отсутствует возможность авторизации и регистрации с помощью своего профиля из социальных сетей (Facebook, Вконтакте и т.д.). Это усложняет процесс регистрации и отрицательно сказывается на конверсии.

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

Непонятно, для чего дублируется функционал формы входа и регистрации на странице http://www.coins-mania.ru/user/register и http://www.coins-mania.ru/user

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

Компоновка и юзабилити формы регистрации

Рекомендуем привести оформление всех элементов к единому стилю.

При вводе достаточно мощного пароля XTnMELxLoS48epn3AJSu появляется служебное сообщение о слабости пароля. Для большинства пользователей будет непонятно, что означает «Попробуйте добавление пунктуации».

Юзабилити модуля проверки паролей

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

Юзабилити корзины

Юзабилити корзины

В данном блоке имя пользователя заходит на картинку аватара. Непонятно, является ли имя обычным текстом или ссылкой.

Текст пересекается с картинкой

Непонятно, что значит формулировка «Предварительная сумма».

Предварительная сумма заказа

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

Английский язык в поле выбора страны

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

Дизайн блока с информацией о доставке разваливается (ширина полей, положение заголовков, высота полей и т.д.).

Юзабилити формы заказа доставки

Юзабилити формы заказа доставки

Рекомендуем привести дизайн элементов формы к единому стилю.

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

Юзабилити формы выбора доставки

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

Итоговая сумма заказа видна только при переходе на вкладку с выбором способа оплаты. Это также отрицательно сказывается на юзабилити.

Юзабилити формы выбора способов оплаты

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

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

Разные шрифты в форме

Рекомендуем придерживаться единого набора шрифтов на всех страницах сайта.

Дизайн страницы с проверкой информации о заказе не проработан. Замечания представлены на скриншоте ниже:

Аудит юзабилити страницы проверки заказа

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

Аудит страницы заказа в личном кабинете

Аудит страницы заказа в личном кабинете

Нет возможности перейти на страницу просмотра альбома.

Ошибки в навигации

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

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

При добавлении товара в корзину он выводится в боковом блоке. Но при переходе на любую другую страницу сайта информация о добавленном товаре и сумме покупок исчезает и выводится ссылка «Обзор корзины». Это крайне отрицательно сказывается на юзабилити и вводит пользователя в заблуждение. Данная ошибка продемонстрирована на видео по ссылке https://yadi.sk/i/nByITh8Ni5j5n.

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

Страница новостей

http://www.coins-mania.ru/news

На данной странице размещены неактуальные новости. Самые свежие из них годичной давности. Это отрицательно сказывается на впечатлении пользователя о сайте и компании.

Аудит юзабилити раздела новостей

Непонятно, являются ли данные блоки ссылками или это обычный текст. Это подтверждается и картой кликов https://yadi.sk/i/kyzP11J4i2phC

Ссылки оформлены как обычный текст

Рекомендуем явно обозначить ссылки с помощью подчеркивания.

Страница «Об альбомах»

http://www.coins-mania.ru/ob-albomah

Непонятно, почему видео вставлено по размеру меньше чем оригинал https://www.youtube.com/watch?v=4bOV_RnYAhE

Видео меньшего размера, чем оригинал

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

Нет просмотра фотографий

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

В начале страницы расположено большое количество текстовой информации, которая в большей степени предназначена для поискового продвижения. Наиболее ценная для посетителя информация расположена в нижней части страницы, куда посетители практически не доходят. Это подтверждается данными карты скроллинга https://yadi.sk/d/9DfCTZf0i2pX8 .

Страница «Планы издательства»

http://www.coins-mania.ru/plan-izdatelstva.

Непонятно, является ли данный текст заголовком или ссылкой.

Непонятно, ссылка или текст

Рекомендуем явно обозначать ссылки с помощью подчеркивания.

При нажатии на данную ссылку открывается пустая страница не содержащая полезной информации http://www.coins-mania.ru/list-dlya-raznovidnostei-i-brakov-sssr .

Ссылка на пустую страницу

Скриншот пустой страницы сайта

Данные ссылки не ведут на страницы с описанием соответствующего альбома.

Ошибки в оформлении и работе ссылок

Ошибки в оформлении и работе ссылок

Рекомендуем скрывать от пользователя ссылки на пустые, либо находящиеся в разработке страницы.

Страница «Партнерская программа»

http://www.coins-mania.ru/partnerka.

Оформление данной таблицы выбивается из общего дизайна сайта.

Юзабилити таблицы

Рекомендуем привести оформление данной страницы к общему дизайну сайта.

Страница «Статьи»

http://www.coins-mania.ru/story

У некоторых статей отсутствуют фото. Из-за этого дизайн разваливается https://yadi.sk/i/DVX113Tqi4f3d.

У фотографий не срезан белый фон. Из-за этого дизайн выглядит неаккуратно.

Ошибки в фотографиях

Страница «Написать нам»

http://www.coins-mania.ru/contact

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

Звездочки в полях формы

Рекомендуем явно указать, что поля, отмеченные звездочкой, являются обязательными для заполнения. Ширину и дизайн полей рекомендуем привести к единому виду.

Страница «Представители в регионах»

http://www.coins-mania.ru/predstaviteli

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

Юзабилити карты филиалов компании

Более оптимально можно сделать так:

Рекомендации по юзабилити карты филиалов компании

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

Юзабилити списка городов

Юзабилити списка городов

Рекомендуем выводить в списке только города с представительствами компании.

Так же желательно указать возможность доставки альбомов в данный город с помощью почты или служб доставки.

Не указаны способы доставки

Email адреса рекомендуем сделать ссылками.

Юзабилити email адресов филиалов

Страница «Словарь»

http://www.coins-mania.ru/slovar-terminov

Данная страница имеет очень большую высоту. При этом отсутствует возможность быстрого перехода к нужной букве алфавита. Это подтверждается и картой скролла – большинство пользователей просматривают только первый экран https://yadi.sk/d/MHJaR1lPi4hEt .

Страница «Как купить»

http://www.coins-mania.ru/kak-kupit

Скриншоты не соответствуют сайту.

Отсутствуют файлы картинок.

Битые ссылки на изображения

Страница «Отзывы»

http://www.coins-mania.ru/otzyvy

В верхней части страницы расположено 9 отзывов с одной и той же датой. Создается впечатление, что эти отзывы не от реальных клиентов магазина, а добавлены специально.

Одинаковая дата в отзывах

Более свежие отзывы находятся в самой нижней части страницы. Их практически никто не видит – это подтверждается и картой скролла https://yadi.sk/i/io5t93nEi4mcd .

Сортировка списка отзывов

Рекомендуем сделать разные даты отзывов и сначала выводить самые новые.

Поиск по сайту

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

Стоит отметить, что на сайтах основных конкурентов такая возможность есть.

Юзабилити модуля поиска по сайту

Рекомендуем добавить на сайт соответствующий модуль поиска.

Далее рассмотрим вопросы, связанные с поисковой оптимизацией сайта.

Текущие позиции сайта в выдаче поисковых систем

В данный момент 90% посетителей на сайт заходят из России.

Аудит географии пользователей сайта

При этом 19,8% – из Москвы и области.

Анализ городов посетителей сайта

Поэтому позиции сайта снимались для поисковой выдачи сайта в России и Москве. Поисковые запросы были извлечены из метатега keywords страниц сайта. Сводная таблица приведена ниже.

Как видно из таблицы, процент слов в топах разного уровня распределен следующим образом:

Процент запросов в топе

Сводная таблица по поисковым системам

По большинству запросов сайт не входит в ТОП10 Яндекса. При этом ситуация с Google гораздо лучше, т.к. 55% запросов находятся в ТОПЕ.

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

Аудит источников трафика

Анализ источников трафика

Внутренняя SEO оптимизация сайта

Далее рассмотрим возможные факторы, влияющие на позиции сайта.

Внутренняя оптимизация кода сайта для поисковых систем. Метатеги title, keywords, description.

Метатег title присутствует и является уникальным на всех страницах сайта. Сводная таблица приведена в файле https://yadi.sk/i/rbuQV92ii5jRG

Часть страниц содержит более 65 символов в title. Это не соответствует требованиям поисковых систем. Ниже приведена сводная таблица с адресами страниц и значениями title.

Рекомендуем избегать дублирования title и H1 на всех страницах сайта.

Метатег description заполнен для всех 336 страниц сайта.

При этом 303 страницы содержат description длиной более 156 символов. Сводная таблица – в приложенном файле https://yadi.sk/i/Oyc9N9jii5kGe

Рекомендуем использовать description на всех страницах максимум из 156 символов.

Метатег keywords отсутствует на 81 странице сайта.

Рекомендуем прописать keywords на всех страницах сайта.

Keywords дублируется на 25 страницах сайта.

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

Карта сайта sitemap.xml

В данный момент файл с картой сайта не соответствует актуальному наполнению и структуре сайта. Последнее обновление датировано 2013-04-22. Большинство из 429 страниц отсутствует в карте сайта. Актуальную версию sitemap.xml можно увидеть по ссылке https://yadi.sk/d/h5KSYKuai5m9t

Дополнительная карта сайта http://www.coins-mania.ru/mainsitemap.xml также не соответствует текущей структуре сайта.

Рекомендуем сгенерировать и опубликовать актуальную карту сайта со всеми страницами сайта.

Внутренняя оптимизация кода сайта для поисковых систем.

HTML код страниц содержит большие блоки JS-скриптов.

HTML код страниц содержит большие блоки JS-скриптов

HTML код страниц содержит большие блоки JS-скриптов

HTML код страниц содержит большие блоки JS-скриптов

Рекомендуем вынести все скрипты во внешние JS файлы.

Для навигационных ссылок отсутствует title. Это отрицательно сказывается на SEO.

Отсутсвует title для ссылок

Отсутсвует title для ссылок

Отсутсвует title для ссылок

Отсутсвует title для ссылок

Аналогичная проблема и с заполнением alt для изображений. Он не заполнен у 527 из 1057 изображений.

Не заполнен alt для изображений img

Рекомендуем заполнить все атриубуты alt и title. Это положительно скажется на поисковой оптимизации сайта.

Структура и вложенность заголовков H1-H3 выполнены верно. Для примера ниже приведены заголовки страницы http://www.coins-mania.ru/albom-dlya-monet-nikolay-2

Анализ структуры заголовков страницы

Адаптация верстки сайта под различные устройства и разрешения экрана.

К сожалению, в данный момент сайт рассчитан на корректное отображение на экранах шириной от 1280 пикселей и выше. Это обусловлено использованием фиксированного макета, в котором для тега body жестко закреплена ширина в 1250 пикселей.

Фиксированная ширина макета

Из-за этого возникает проблема с просмотром сайта на экранах с меньшим разрешением. При уменьшении окна браузера появляется горизонтальная прокрутка. Это можно увидеть по ссылке https://yadi.sk/i/88-Mq-7ti6DFf

Кроме этого, из-за такого решения с сайтом очень сложно работать с мобильного телефона или планшета, т.к. макет и дизайн элементов не оптимизирован под мобильные устройства, шрифты очень мелкие и т.д. По ссылке https://yadi.sk/d/aevMWj91i6DdH приведено несколько скриншотов работы сайта на iPhone.

Эта проблема также полностью подтверждается и высоким показателем отказов при просмотре сайта с мобильных устройств.

Показатель отказов для мобильных устройств

Рекомендуем обеспечить корректную работу сайта на всех устройствах при любом разрешении экрана. Наиболее оптимальным вариантом будет использование адаптивной верстки.

Итоги и выводы

Для улучшения юзабилити и повышения конверсии сайта рекомендуем выполнить такие работы:

  1. Необходимо явно указать что данный сайт является интернет-магазином. Сейчас не совсем понятно, это просто сайт с каталогом или можно сразу заказать альбом в любой город.
  2. Надо с акцентировать внимание пользователя на то , что доставка осуществляется во все города России и стран СНГ различными способами.
  3. Необходимо расширить количество и оперативность каналов коммуникации с посетителями сайта – добавить Skype, Viber, бесплатный номер либо заказ обратного звонка.
  4. Сейчас процесс оформления заказа очень запутан и сложен для пользователя. Его необходимо максимально упростить.
  5. Необходимо обеспечить корректную работу корзины для незарегистрированных пользователей.
  6. В данный момент сайт не приспособлен для работы на мобильных устройствах. Это отрицательно сказывается на юзабилити и конверсии.
  7. Также желательно сделать более тонкие настройки Яндекс.Метрики – установить цели и т.д. Это позволит более точно установить дополнительные пути повышения конверсии.

С радостью отвечу на Ваши вопросы по результатам аудита по email, skype или телефону.

Get new case studies by email:

More Case Studies

See all