Раздел 1.Общие требования к юзабилити сайта интернет-магазина 2.6 | |
Загрузка сайта быстрая (0-1 с) | |
Логотип размещен на каждой странице в одном и том же месте. Рядом – краткий, четко описывающий цели и задачи компании слоган | |
В верхней части каждой страницы расположен номер телефона, который становится заметным в первые 3 с | |
Ссылки в текстовом контенте сайта одинаково выделены и кликабельны, ведут на корректные страницы | |
Функция «Поиск» – в верхней части каждой страницы, он заметен в первые 3 секунды | |
На всех страницах цвет шрифта и цвет фона – контрастные, а выравнивание текста осуществлено по общему принципу | |
Межстрочное расстояние меньше расстояния между абзацами | |
Тексты отображаются корректно при любом масштабировании сайта | |
Все элементы и ссылки, ведущие на форму обратной связи и любой другой способ связаться с менеджерами, должны снабжаться текстом, призывающим к действию: «Свяжитесь с нами сейчас», «Задайте нам вопрос» и др. | |
На каждой странице должно находиться коммерческое предложение и возможность быстрой связи с представителями компании. Пользователь не должен искать контакты для связи, они всегда должны быть у него на виду. Это повысит отклик аудитории, а, следовательно, и количество продаж | |
Имеется страница с 404-й ошибкой, выполненная в общем дизайне магазина, отсюда можно перейти на главную страницу | |
В случае минимального расширения сайта (1024×768) при просмотре в популярных браузерах (InternetExplorer, MozillaFirefox, Opera) горизонтальная прокрутка в нижней части страниц отсутствует | |
Сайт имеет фавикон | |
При наведении курсора на любую ссылку/кликабельный элемент, он должен выглядеть в форме руки (cursorhand) | |
Раздел 2.Требования к разработке сайта3 | |
Верстка кросс-браузерная | |
Скрипты расположены в нижней части страниц, внесены отдельными файлами | |
Раздел 3. Требования к юзабилити главной страницы 2.6 | |
На главной странице представлен перечень основных услуг/продуктов компании | |
На главной имеется УТП в виде слогана, баннера или призыва к действию | |
Пункты меню с описанием стоимости услуг/продуктов, способов оплаты и доставки должны легко находиться пользователями и становиться заметными в первые 2-3 с пребывания на странице | |
На главной не должно быть pop-up окон и звуковых эффектов, активизирующихся без действий пользователей | |
На главной странице должна быть контактная информация: email-адрес, номера телефонов (мобильные, городские), форма обратной связи, скайп, ссылки, ведущие на страницы компании в социальных сетях | |
Раздел 4.Требования к юзабилити навигации 2.8 | |
Основные пункты верхнего меню продублированы в нижнем меню сайта | |
В каталоге товаров – не более 8 пунктов | |
Список основных категорий товаров или услуг выводится на главной странице | |
Выбранный пункт меню подсвечен и неактивный (некликабельный) | |
Если сайт имеет страницы выше 2-го уровня вложенности, «хлебные крошки» должны отображать/вести на все эти страницы | |
Раздел 5. Требования к поиску по интернет-магазину 2 | |
Поиск по сайту в любом случае должен выводить результаты. В случае если запрашиваемый товар не найден, необходимо предложить пользователю наиболее похожие результаты, или – наиболее запрашиваемые товары, специальные предложения | |
Раздел 6.Требования к юзабилити процедуры регистрации 2.3 | |
Рядом с кнопкой «Зарегистрироваться» пользователю выводится обоснование преимуществ регистрации | |
Зарегистрироваться можно как минимум двумя способами: более коротким (только имя и email) и более объемным, с большим количеством полей | |
В случае ошибочного ввода данных поле подсвечивается другим цветом (как правило, красным), а форма не перезагружается, поэтому вводить данные заново не надо | |
При регистрации выводится текст с предложением подписаться на email-рассылку | |
Раздел 7.Требования к юзабилити карточки товара 2.5 | |
Товар содержит полное название, технические характеристики и описание, выполненное понятным, «человеческим» языком | |
Указана цена товара (при необходимости – старая и с учетом скидки) | |
Присутствует кнопка «Купить» или другой вариант, ведущий в корзину и обеспечивающий переход к оформлению покупки | |
Если страница с товаром длиннее одного экрана, кнопка призыва к действию дублируется | |
Имеется изображение товара, если при нажатии изображение увеличивается и выводится во всплывающем окне, параметры всплывающего окна всегда должны быть одинаковые для всех товаров | |
Карточка товара не содержит отвлекающих элементов: новости, подписка на рассылку, реклама, анонс записей блога и др. | |
Рядом с товаром выводится сопутствующая продукция/услуги, которые можно положить в корзину с этой же страницы и купить вместе с основным товаром | |
На странице должны быть указаны способы оплаты и доставки, или же – ссылки на страницы с этой информацией | |
Раздел 8. Требования к юзабилити каталога товаров3 | |
Основное меню магазина содержит до 10 пунктов | |
Разделы, сформированные по одному принципу, оформлены одинаково | |
В меню имеются ссылки на страницы «Новинки», «ТОП-продаж», «Скидки» и др. | |
На каждой странице каталога представлены товары, а также предложение и возможность тут же их купить | |
На странице товарного каталога блок с товаром содержит такой минимальный набор: название, описание, изображение и цена товара, логотипы акций, скидок, кнопка покупки | |
В разделах, подразделах есть ссылки, ведущие в популярные разделы магазина | |
Раздел 9. Требования к юзабилити корзины 2.7 | |
Блок/кнопка корзины присутствует на каждой странице в одинаковом месте (как правило – верхний правый угол) | |
Блок «Корзина» является заметным элементом страницы, дизайн выполнен в ярких цветах | |
После того как товар добавляется в корзину, рядом с кнопкой «Купить»/«Добавить в корзину» (другой вариант СТА) выводится текст-уведомление «Товар добавлен в корзину» | |
После того как товар добавлен в корзину, блок «Корзина» внешне видоизменяется – выводится информация о том, что в корзине N товаров | |
Если кнопка «Купить»/«Добавить в корзину» нажимается повторно, выводится предупреждающий текст о том, что такой товар уже есть в корзине, а также – предложение закончить оформление заказа или же – выбрать еще один такой товар | |
При наведении курсора на блок «Корзина» должен выводиться текст, описывающий содержание корзины и цены на добавленные товары | |
На странице корзины нет новостей, витрины других товаров, текстовой и баннерной рекламы, анимационных элементов и другой отвлекающей информации | |
Страница корзины содержит информацию о нескольких способах оплаты и доставки, о способах связи с менеджером или представителем компании в случае возникновения вопросов | |
Способов оформить заказ предлагается несколько: обычным способом (после авторизации на сайте), в один клик, после регистрации | |
Процесс оформления заказа не прерывается в случае, если покупатель не зарегистрирован в магазине | |
Если покупатель не зарегистрирован, от него требуется заполнить только поле «Имя» и «Email» | |
Рядом с товаром есть предложения снизить его стоимость (скидки, промокод, купон, бонусная система и др.) | |
После того как процесс покупки завершен, покупателю предлагается приобрести дополнительные товары (cross- sell и upsell) | |
Раздел 10.Требования к странице контактов2 | |
Имеется физический адрес магазина (если таковой существует) | |
Есть карта с четко отмеченным местонахождением компании, с описанием того, как лучше добраться | |
Имеется не один рабочий email-адрес | |
Указано время работы магазина и службы тех. поддержки |
Юзабилити на достаточно хорошем уровне, что должно способствовать росту трафика на сайт и повышать продажи, но следует учесть следующие рекомендации:
1) Поиск по сайту в любом случае должен выводить результаты;
2) Рядом с кнопкой «Зарегистрироваться» пользователю должно выводиться обоснование преимуществ регистрации;
3) При нажатии изображения товара параметры всплывающего окна всегда должны быть одинаковые для всех товаров;
4) На странице должны быть указаны способы оплаты и доставки, или же – ссылки на страницы с этой информацией;
5) Если кнопка «Купить»/«Добавить в корзину» нажимается повторно, должен выводиться предупреждающий текст о том, что такой товар уже есть в корзине;
6) После того как процесс покупки завершен, покупателю должно предлагаться приобрести дополнительные товары.