Перейти к содержимому

Сервис обмена электронных валют

Партнерская программа Kredov

Usability вашего интернет-магазина (статья)

#1 alex159

alex159
  • Пользователь
  • 492 сообщений
  • Репутация: 32
-1

Отправлено 24 Февраль 2013 - 10:54

Часть первая. Общие принципы для всего магазина.
  • Логотип магазина.
    Всегда должен находиться в верхней части страницы, в одном и том же месте и быть хорошо заметным. На всех страницах, кроме главной, логотип является ссылкой на главную страницу.
  • Номер телефона.
    Всегда находится всегда в одном и том же месте на страничке;
    Номер телефона указывается с кодом города;
    Хорошо заметен в первые несколько секунд просмотра страницы;
    Возле телефона всегда должна быть ссылка «закажите обратный звонок»;
  • Поиск по сайту.
    Форма поиска находится в верхней части страницы, в шапке или боковой колонке;
    Форма хорошо заметна даже при беглом просмотре страницы;
    Возле формы поиска есть ссылка на расширенный поиск;
    Кнопка «найти» должна присутствовать обязательно;
  • Основной фон магазина белый или светлый. Цвет шрифта контрастен фону.
  • Все ссылки в контенте магазина подчеркнуты. Критично важные ссылки имеют всплывающие подсказки.
  • Все изображения в магазине должны иметь тег alt
  • Не используйте скрипты изменяющее вид курсора, не используйте скрипты типа «падающий снег», всплывающие без ведома пользователя окна и баннеры.
  • Страница ошибки 404 должна выполнена в дизайне магазина и содержит ссылки на основные разделы магазина, карту сайта и форму поиска.
  • Сайт должен корректно отображается во всех популярных браузерах и иметь версию для мобильных телефонов.

Часть вторая. Базовая навигация магазина.
  • Меню каталога товаров всегда расположено вертикально;
  • Вложенные пункты меню товаров должны отображаться без перезагрузки страницы;
  • Меню каталога товаров должно иметь не более 8 пунктов.
  • Пункты меню каталога товаров должны быть отсортированы либо по алфавиту, либо по группам товара.
  • Меню каталога товаров должно содержать виртуальные категории «новинки», «распродажи», «лучшие товары» В которых товары подобраны по какому либо принципу.
  • Навигация магазина расположена горизонтально.
  • Для всех страниц магазина используются «хлебные крошки».
  • Текущий пункт меню всегда выделен.
  • Ссылки на страницы «варианты оплаты», «способы доставки», «ЧаВо», «Контактная информация» должны обязательно присутствовать.
Часть третья. Корзина.
  • Бокс корзины должен находиться на всех страницах магазина всегда в одном и том же месте.
  • Бокс корзины должен быть заметен при первых трех секундах просмотра сайта.
  • В боксе корзины, когда корзина пуста, может присутствовать информация о распродажах, акциях и специальных предложениях.
  • При добавлении товара в корзину, по нажатию кнопки «купить» появляется сообщение о том, что товар в корзину добавлен.
  • В боксе корзины при добавлении товара, происходит видимое изменение.
  • В боксе корзины, всегда выводится список добавленного туда товара, с ценами, возможностью редактировать кол-ва товара и ссылкой «оформить заказ».

Страница корзины.
  • Страница корзины не содержит каталога товаров.
  • Страница корзины не содержит рекламных баннеров, спец. предложений.
  • На странице корзины отсутствует анимация.
  • Для страницы корзины используется более крупный шрифт, чем на сайте
  • На странице корзины есть информация о доставке.
  • На странице корзины есть информация о том, как сделать заказ по телефону.
  • На странице корзины есть информация о том, как задать вопросы или связаться с менеджером магазина.
  • На странице корзины должна быть кнопка «вернуться к покупкам»
  • Страница корзины работоспособна при выключенном JavaScript.
  • Информация о скидках, бонусах и подарках считается автоматически в корзине и не требует от пользователя никаких дополнительных действий.
