|
Юзабилити аудит http://dverei-deshevle.net:9999/
1. Анализ соответствия структуры сайта своим целям:
Главной целью сайта является презентация и продажа продукции конечному пользователю. Побочной целью – формирование мнения о компании.
Для успешной реализации этих целей рекомендуется добавить разделы «Скидки и акции» и «Отзывы».
Пример успешной реализации раздела «Скидки и акции» на сайтах конкурентов - http://www.dvericentr.ru/akcii-i-skidki, раздела «Отзывы» - http://169.ru/about/reviews.
Рекомендуется создать раздел вакансии на сайте. Пример реализации - http://www.dop1.ru/about/vacancies/.
2. Анализ удобства навигации на сайте:
2.1. Отсутствует поиск по сайту. Поиск по сайту является очень эффективным инструментом и существенно облегчает задачу пользователя найти конкретный товар среди множества, т.к. отсутствует необходимость изучать структуру каталога.
Пример успешной реализации блока в тематике сайта - http://www.dvericentr.ru/.
2.2. Рекомендуется реализовать блок подбора дверей или фильтр по продукции.
Сейчас у пользователей нет возможности отсортировать продукции по нужному параметру, будь то цена, дизайн или цвет.
Пример реализации сервиса подбора двери:
Пример реализации фильтра на странице каталога приведен в полном аудите. Продублирую:
3. Анализ соответствия форм на сайте задачам пользователя:
Как было описано выше – главной задачей сайта является продажа продукта пользователю. Для выполнения задачи рекомендуется минимизировать сложности при заполнении форм и процессе выбора\заказа товара.
3.1. Анализ карточки товара
3.1.1. Фото
Сейчас у всех товаров присутствует 2 фотографии и 2 цены. У тех карточек где отсутствует выбор двери: с остеклением и без выводятся 2 одинаковых изображения и 2 одинаковые цены, что может ввести в заблуждение пользователя и создать сложности при выборе.
Вообще использование 2 изображений и 2 цен не совсем удачный вариант. Рекомендуется изменить следующим образом: использовать 2 изображения (или 3 если имеются) небольшого размера с разным расположением и одной ценой (минимальной). Например:
А уже на самой карточке товара выводит возможность выбора дизайна (глухая или с остеклением).
3.1.2. Описание товара
Описание товара сейчас состоит из текстового блока техническими характеристиками. Данное описание не подходит для успешных продаж и получения высокой конверсии от сайта.
Рекомендуется изменить тип расположения описания:
справа от фото (ниже блока выбора размера полотна, цены, кнопки «Купить» и т.д.) выводить следующие хар-ки: каркас, покрытие, отделка, упаковка, толщина полотна.
Для вывода характеристики «Производитель» рекомендуется использовать графическое изображение (логотип фабрики производителя).
3.1.3. Выбор размера полотна:
Сейчас выбор размера полотна происходит путем нахождения и выбора в таблице (список товаров) нужного размера и нажатия кнопки «Купить» (которых более 10 на каждой карточке товара). Все это приводит к путанице у неопытного пользователя.
Рекомендуется изменить выбор размерности на выпадающий список или области выбора по клику и выводить сразу наличие на складе конкретной двери в конкретном размере.
Аналогичным образом оформить выбор дизайна двери (глухая, остекленная) и связать с ценой (цена меняется в зависимости от выбранного параметра).
3.1.4. Выбор типа покупки: полотно\комплект
Сейчас на странице карточки товара большое количество материалов, которые используются для отделки двери (наличники, пороги и т.д.). Большинство пользователей не знают и не понимают для чего нужны данные материалы.
Рекомендуется изменить данных подход на выбор пользователя покупать одно полотно или комплект.
Реализовать можно чекбоксом, который связан с ценой. Пример реализации:
3.1.5. Докомплектация
Сейчас нигде не указывается, что у дверей отсутствует или присутствет ручка, к примеру. Или другая фурнитура.
Рекомендуется добавить блок на карточку товара «Фурнитура для двери» (реализация – 169.ru).
3.2. Страница проверки списка товаров:
Сейчас она включает в себя таблицу из 4 полей: наименование, цена, кол-во, сумма.
Рекомендуется:
· добавить уменьшенное изображение товара;
· добавить тип товара перед названием (вместо «Эксклюзив стекло» - «Межкомнатная ламинированная дверь «Эксклюзив»);
· название товара сделать ссылкой на страницу товара;
· отдельными полями выводятся цвет товара и размер полотна;
· у блока выбора кол-ва товара добавить «+» и «-» для быстрого увеличения\уменьшения количества товаров без использования клавиатуры.
3.3. Процесс оформления заказа:
· Расположение и обозначение полей (рекомендуемые изменения):
o Доставка (предполагает выбор пользователем способа доставки (до подъезда\до двери\самовывоз) и вывод минимальной цены (1200 р.), а так же ссылка на страницу с тарифами (http://dverei-deshevle.net:9999/delivery/)
o Установка (предполагает чекбокс «Нужна установка» с описанием вида: «цена стандартной установки – 1 800 р. Точную цену можете уточнить здесь (ссылка на страницу http://dverei-deshevle.net:9999/zamer-i-ustanovka-mezhkomnatnih-dverei/) или по связавшись с менеджером»).
o Контактное лицо (ФИО)*;
o Контактный телефон*;
o E-mail*;
o Адрес установки:
o Комментарии к заказу.
4. Анализ корректности работы форм для всех посетителей:
Посетители на сайте сейчас не разделаются по группам. При реализации рекомендаций из пункта 3 все посетители смогут без сложностей пользоваться сайтом.
5. Анализ удобства ключевых страниц и сервисов сайта:
Анализ проводится блоково, т.е. рассматриваются отдельные блоки на сайте на предмет их удобства и информативности.
5.1. Шапка сайта:
Не достаточно информативна. Рекомендуется добавить значки телефона и электронной почты за место тестовых описаний, так же добавить время работы и блок поиска по сайту.
Значок корзины товаров рекомендуется увеличить в несколько раз и изменить надпись, когда корзина пуста на «Корзина пока пуста».
5.2. Главное горизонтальное меню:
Если перейти на страницу «О компании», к примеру, то этот пункт еле выделяется среди всех остальных небольшим затемнением. Рекомендуется сделать выделение более ярким (использование жирного шрифта или темной подсветки фона сзади).
Так же пункт «Каталог дверей» дублируется с вертикальным навигационным меню. Рекомендуется удалить его или переименовать и использовать как ссылку на страницу с подбором двери по параметрам.
5.3. «Слайдер» или изображение преимуществ «5 причин выбрать нас»:
Сейчас располагается на всех страницах сайта. Рекомендуется использование слайдера только на главной странице, на внутренних страницах выделять преимущества отдельным блоком (где это требуется и актуально).
5.4. Вертикальное навигационное меню слева:
Рекомендуется реализовать выделение блока, в котором находится пользователь.
Меню сервисы рекомендуется отделить от основного блока цветом и оставить раскрытым всегда. Таким образом можно будет убрать пункт «Замер и установка» из горизонтального навигационного меню.
5.5. Блок «Новости»:
Рекомендуется выделить название блока фоном.
Так же выделить дату фоном, а заголовок новости выводить правее даты, а не под ней.
Рекомендуется перенести блок «Новости» в левый вертикальный раздел над футером сайта или под вертикальное навигационное меню.
5.6. Блок «Быстрая связь»:
Непонятно вообще наличие данного блока. Целесообразнее было бы использовать блок ответом на частые вопросы с возможность задать свой вопрос (аналог блока старого сайта «5 шагов»). Пример реализации:
5.7. Блок «Полезные статьи»:
Рекомендуется использовать небольшие изображения рядом с заголовком статьи.
Рекомендуется перенести блок выше и расположить первым в правой вертикальной колонке.
5.8. Основное контентное поле:
Рекомендуется изменить межстрочный интервал, а так же добавить больше расстояний от изображений до текста (а так же между изображениями).
На главной странице сайта рекомендуется оставить блоки с новинками и специальными предложениями. Остальное место занять описанием магазина с фотографиями и блоками преимуществ.
5.9. Футер сайта:
Рекомендуется добавить в футер блоки «О магазине», «Сервис» со ссылками на внутренние страницы, по аналогии с каталогом продукции.
Пример реализации:
Дата добавления: 2015-11-04; просмотров: 25 | Нарушение авторских прав
<== предыдущая лекция | | | следующая лекция ==> |
Аудит сайта http://www.dverei-deshevle.net/ | | | Экзаменационные вопросы. Металлы. Свойств металлов в твердом состоянии. Металлическая связь. Группы металлов. Элементарные ячейки кристаллических решеток. Характеристики кристаллических |