Аудит юзабилити интернет-магазина книг

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

Дата аудита: ноябрь 2017 года

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

 

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

Вводная информация

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

Перед просмотром дополнительных материалов их желательно скачивать на компьютер.

Также по всем выявленным проблемам даны рекомендации по их устранению.

Красным текстом и красными маркерами выделены обнаруженные ошибки и важная информация.

Основные показатели статистики сайта.

В данный момент посещаемость сайта в будние дни составляет около 3000 посетителей, в выходные 2500-2800 посетителей.

Более 72-ух процентов посетителей заходят из поисковых систем:

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

Треть посетителей сайта – из Самары.

Регионы посетителей сайта

Второй по количеству посетителей регион – Тольятти.

Основная возрастная группа посетителей 25-34 года:

Возраст поестителей сайта

Большинство посетителей сайта – женщины:

Анализ аудитории сайта

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

Глубина просмотра сайта

58% пользователей смотрят сайт на ПК, 34 – на смартфонах.

Устройства просмотра

Следует отметить, что при просмотре сайта на смартфонах и планшетах, показатель отказов гораздо выше:

Анализ статистики сайта

Далее рассмотрим дизайн, юзабилити и работу отдельных элементов и страниц сайта.

Логотип и слоган

Логотип расположен в верхней левой части сайта. Именно из этой точки начинается просмотр информации. По дизайну этой части формируется первое впечатление пользователя.

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

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

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

Логотип сайта

Какое-либо графическое оформление, отображающее тематику сайта, в данный момент отсутствует.

Также нет слогана, отражающего направление деятельности компании и сайта. Невозможно понять, это книжный интернет-магазин, каталог издательства или сайт по продаже электронных версий книг.

Рекомендуем рассмотреть возможность разработки качественного уникального логотипа сайта и компании. Также рекомендуем рядом с логотипом разместить явное указание на направление деятельности сайта (например, интернет-магазин книг).

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

Качественная навигация является основой построения эффективного юзабилити сайта.

Она должна быть простой, интуитивно-понятной и обеспечивать быстрый переход в любой раздел сайта.

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

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

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

Ниже представлены скриншоты таких элементов:

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Небольшое количество переходов по таким ссылкам подтверждается и данными карты кликов:

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

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

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

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

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

Ошибки в юзабилити меню

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

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

Меню содержит очень большое количество ссылок.

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

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

Ошибки в юзабилити меню

При этом нет никакой информации, для чего нужна регистрация и вход в систему. Это показано на видео по ссылке https://yadi.sk/i/suw_baINy5gM9

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

Анализ статистика сайта

Это подтверждается и данными карты кликов. Например, для главной страницы:

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

Рекомендуем пересмотреть компоновку главного меню сайта:

  • Уменьшить количество разделов
  • Поставить ссылку на каталог товаров первой
  • Добавить ссылки на самые популярные группы товаров (книги и т.д.)

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

Далее рассмотрим компоновку главной страницы сайта.

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

Ошибки в юзабилити главной страницы

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

Непонятно, почему текст последнего анонса новости выполнен меньшим шрифтом:

Ошибки в юзабилити главной страницы

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

Превью с изображениями товаров имеют разный размер. Из-за этого дизайн выглядит неаккуратно.

Разный размер изображений

При нажатии на них в одном случае открывается увеличенное изображение большого формата, в другом – маленькое изображение плохого качества, растянутое при помощи скриптов. Это показано на видео по ссылке https://yadi.sk/i/qzT4xyYIyA7q2.

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

Все увеличенные фото должны быть достаточного качества, высотой минимум 1000-1200 пикселей.

Разный отступ между фото и границей блока. Отличается толщина серой границы.

Разный отступ между элементами

Разный отступ между элементами

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

Некорректно происходит перенос текста при уменьшении ширины окна браузера:

Ошибки в тексте сайта

Ошибки в тексте сайта

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

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

Рекомендуем выделить приоритетные группы товаров (на данный момент – книги). Сопутствующие можно вынести на вспомогательные сайты.

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

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

Не совсем понятно, почему при нажатии на ссылку «Книги» открывается страница с пунктами «Игрушки», «Коллекционерам» и т.д. Это продемонстрировано на видео https://yadi.sk/i/qOWMJ5IjyAmPQ.

Заголовок страницы http://www.chaconne.ru/books/ находится в самом низу экрана. Чтоб его найти, необходимо прокрутить контент страницы вниз. В результате большинство пользователей его не увидят.