Часть четвертая. Процесс оформления заказа.
  • Оформление заказа должно происходить только на одной странице.
  • Оформление заказа не должно прерываться, если пользователь не зарегистрирован.
  • Не зарегистрированным пользователям для оформления заказа требуется указать только e-mail и номер телефона.
  • В процессе оформления заказа предлагается несколько вариантов доставки.
  • В процессе оформления заказа указывается максимум вариантов оплаты.
  • По нажатию на кнопку «оформить заказ», покупателю показывается страница с информацией об успешно отправленном заказе и словами благодарности.
  • По факту оформления заказа покупателю отправляется e-mail с благодарностями, подробным списком заказанных товаров, регистрационными данными, указанием выбранного способа оплаты и доставки, контактными телефонами менеджеров.
  • Время реакции менеджера магазина на заказ не должно превышать 5 минут.

Часть пятая. Главная страница магазина.
  • Главная страница магазина должна содержать осмысленный заголовок магазина.
  • Главная страница содержит краткий текст «о магазине», построенный на выгодах и (или) Уникальном Торговом Предложении (УТП)
  • Главная страница содержит как минимум одно конкретное предложение о покупке товара.
  • Главная страница содержит заметную ссылку на предложение помощи по выбору товара и оформлению заказа.
  • Пункты меню оплата и доставка должны быть легконаходимы из любой точки страницы
  • Главная страница не должна содержать pop-up баннеров и всплывающих окон.
  • Главная страница не должна содержать никаких звуков запускаемых без действий пользователя
  • Главная страница содержит подробную контактную информацию (номер телефона, адрес, e-mail, ссылка на форму обратной связи и подробную контактную информацию). Необходимо давать ссылку на страницу с сертификатами товара.
  • Если у вас есть офис или реальный магазин, на главной необходимо разместить информацию о магазине, с фотографией и ссылкой на карту проезда.
  • Информационные сервисы (подписка, форма регистрация) должны находиться в верхней части экрана.
Часть шестая. Карточка товара.
  • Карточка товара содержит хорошо заметный заголовок - название товара.
  • Для каждого товара должно существовать описание товара, написанное человеческим языком.
  • Присутствуют технические характеристики.
  • В технических характеристиках обязательно должны быть указаны вес товара, и размеры в упаковке.
  • Обязательно должна быть указана цена товара за единицу.
  • Цена товара должна быть хорошо заметна.
  • Кнопка «купить» или «положить в корзину» должна быть хорошо заметна.
  • Для каждого товара должна быть фотография.
  • Дополнительные фотографии товара должны показывать товар со всех сторон, желательно фото товара в запакованном виде. Для некоторых товаров, размеры которых сложно определить визуально, нужно использовать фотографию с линейкой.
  • На карточке товара отсутствует отвлекающие элементы (новости, реклама)
  • Для разделения содержимого можно использовать вкладки.
  • Для каждого товара должны быть определены «сопутствующие товары» с возможностью добавить в корзину вместе с основным товаром.

Часть седьмая. Каталог товаров.
  • Страница раздела и подраздела содержит: заголовок, краткое описание, список товаров с фильтрами.
  • Пользователь должен иметь возможность сортировать товар в категории.
  • Блок товара как минимум содержит: название товара, изображение товара, краткое описание товара, цену товара, значки и иконки акций и скидок, кнопку «купить» или «добавить в корзину».
  • В разделах и подразделах содержаться ссылки на популярные разделы.
  • Существует как минимум два альтернативных способа навигации по каталогу.

Часть восьмая. Регистрация.
  • Пользователю объясняется выгода регистрации. Текст, объясняющий выгоду, может находиться либо рядом с кнопкой «зарегистрироваться», либо на странице регистрации перед формой ввода данных.
  • При ошибке в вводе данных ошибочный пункт выделяется цветом и текстовым сообщением.
  • При ошибке ввода данных, форма не перегружается и введенные данные не нужно вводить повторно.
  • При регистрации нужно спросить согласие на получение рассылки от магазина.

 

 

  • 1

#2 k1on

k1on
  • Пользователь
  • 63 сообщений
  • Репутация: 7

Отправлено 24 Февраль 2013 - 15:14

это что за оформление такое? списком идут вообще непонятные пункты, которые должны быть полноценными абзацем.
  • 0

#3 seosage

seosage
  • Пользователь
  • 304 сообщений
  • Репутация: 45

Отправлено 25 Февраль 2013 - 08:15

Да, статья не верно оформлена. Нужно подправить, у кого есть права...
  • 0


Оформление форума – IPBSkins.ru