Юзабилити: сделайте мне удобно

16
2664

Удобство пользования сайтом – это крайне важный момент. А на сайтах онлай магазинов – это вообще критичная вещь, потому что от этого зависят продажи.

Я составил список наиболее общих рекомендаций, которые надо иметь в виду, повещаю юзабилити своего онлайн магазина:

  1. На главной странице и всех прочих страницах, на которые попадают посетители (из поисковых систем, с PPC систем), призыв к действию (баннер со спецпредложением или кнопки BUY NOW) должен быть виден без прокрутки страницы, т.е. не ниже 400-500 пикселей от верхнего края страницы.
  2. Если где-либо на сайте упоминается товар, то надо обязательно указывать его цену и по возможности кнопку “Buy now”.
  3. По возможности, на каждой странице, где человек принимает решение о покупке, выделяйте свои особые условия: “доставка в течение 7 дней”, “при покупке такой-то подарок” и т.п.
  4. Качество картинки с товаром имеет значение: постарайтесь сделать его максимально высоким.
  5. На каждой странице помещайте телефон и иные средства связи (если есть онлайн служба поддержки, то тоже на видное место).
  6. Тексты должны легко читаться (предложения короткие, слова простые, абзацы 2-4 предложения), а страница “сканироваться”, т.е. человеку должно быть достаточно пробежаться по странице глазами, чтобы увидеть все основные моменты (о чем тут речь, какие условия, цены, как купить, стоит ли доверять данному сайту).
  7. Отслеживайте запросы, по которым пользователи приходят на ваш сайт из поисковиков – убедитесь, что самые популярные товары из этих запросов представлены на главной странице сайта. Аналогично для поиска по сайту (желательно вообще сделать так, чтобы поиск по сайту редко был нужен).
  8. Не используйте строки длиннее 13-15 слов. Исследования показывают, что более длинные строки в сети читать напряжно и этого почти никто не делает.
  9. Если у вас есть сомнения о размере шрифта, то смело используйте бОльший.

16 КОММЕНТАРИИ

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

  2. Реально нужный пост с примером + разбором на картинке + все по пунктам расписано. Если будет продолжение – будет интересно. Вообще тема конверта посетителей в покупателей в связи с юзабилити мало освещается в рунете…(

  3. По поводу пункта 4, о картинках. Недавно читал не помню в каком блоге, что картинки лучше делать уникальными, ибо когда пользователь хочет купить что-то, он в принципе видел подобные товары в дургих магазинах, а стандартные фиды партнерок имеют и стандартные фотки, поэтому потенциальный покупатель подумает, что вы с одной конторы.

  4. Здесь довольно мало о юзабилити, если его рассматривать с точки зрения пользвателя. Это скоре об эффективности “продажного” сайта. Могу добавить еще один пункт: в интерфейсе оформления заказа не должно быть вообще никакой навигации по сайту. Как только покупатель нажал “оплатить”, все дальнейшие должно быть сосредоточено на вводе платежной информации и данных для доставки. Последняя точка, где допускаются разные “похожие товары” и “continue shopping” — это просмотр корзины, до нажатия checkout. Да и то смотря чем торгуете.

  5. Я привык к SnagIt. Удобство FireShot только в том, что сфоткать страницу получается быстрее, всего одним щелчком по кнопке.

  6. Самый “веселый” интернет-магазин, который я видел, использовал фотку какого-то фотоаппарата как дефолтную картинку к товарам, для которых нет фотографий. Очень интересно было наблюдать фотографию этого фотика, а дальше – описание: “Ноутбук Sony…” или же “Телефон Nokia…”

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

    Не согласен с тем, что “Home” надо обозвать “Jewelry Store”

  8. Svift, согласен. Как вариант, дизайн на внутренних может немного отличаться от главной, в том числе и высотой шапки.

  9. Соглашусь с предыдущим оратором, что текст ссылки “главная” нужно переименовывать.. С т.з СЕО это как раз понятно, но топик про Юзабилити 🙂

Добавить комментарий для dimok Отменить ответ

Please enter your comment!
Please enter your name here