Ошибки в тексте сайта

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

Кроме этого, в заголовке допущены ошибки. Слово «Обзор» должно быть написано с маленькой буквы, название категории «Книги» должно быть в кавычках.

Аналогичные проблемы и на других страницах с новинками каталога. Например:

Ошибки в тексте сайта

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

Каталог книг

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

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

Список разделов каталога верхнего уровня занимает около 25-ти процентов экрана. Остальное пространство экрана остается пустым. Такое решение неэффективно с точки зрения юзабилити, особенно при просмотре сайта на широкоформатных экранах. Сриншот показан по ссылке https://yadi.sk/i/VKMUI27myArm7

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

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

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

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

Недостаточная контрастность текста

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

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

Юзабилити меню

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

На странице просмотра товаров каталога (например, http://www.chaconne.ru/catalog_name.php?cat=536 ) нет возможности выбрать количество товаров, выводимых на странице. В результате страница имеет избыточную высоту. Скриншот показан по ссылке https://yadi.sk/i/NcxwEadoyAwXr

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

Абсолютно непонятно, что обозначают сокращения в блоке ссылок:

Ошибки в юзабилити

Ошибки в юзабилити

Также неясно, для чего нужны данные ссылки:

Ошибки в юзабилити

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

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

Не согласовано положение заголовков в таблице и перенос слов. Из-за этого дизайн выглядит неаккуратно.

Ошибки в юзабилити

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

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

Ошибки в модульной сетке сайта

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

При уменьшении ширины окна элементы интерфейса работают некорректно. Появляется полоса горизонтальной прокрутки, кнопки пересекаются. Это показано на видео по ссылке https://yadi.sk/i/09t0l3YByAzJs

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

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

Ошибки в модуле сортировки

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

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

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

Для покупателя из Тольятти неактуальна информация о наличии книг в Самаре.

Кроме этого, при открытии хотя бы трех списков филиалов, высота страницы увеличивается и найти нужную информацию становится крайне сложно. Для примера по ссылке показан скриншот страницы https://yadi.sk/i/GJdGw7m8yB4cj

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

Непонятно, для чего дублируется функционал кнопки «Отложить в филиале» и «Смотреть наличие». Открывается один и тот же список филиалов. Некорректно работает указатель в виде стрелочки. Это показано на видео по ссылке https://yadi.sk/i/aih6tQq5yB5Rh

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

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

Дублирование информации

То же самое касается и маркера «есть в наличии». Более оптимальным является скрытие из списка филиалов, в которых нет нужной товарной позиции.

Дублирование информации

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

При нажатии на кнопку «Отложить в филиале» открывается обычное информационное сообщение браузера. Ссылки на быструю регистрацию, форму входа или ввода адреса email отсутствуют.

Ошибки в юзабилити

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

Для просмотра увеличенного фото товара надо нажать на маленькую иконку.

Просмотр фото

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

Увеличенное фото для большинства товаров имеет небольшой размер и плохое качество. Нет кнопок перехода к предыдущему и следующему товару, а также закрытия фото. Это отрицательно сказывается на юзабилити. Видео показано по ссылке https://yadi.sk/i/2-oDASPnyHxow

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

На странице детальной информации о книге нет возможности просмотра увеличенного фото.

Нет просмотра увеличенного фото

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

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

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

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

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

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

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

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

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

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

В форме «Пожаловаться на цену» также есть подсветка полей красным цветом, но нет поясняющего текста.

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

Корзина и оформление покупки

Далее рассмотрим работу корзины.

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

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

Рекомендуем добавить соответствующую информацию в верхнюю часть страницы.

Стрелки вверх и вниз рекомендуем заменить на более понятные символы «+» и «-».

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

Не согласована ширина столбцов таблицы и взаимное расположение текстовых заголовков таблицы.

Ошибки в дизайне таблицы

Рекомендуем написать одним словом «Количество», увеличить ширину столбцов и обеспечить их корректное отображение независимо от ширины окна браузера.

Не совсем понятно, для чего кнопки подтверждения возраста находятся на дополнительной подстранице http://www.chaconne.ru/age_restriction.php. Рекомендуем выводить их прямо на странице корзины.

Ошибки в юзабилити

Ошибки в юзабилити

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

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

Рекомендуем в заголовках явно указать валюту «Цена, рублей» и «Стоимость, рублей».

Не указано, что обозначает данная цифра и сумма:

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

Рекомендуем явно указать «Заказанных товаров» и «Сумма заказа».

Более привычным для большинства пользователей является расположение кнопки отправки формы слева, а очистки – справа.

Располоджение кнопок в корзине

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

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

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

Нет проверки правильности ввода адреса и ФИО. Удалось отправить заказ с такими данными:

Отправка формы с ошибками

Отправка формы с ошибками

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

Также стоит отметить, что в данный момент иконка мини-корзины не реагирует на наведение курсора.

Ошибки в мини-корзине

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

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

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

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

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

Для примера рассмотрим процесс поиска по фамилии автора «Пелевин».

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

Ошибки в юзабилити модуля поиска

Нет возможности сортировки по новизне в каталоге. Это усложняет поиск новинок конкретного автора.

Рекомендуем добавить к сортировке параметр «по дате».

По умолчанию активны обе серые вкладки:

Ошибки в юзабилити модуля поиска

Непонятно, что обозначает сокращенный текст в блоке ссылок:

Ошибки в юзабилити модуля поиска

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

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

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

Страница «Вход в систему»

http://www.chaconne.ru/enter.php.

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

Ошибки юзабилити формы входа

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

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

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

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

Непонятно, что обозначает подсветка полей формы красным цветом. Какие-либо сообщения об ошибках отсутствуют. Это показано на видео по ссылке https://yadi.sk/i/mckbuJSCy5mYZ

Аналогичная проблема и на странице восстановления пароля:

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

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

Страница «Регистрация»

http://www.chaconne.ru/reg/.

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

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

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

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

Дизайн сообщения об ошибке

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

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

Страница «Привязать карту»

http://www.chaconne.ru/info/discount_card.php

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

Устаревшая информация о скидках

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

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

Ошибки в текстах сайта

Ошибки в текстах сайта

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

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

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

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

Страница «Акции»

http://www.chaconne.ru/action_catalog.php

Данный элемент оформлен как обычный текст, хотя на самом деле является ссылкой.

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

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

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

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

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

Кроме этого, непонятно почему размещены две одинаковых акции:

Одинаковые акции

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

Далее рассмотрим дизайн страницы просмотра акционных товаров на примере страницы http://www.chaconne.ru/catalog_name.php?cat=3768&action=0

Отсутствуют фотографии и изображения для большого количества товаров в каталоге:

Нет фотографий для товаров в каталоге

Абсолютно все товары имеют метку «Акция».

Все товары с меткой акции

Непонятно, что обозначает текст и цифры в блоке ссылок:

Ошибки в юзабилити

Страница «Скидки»

http://www.chaconne.ru/info/discount.php

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

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

Дисконтная система

Ссылка ведет на ту же самую страницу http://www.chaconne.ru/info/discount_card.php, что и ссылка «Привязать карту». Непонятно, для чего сделано такое дублирование. Видео показано по ссылке https://yadi.sk/i/7lNTu-SUy66KA

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

Архив конкурсов

http://www.chaconne.ru/competition/archive.htm

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

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

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

В ленте размещена информация за 2012-2013 год, которая полностью потеряла свою актуальность для пользователей сайта.

Устаревшая информация на сайте

Рекомендуем убрать старую информацию в архив.

Школьный проект

http://www.chaconne.ru/school/project/

Не согласовано взаимное расположение заголовков и контента страницы:

Ошибки в компоновке страницы

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

На странице размещено большое количество текстовой информации. При этом она датирована 2010 и 2015 годом.

Ошибки в текстах сайта

Ошибки в текстах сайта

Ошибки в текстах сайта

Рекомендуем актуализировать текстовую информацию на странице.

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

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

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

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

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

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

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

По умолчанию каталог учебной литературы выводится нераскрытым. В результате страница малоинформативна для пользователя. Полный скриншот страницы показан по ссылке https://yadi.sk/i/nDh2i4lNy7YGv

Аналогичная проблема в разделе «Учителю и классному руководителю». Видео показано по ссылке https://yadi.sk/i/ogsjCruQy7Yh3

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

Раздел «Плановые мероприятия» по умолчанию выводится пустым. Скриншот страницы показан по ссылке https://yadi.sk/i/4UzFyKEay7Z7G

При переходе по подразделам не подсвечивается раздел меню. Видео продемонстрировано по ссылке https://yadi.sk/i/WAl3HCIxy7Zab

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

Школьная форма

http://forma.chaconne.ru/

Фактически, данный раздел представляет собой отдельный сайт со своей структурой главного меню, каталога и информационных страниц. Не совсем понятно, для чего он интегрирован в меню основного сайта. Видео показано по ссылке https://yadi.sk/i/wUUaClh_y7aFo

На главной странице подраздела размещена неактуальная информация за 2013-й год

Устаревшая информация на сайте

Рекомендуем убрать устаревший текстовый контент.

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

Ошибки в оформлении заголовков

Оформление контактной информации не соответствует подаче аналогичных блоков на других страницах сайта:

Ошибки в оформлении заголовков

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

Просмотр сертификатов выполнен с помощью простого открытия фото в новой вкладке. Это не соответствует современным требованиям и отрицательно сказывается на юзабилити. Видео показано по ссылке https://yadi.sk/i/-mp08hEuy9d95

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

На странице просмотра подарочных карт http://forma.chaconne.ru/info/giftcard.php нет возможности открыть увеличенное фото. Текст на большом количестве изображений плохо видно и его невозможно прочитать.

Нет просмотра увеличенных фото

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

Дизайн раздела «Наши магазины» не проработан. Адреса и ссылки на схему проезда разнесены в противоположные стороны экрана. Из-за этого появляется пустое пространство и страница выглядит неаккуратно. Скриншот показан по ссылке https://yadi.sk/i/MyMgOjV_y9eBB

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

Аналогичная проблема и на странице http://forma.chaconne.ru/info/opt.php

Текст оформлен как ссылка, хотя таковой не является:

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

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

Отдельно стоит отметить, что во всем разделе http://forma.chaconne.ru/ не работает подсветка текущего раздела сайта. Это показано на видео по ссылке https://yadi.sk/i/GHzgsEsby9rLK

Методист рекомендует

http://www.chaconne.ru/school/methodist/

В данном разделе есть всего два товара со статусом «Товар закончился». Фактически, страница не представляет для пользователя никакой полезной информации. Полный скриншот показан по ссылке https://yadi.sk/i/bXx-E45wy9rp5

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

Наши магазины

http://www.chaconne.ru/info/shops.php

Магазин имеет большое количество филиалов в нескольких городах.

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

Полный скрин показан по ссылке https://yadi.sk/i/kjM8OTK-y9szN

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

Не согласована величина верхних и нижних отступов.

Ошибки в макете страницы

Ошибки в макете страницы

Ошибки в макете страницы

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

Некорректно отображаются границы в некоторых ячейках:

Ошибки в отображении элементов сайта

Названия торговых центров должны быть в кавычках:

Ошибки в текстах сайта

Для большого количества филиалов не указаны рабочие дни:

Ошибки в текстах сайта

Мероприятия

http://www.chaconne.ru/events/

В данный момент в разделе размещено всего два анонса мероприятий на одну и ту же дату.

Только два анонса мероприятий

Только два анонса мероприятий

Тексты анонсов полностью совпадают. Отличается только направление выставки (стоматология и косметология).

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

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

При нажатии на заголовок мероприятия открывается страница с тем же самым текстом, что и в анонсе. Это показано на видео по ссылке https://yadi.sk/i/FlAiGnWFy9wZ4

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

Подарочные карты

http://www.chaconne.ru/info/giftcard.php

Верны замечания для аналогичного раздела сайта со школьной формой.

Вакансии

http://www.chaconne.ru/info/vacancy.php

На странице отсутствует какая-либо информация о:

  • Дате публикации вакансии
  • Ее актуальности
  • Основных требованиях к соискателям
  • Диапазоне зарплат
  • Графике работы и т.д.
  • Также нет возможности быстрой отправки резюме на адрес электронной почты.

Полный скриншот страницы показан по ссылке https://yadi.sk/i/54uNxsAoy9xfV

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

Контакты

http://www.chaconne.ru/info/contacts.php

Основным недостатком страницы является наличие только адресов электронной почты и юридического адреса компании.

Ошибки в юзабилити

Непонятно, для чего вся актуальная контактная информация вынесена на отдельную страницу «Адреса магазинов» http://www.chaconne.ru/info/shops.php

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

Рекомендуем на странице контактов:

  1. Указать номера контактных телефонов.
  2. Добавить интерактивную карту с метками филиалов и их контактами
  3. Добавить форму для отправки сообщений
  4. Рассмотреть возможность использования комплексного решения для захвата клиентов и организации каналов общения на базе сервисов krible.com, cb-killer.ru или аналогичных.

Готов ответить на все вопросы по результатам аудита в скайпе, email или по телефону.

 

Get new case studies by email:

More Case Studies

See all