Удобство пользования сайтом – это крайне важный момент. А на сайтах онлай магазинов – это вообще критичная вещь, потому что от этого зависят продажи.
Я составил список наиболее общих рекомендаций, которые надо иметь в виду, повещаю юзабилити своего онлайн магазина:
- На главной странице и всех прочих страницах, на которые попадают посетители (из поисковых систем, с PPC систем), призыв к действию (баннер со спецпредложением или кнопки BUY NOW) должен быть виден без прокрутки страницы, т.е. не ниже 400-500 пикселей от верхнего края страницы.
- Если где-либо на сайте упоминается товар, то надо обязательно указывать его цену и по возможности кнопку “Buy now”.
- По возможности, на каждой странице, где человек принимает решение о покупке, выделяйте свои особые условия: “доставка в течение 7 дней”, “при покупке такой-то подарок” и т.п.
- Качество картинки с товаром имеет значение: постарайтесь сделать его максимально высоким.
- На каждой странице помещайте телефон и иные средства связи (если есть онлайн служба поддержки, то тоже на видное место).
- Тексты должны легко читаться (предложения короткие, слова простые, абзацы 2-4 предложения), а страница “сканироваться”, т.е. человеку должно быть достаточно пробежаться по странице глазами, чтобы увидеть все основные моменты (о чем тут речь, какие условия, цены, как купить, стоит ли доверять данному сайту).
- Отслеживайте запросы, по которым пользователи приходят на ваш сайт из поисковиков – убедитесь, что самые популярные товары из этих запросов представлены на главной странице сайта. Аналогично для поиска по сайту (желательно вообще сделать так, чтобы поиск по сайту редко был нужен).
- Не используйте строки длиннее 13-15 слов. Исследования показывают, что более длинные строки в сети читать напряжно и этого почти никто не делает.
- Если у вас есть сомнения о размере шрифта, то смело используйте бОльший.
добавить не смежные товары, а вспомогательные. например если это телефон, то чехлы, акцессуары… врядли там нужно еще пара смежных телефонов
Отличный минифак по юзабилити магазинов. А слева что за два товара – с этим товаром мы рекомендуем?
да в принципе это относится и не только к онлайн шопам, время проведения ползователей на обычных сайтах тоже от всего этого зависит
Жаль, что плагин FireShot платный.
Реально нужный пост с примером + разбором на картинке + все по пунктам расписано. Если будет продолжение – будет интересно. Вообще тема конверта посетителей в покупателей в связи с юзабилити мало освещается в рунете…(
По поводу пункта 4, о картинках. Недавно читал не помню в каком блоге, что картинки лучше делать уникальными, ибо когда пользователь хочет купить что-то, он в принципе видел подобные товары в дургих магазинах, а стандартные фиды партнерок имеют и стандартные фотки, поэтому потенциальный покупатель подумает, что вы с одной конторы.
Здесь довольно мало о юзабилити, если его рассматривать с точки зрения пользвателя. Это скоре об эффективности “продажного” сайта. Могу добавить еще один пункт: в интерфейсе оформления заказа не должно быть вообще никакой навигации по сайту. Как только покупатель нажал “оплатить”, все дальнейшие должно быть сосредоточено на вводе платежной информации и данных для доставки. Последняя точка, где допускаются разные “похожие товары” и “continue shopping” — это просмотр корзины, до нажатия checkout. Да и то смотря чем торгуете.
Я привык к SnagIt. Удобство FireShot только в том, что сфоткать страницу получается быстрее, всего одним щелчком по кнопке.
Виктор Фомин, вы или спамер или слепой ) Fireshot бесплатен.
Самый “веселый” интернет-магазин, который я видел, использовал фотку какого-то фотоаппарата как дефолтную картинку к товарам, для которых нет фотографий. Очень интересно было наблюдать фотографию этого фотика, а дальше – описание: “Ноутбук Sony…” или же “Телефон Nokia…”
Хорошая заметка, спасибо за то, что поделился наблюдениями!
Вообще неудачный диз…
– ярко выражены какие-то области, отвлекающие пользователя от товара…
– корзина не справа сверху, где её обычно визуально ищут (так принято)
– путь (хлебные крошки) неудачно разделен двоеточиями
– шапка в целом слишком высокая… не для магазина такая…
– то что телефона нет это уже указаный минус
Не согласен с тем, что “Home” надо обозвать “Jewelry Store”
Svift, согласен. Как вариант, дизайн на внутренних может немного отличаться от главной, в том числе и высотой шапки.
Хм, несколько пунктов из этого списка выполнял интуитивно, ориентируясь на удобство 🙂
интересная информация, спасибо, как раз сталкивался с вопросом юзабилити для одного портала
Соглашусь с предыдущим оратором, что текст ссылки “главная” нужно переименовывать.. С т.з СЕО это как раз понятно, но топик про Юзабилити 🙂