Комплексный аудит сайта издательства
Аудит юзабилити №506
Дата аудита: апрель 2018 года
Объем отчета: 44 страницы
Улучшение юзабилити и конверсии каталога книг. Аудит внутренней оптимизации. Составление технического задания по модернизации сайта.
Вводная информация
В данном отчете приведены детальные описания основных проблем, скриншоты сайта и дополнительные видео с демонстрацией выявленных недостатков.
Перед просмотром дополнительных материалов их желательно скачивать на компьютер.
Также по всем выявленным проблемам даны рекомендации по их устранению.
Красным текстом и красными маркерами выделены обнаруженные ошибки и важная информация.
Навигация по сайту
Качественная навигация по сайту является основой для построения эффективного юзабилити сайта.
Она должна обеспечивать быстрый и простой переход на любую страницу или раздел сайта максимум за 3 клика.
Кроме этого, навигационные меню должны информировать пользователя о его текущем местоположении на сайте.
Рассмотрим, насколько качественно проработаны меню и навигационные элементы в данный момент на сайте.
При переходе по ссылкам верхнего меню не подсвечивается текущий раздел сайта. Невозможно понять, где находится пользователь в конкретный момент времени.
Рекомендуем явно выделять текущий раздел сайта цветом, изменением начертания шрифта или графическим маркером.
Номера телефонов в верхней части сайта являются ссылками. Но они не реагируют на наведение курсора и оформлены как обычный текст. Это уменьшает количество кликов по ним.
Рекомендуем выделить ссылки при помощи подчеркивания и изменять их цвет при наведении курсора.
При наведении курсора на ссылки происходит смещение текста вверх-вниз.
Рекомендуем обеспечить статичное положение элементов интерфейса при наведении курсора на ссылки.
Иконки социальных сетей не реагируют на наведение курсора.
Это подтверждается и данными карты кликов.
Рекомендуем сделать иконки интерактивными.
Заголовок, который является ссылкой, оформлен как обычный текст. В результате, клики по нему практически отсутствуют.
Данный заголовок также оформлен как обычный текст. Количество кликов по нему минимально.
Рекомендуем обозначить все ссылки в заголовках блоков страницы при помощи подчеркивания.
Большое количество ссылок на сайте не реагируют на наведение курсора. Это отрицательно сказывается на юзабилити. Ниже приведены скриншоты и видео с демонстрацией работы таких элементов.
Некоторые ошибки допущены и в боковом меню каталога книг.
Ссылки не реагируют на наведение курсора.
Рекомендуем изменять цвет ссылок при наведении курсора.
В меню не обозначено наличие подразделов второго уровня. При этом в главном меню каталога есть соответствующие графические маркеры в виде стрелок.
Рекомендуем явно обозначать наличие подразделов с помощью графических маркеров.
В главном меню каталога книг не выделяется текущий раздел сайта. Подменю с соответствующими ссылками также скрыто. Это негативно сказывается на юзабилити. Невозможно понять, где находится пользователь в конкретный момент времени.
Рекомендуем явно выделять текущий раздел сайта в навигационном меню.
В боковых меню информационных страниц ссылки не реагируют на наведение курсора. Кроме этого, не выделяется текущий раздел сайта.
Рекомендуем изменять цвет ссылок при наведении курсора и явно обозначать текущий раздел сайта.
Отдельно стоит отметить, что на страницах сайта не удалось найти в явном виде дополнительные ссылки на алфавитный указатель авторов https://www.alpinabook.ru/authors/. Ссылка есть только в футере и она малозаметна для большинства пользователей сайта.
Рекомендуем разместить ссылку на алфавитный указатель авторов в верхней части страницы.
Вспомогательная навигация
На сайте есть блок вспомогательной навигации по типу «хлебные крошки». Это правильное решение, которое дает положительный эффект как с точки зрения юзабилити, так и с точки зрения поисковой оптимизации.
Но, к сожалению, в данный момент допущены некоторые ошибки в ее дизайне и юзабилити.
Ссылки и текст в навигационной цепочке оформлены одинаково. Это вводит пользователя в заблуждение.
Рекомендуем явно выделять ссылки при помощи подчеркивания.
При переходе на страницу просмотра книги не выводится название подкатегории.
В навигационной цепочке не выводится название текущей страницы сайта при переходе по ссылкам верхнего меню.
Рекомендуем обеспечить правильную работу вспомогательной навигации на всех страницах и разделах сайта.
Главная страница
Далее рассмотрим компоновку и юзабилити элементов главной страницы сайта.
В блоках «Рекомендуем лично Вам», «Бестселлеры», «Маленькие книги – большие идеи», «Скидки дня» используется статичный вывод фиксированного количества карточек книг. Возможность прокрутки и просмотра большего количества книг в соответствующих категориях, к сожалению, отсутствует. Это отрицательно сказывается на юзабилити.
Скриншот: https://yadi.sk/d/TE7NPm1r3UKnS6
В одинаковых блоках используются три разных варианта компоновки мини-карточки товара:
- обложка книги без указания названия и цены;
- обложка книги с названием и ценой внизу;
- обложка книги с названием вверху без цены.
Скриншот: https://yadi.sk/i/53dAENCi3UKnsc
Рекомендуем придерживаться единого стиля оформления мини-карточек книг.
Очередность блоков на странице желательно выстраивать в соответствии с их приоритетом для пользователей. Например, в раздел «Рекомендовано лично Вам» переходит всего 0.2% пользователей. А в раздел «Бестселлеры» переходит 6.2% пользователей. В раздел «Скидки дня», блок которого расположен ближе к нижней части страницы, переходит 3.1% пользователей.
Важная для пользователя информация о системе накопительных скидок размещена в самом низу страницы и не видна без использования прокрутки.
Рекомендуем разместить информацию о скидках в верхней части главной страницы.
Поиск по сайту
Учитывая большой объем каталога книг, модуль поиска является важным элементом для обеспечения быстрого перехода к нужной книге, автору, серии или тематике.
К сожалению, в данный момент допущен ряд ошибок, отрицательно сказывающихся на юзабилити и конверсии сайта.
Кнопка начала поиска не реагирует на наведение курсора.
Рекомендуем сделать иконки поиска интерактивными.
Максимальное количество результатов поиска ограничено 100.
При этом все результаты поиска выводятся на одной странице. Блоки и элементы пересекаются между собой и дизайн разваливается.
Скриншот: https://yadi.sk/i/J1m7lo7Y3UKsBd
Рекомендуем обеспечить правильный вывод всех результатов поиска по запросу.
Ссылки и кнопки не реагируют на наведение курсора.
Рекомендуем сделать эти элементы интерфейса интерактивными.
Отдельно стоит отметить, что в данный момент отсутствуют такие важные элементы работы с результатами поиска как:
- Сортировка по релевантности, дате добавления, цене, автору или алфавиту в прямом и обратном порядке;
- Выбор количества результатов на странице;
- Настройка вывода в виде ленты для упрощения работы с результатами;
- Выделение уже просмотренных предложений;
- Вывода всех результатов без ограничения в 100 книг.
Рекомендуем расширить функциональные возможности модуля поиска для обеспечения более удобной работы пользователей с сайтом.
Алфавитный указатель авторов
Ссылки не реагируют на наведение курсора.
Рекомендуем сделать эти элементы интерактивными.
Нет фото для большого количества авторов в каталоге.
Рекомендуем добавить фото для всех авторов, представленных в каталоге.
Не указано количество авторов на конкретную букву.
Рекомендуем явно указать количество авторов по каждой букве в каталоге.
Список авторов пересекается с непонятным элементом интерфейса в центральной части страницы.
Скриншот: https://yadi.sk/i/9MTO37b63UKupF
Рекомендуем обеспечить корректный вывод списка авторов.
Не работает кнопка «Показать еще».
Рекомендуем обеспечить правильную работу этой кнопки.
Просмотр категории каталога
Далее рассмотрим работу страниц категорий каталога.
Дизайн некоторых разделов (например, https://www.alpinabook.ru/catalog/PersonalEffectivenessPracticalSkillManagerialPsychology/)полностью разваливается в верхней части.
Скриншот: https://yadi.sk/i/8jufk4133UKzVu
Не работает кнопка «Показать еще».
Рекомендуем обеспечить правильный вывод всех страниц каталога и работу отдельных элементов интерфейса.
Изображения обложек некоторых книг пересекаются с названием.
Рекомендуем обеспечить правильное взаимное расположение изображения и текста независимо от размеров обложки.
Для некоторых книг не указан автор и тип переплета.
Рекомендуем указывать эту информацию для всех книг, представленных в каталоге.
Взаимное расположение элементов списка популярных категорий не согласовано. Из-за этого дизайн выглядит неаккуратно.
При переходе по ссылке в навигационной цепочке не выводится полный путь к категории.
Рекомендуем обеспечить правильную работу навигационной цепочки на всех страницах каталога.
При переходе в одну из популярных категорий (например, https://www.alpinabook.ru/tags/for-children-9-10-years/)не выводится модуль сортировки книг. Это отрицательно сказывается на юзабилити.
Рекомендуем выводить модуль сортировки на всех страницах каталога.
Страница детального просмотра книги
Юзабилити детального просмотра будем разбирать на примере одной из самых популярных страниц сайта https://www.alpinabook.ru/catalog/PopularPsychologyPersonalEffectiveness/186046/.
Ссылка на автора оформлена как обычный текст. При клике на нее ничего не происходит.
Аналогичная ситуация и при попытке просмотра информации об авторе в соответствующем меню.
Рекомендуем обеспечить правильную работу ссылок на странице.
При переходе по этим ссылкам периодически появляется страница с ошибкой в работе сайта.
Рекомендуем обеспечить безошибочную работу страницы и всех ее модулей.
При попытке отправки заявки с пустым полем, страница зависает и выводится только индикатор отправки. Никаких информационных сообщений нет.
При вводе правильного адреса отправка прошла успешно.
Рекомендуем обеспечить корректную проверку данных и работу формы.
Личный кабинет
Далее рассмотрим вопросы работы авторизации и регистрации пользователей.
На главной странице в верхней части есть две ссылки для перехода в личный кабинет и корзину. Это правильное решение, соответствующее требованиям юзабилити.
При прокрутке главной страницы эти элементы остаются закрепленными в верхней части экрана и всегда видны пользователю.
Не совсем понятно, почему при прокрутке вниз исчезает количество товаров, добавленных в корзину.
Рекомендуем всегда показывать количество товаров в корзине.
Этот блок также выводится на вспомогательных информационных страницах сайта.
Но блок входа в личный кабинет и мини-корзина периодически выводится с ошибками на наиболее важных с точки зрения конверсии страницах просмотра категорий каталога и детального просмотра книги. Это крайне отрицательно сказывается на юзабилити и конверсии сайта.
Рекомендуем обеспечить правильную работу модуля на всех страницах сайта.
Не совсем понятно использование двойной логики работы кнопки входа в личный кабинет. В одном случае открывается всплывающее окно, во втором – пользователь перенаправляется на страницу входа. Набор функциональных элементов при этом разный.
Рекомендуем использовать только один вариант входа в личный кабинет на всех страницах сайта.
Далее рассмотрим юзабилити формы авторизации.
Ссылка закрытия не реагирует на наведение курсора.
Ссылки не реагируют на наведение курсора.
Рекомендуем сделать все кнопки и ссылки интерактивными.
Используется три кнопки с одинаковым текстом «Войти».
Рекомендуем избегать использования одинаковых текстов в кнопках.
Ссылка «Регистрация» находится в самом низу и плохо заметна. Это отрицательно сказывается на юзабилити.
На странице восстановления пароля кнопка не реагирует на наведение курсора. Сообщение об ошибке выводится у правой границы формы и не соответствует общей стилистике сайта.
Соответствующий текст появляется только в самом низу и плохо заметен для пользователей.
Рекомендуем выводить сообщение об ошибках непосредственно в полях формы или рядом с ними.
Отдельно стоит отметить, что на сайте зарегистрированы пользователи с простыми логинами и паролями.
Например, в ходе тестирования легко удалось попасть в личный кабинет пользователя с логином «123» и паролем «123». Это создает потенциальную угрозу безопасности сайта и несанкционированному входу в личные кабинеты путем простейшего подбора комбинаций логина-пароля.
Вход другого пользователя 1234 с паролем 1234.
Вход пользователя qwerty с паролем qwerty.
Рекомендуем добавить скрипт автоматической проверки надежности пароля непосредственно в процессе регистрации пользователей.
Для уже зарегистрированных пользователей рекомендуем провести ревизию логинов и паролей и произвести принудительную замену паролей для скомпрометированных аккаунтов.
На странице входа https://www.alpinabook.ru/personal/profile/ ссылки и кнопки не реагируют на наведение курсора.
Рекомендуем сделать ссылки и кнопки интерактивными.
При неправильном заполнении полей не выводится никаких информационных сообщений об ошибках.
Рекомендуем осуществлять проверку правильности данных непосредственно в процессе заполнения полей формы.
Компоновка формы, состоящая всего из двух полей, выполнена не оптимально. В результате все элементы формы не помещаются на одном экране и надо использовать вертикальную прокрутку страницы. Это отрицательно сказывается на юзабилити.
Отдельно стоит отметить, что на данной странице полностью отсутствует ссылка для регистрации нового пользователя. Это крайне негативно сказывается на юзабилити и конверсии.
Рекомендуем добавить ссылку для перехода на страницу регистрации.
Далее рассмотрим работу формы регистрации https://www.alpinabook.ru/auth/.
Не указано, какие поля являются обязательными для заполнения.
Рекомендуем явно указать, какие поля являются обязательными для заполнения.
Не выводятся сообщения об ошибках, при попытке отправки неправильно заполненных полей формы.
Рекомендуем добавить скрипт проверки правильности данных непосредственно в процессе заполнения формы.
Мини-корзина
При пустой корзине кнопки оформления заказа остаются активными. При их нажатии открывается страница с информационным сообщением.
Рекомендуем делать кнопки неактивными при пустой корзине.
Кнопки управления количеством товара пересекаются с горизонтальными границами блока.
Рекомендуем обеспечить правильное взаимное расположение элементов интерфейса.
Корзина и оформление заказа
Далее рассмотрим дизайн корзины и процесс оформления заказа.
Нет возможности сортировки списка книг по названию, цене, количеству в корзине.
Рекомендуем добавить возможность сортировки списка товаров в корзине.
Вывод столбца «Скидка» не имеет логического смысла, т.к. на все товары указана скидка 0%.
Ссылки оформлены как обычный текст.
Рекомендуем выделить ссылки при помощи подчеркивания.
Не проработан дизайн сообщения об ошибке в номере сертификата.
В списке регионов для доставки опубликованы страны, заказ из которых маловероятен.
Рекомендуем минимизировать количество строк в списке и оставить только те страны, из которых возможны реальные заказы.
Непонятно, что обозначают звездочки в названиях полей.
Рекомендуем явно указать, что поля, отмеченные звездочками, являются обязательными для заполнения.
Текст сообщения об ошибке разрывается на две строки.
Рекомендуем обеспечить правильный вывод текста рядом с полем формы.
Контакты
На страницах сайта одновременно используется несколько форматов написания телефонных номеров (с разделителями и без).
Рекомендуем придерживаться единого общепринятого формата написания телефонных номеров на всех страницах сайта.
На странице https://www.alpinabook.ru/about/contacts/ схема проезда к офису компании расположена в самом низу и не видна без использования прокрутки. Это отрицательно сказывается на юзабилити.
Рекомендуем выводить схему проезда ближе к верхней части сайта.
Общие итоги и выводы
В данный момент сайт содержит ряд существенных недоработок, которые крайне негативно сказываются на юзабилити и конверсии:
- преобладает поисковый трафик из Google. Доля трафика из Яндекса всего 12.6%;
- небольшое количество регионального трафика. В основном на сайт заходят пользователи из Москвы и Питера;
- наблюдается существенный рост показателя отказов при просмотре сайта на мобильных устройствах;
- допущены существенные ошибки в работе важного модуля поиска книг;
- допущены ошибки в работе каталога авторов;
- ошибки в работе вспомогательной навигации по типу “хлебные крошки”;
- ошибки в работе форм регистрации и входа в личный кабинет;
- не обеспечена безопасность личных кабинетов и защита от несанкционированного доступа к данным;
- не оптимизирована структура URL-ов на некоторых страницах сайта;
- выявлены существенные ошибки во внутренней поисковой оптимизации сайта, которые отрицательно влияют на трафик из Яндекса и Google.
Рекомендуем выполнить доработки и устранить выявленные ошибки. Это позволит улучшить юзабилити, повысить конверсию и маркетинговую эффективность сайта.
Полезные ссылки и ресурсы
Крупнейший регистратор доменных имен REG.RU
Регистрация и продление доменных имен в любых зонах. |
|
Ведущий хостинг-провайдер BEGET.RU
Хостинг, аренда серверов, регистрация доменов. |
|
Сервис тестирования юзабилити реальными пользователями
Отбор и анкетирование целевой аудитории сайта. |
|
Сервис мониторинга, анализа и оценки эффективности поискового продвижения.
Съем и отслеживание позиций сайта, работа с семантическим ядром. |
|
Сервис копирайтинга и рерайтинга текстов. Заказ текстов для сайта любой сложности.
Покупка готовых текстов и заказ уникальных статей на нужную тему. |
|
Сервис автоматизации продвижения сайта и рекламы в интернете.
Подбор и покупка ссылок, оптимизация контекстной рекламы. |
|
26 000 готовых премиум-шаблонов для сайтов
Высококачественные шаблоны для любых сайтов, материалы для дизайна сайта. |
|
Крупнейшая фриланс-биржа
Сервис удаленной работы. |