Аудит сайта интернет-магазина альбомов для монет
Аудит юзабилити №389
Дата аудита: июль 2015 года
Объем отчета: 58 страниц
Пример аудита сайта для коллекционеров монет и нумизматов по продаже альбомов для монет. Анализ ошибок в юзабилити каталога альбомов и процесса оформления заказа. Рекомендации по повышению конверсии сайта.
Доступность контактной информации
Полная и исчерпывающая контактная информация и максимальный набор различных каналов коммуникации должен быть доступен пользователю на всех страницах сайта.
Рассмотрим, насколько выполнены эти условия на сайте.
Невозможно увидеть полную контактную информацию при открытии страницы без использования вертикальной прокрутки страницы даже на экране с большим разрешением.
Используется почтовый ящик, расположенный на бесплатном сервисе mail.ru. Это отрицательно сказывается на имидже сайта, т.к. сейчас общепринятым является использование корпоративной почты, привязанной к имени домена.
Рекомендуем создать и использовать почтовый ящик например вида info@coins-mania.ru при помощи сервиса «Яндекс.Почта для домена» https://pdd.yandex.ru/ либо аналогичных решений.
В блоке контактов приведен номер ICQ. Данный мессенджер является устаревшим и практически не используется большинством пользователей.
При этом отсутствует возможность связаться с менеджером с помощью наиболее популярных и распространённых мессенджеров Skype и Viber.
Рекомендуем опубликовать на сайте данные для связи через Skype или Viber.
Также стоит отметить, что на сайте нет возможности позвонить по бесплатному номеру, либо заказать обратный звонок. Это отрицательно сказывается на конверсии. На сайтах-конкурентах такая возможность присутствует.
Кроме этого, пользователь сразу не видит информации о возможности доставки альбомов в свой регион. Это также отрицательно сказывается на конверсии.
Рекомендуем установить модуль определения региона и города посетителя сайта на основе 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 адреса рекомендуем сделать ссылками.
Страница «Словарь»
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-скриптов.
Рекомендуем вынести все скрипты во внешние JS файлы.
Для навигационных ссылок отсутствует title. Это отрицательно сказывается на SEO.
Аналогичная проблема и с заполнением alt для изображений. Он не заполнен у 527 из 1057 изображений.
Рекомендуем заполнить все атриубуты 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.
Эта проблема также полностью подтверждается и высоким показателем отказов при просмотре сайта с мобильных устройств.
Рекомендуем обеспечить корректную работу сайта на всех устройствах при любом разрешении экрана. Наиболее оптимальным вариантом будет использование адаптивной верстки.
Итоги и выводы
Для улучшения юзабилити и повышения конверсии сайта рекомендуем выполнить такие работы:
- Необходимо явно указать что данный сайт является интернет-магазином. Сейчас не совсем понятно, это просто сайт с каталогом или можно сразу заказать альбом в любой город.
- Надо с акцентировать внимание пользователя на то , что доставка осуществляется во все города России и стран СНГ различными способами.
- Необходимо расширить количество и оперативность каналов коммуникации с посетителями сайта – добавить Skype, Viber, бесплатный номер либо заказ обратного звонка.
- Сейчас процесс оформления заказа очень запутан и сложен для пользователя. Его необходимо максимально упростить.
- Необходимо обеспечить корректную работу корзины для незарегистрированных пользователей.
- В данный момент сайт не приспособлен для работы на мобильных устройствах. Это отрицательно сказывается на юзабилити и конверсии.
- Также желательно сделать более тонкие настройки Яндекс.Метрики – установить цели и т.д. Это позволит более точно установить дополнительные пути повышения конверсии.