Инфоблоки на сайте, или 12 рекомендация по юзабилити Главной страницы

Давайте поговорим об инфоблоках на сайте. Изначально эти блоки создавались для размещения рекламы, сейчас же эти блоки используются для общего удобства пользования сайтом – чтобы «все было под рукой».

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

И самый простой вариант инфоблока – это Hellobar.
11
Хелло бар это блок, располагающийся в верхней части страницы, в котором располагается различная информация. Он представляет собой готовый код для вставки на сайт.
Сам сервис дает возможность добавить в верхний инфоблок:

  • Сбор e-mail, в таком случае в блоке будет располагаться форма подписки.
  • Социальный блок – там располагается ссылка на аккаунт в социальной сети
  •  Переадресация на сторонний сайт – это текстовое описание и ссылка на другой ресурс.

У сервиса hellobar есть только один минус-он платный в зависимости от количества кликов. Подробнее о возможностях и настройке этого блока можете изучить на официальном сайте разработчика hellobar.com/
Верхним инфоблоком могут служить как верхнее меню или верхнее меню вместе с шапкой сайта.
Удачный пример такой реализации на сайте радиоуправляемых моделей http://radiogear.ru/, где верхний инфоблок представлен в виде верхнего меню + маркетинговый блок:
12
Второй пример, сайт http://vmashin.ru/, где верхним инфоблоком является шапка сайта:
13
Несомненными плюсами такого расположения является наличие основной контактной информации(телефон, время работы магазина), строки поиска(напомню, поиском в 70% пользуются те пользователи, которые уже готовы совершить покупку), а также информация о содержимом корзины(это важно для вовлечения пользователя).
Нижний информационный блок, или его также называют нижний hellobar. Отличным примером применения данного функционала является сайт ulmart.ru
В данном случае всегда доступны для пользователя важные для него элементы: корзина с указанием количества товара в ней, данные о товарах, находящихся в закладках и представленных к сравнению, целевые кнопки Обратной связи и Оформления заказа.
14
Также в нижнем блоке также может быть расположена форма подписки:
15
Еще один удачный вариант переадресации на страницу подписки на сайте (и заметно и ненавязчиво):
16
И еще два варианта расположения на сайте, это блоки, которые «прикрепляются» к правой и левой части экрана (остаются всегда на правой/на левой части экрана при прокрутке страницы) – правый и левый инфоблоки.
Хороший пример прикрепленного инфоблока с иконками соцсетей к левой части экрана.
17
Для данного типа инфоблоков также есть свой нюанс:
Важно сделать этот блок «скрывающимся — раскрывающимся», чтобы не вызывать раздражение тех, пользователей, которые не заинтересованы в данной информации.
Альтернативой предыдущему способу является размещение этого инфоблока за пределами контента сайта (вариант невозможен для большой ширины страницы).
Неудачный вариант расположения правого инфоблока (иконка корзины «заползает» на остальные блоки на сайте):
18
В качестве инфоблоков может выступать любая полезная для пользователей информация, например информация о бесплатной доставке:
19
Или список товаров, который при этом не отвлекает от основного контента сайта:

20

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

Подытожим:

Важно продумать интерфейс сайта таким образом, чтобы если даже у пользователя возникнут какие-либо вопросы в процессе пользования вашим сайтом, они решались бы с наименьшими усилиями.
Не забывайте, что инфоблоки необходимо скрывать в мобильной версии сайта или заменять аналогичными по функционалу.
Любите своих клиентов и делайте все, чтобы пребывание на вашем сайте было комфортным.

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

Подвал сайта — как его грамотно использовать.

Продолжение следует…

Высоких Вам конверсий и продаж!

Как продавать больше конкурентов? (Часть 1)

Возникли проблемы с размещением инфоблоков на сайте - пишите, подскажу.

 

Корзина на сайте, или 11 рекомендация по юзабилити Главной страницы

В сегодняшней своей статье я хочу рассказать о том, как должна выглядеть корзина на Главной странице интернет-магазина, и нужна ли она вообще.

Пример из жизни: Маловероятно, что вам понравится закупать товары в крупном строительном супермаркете, где нет «тележек».

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

Нужна ли?

По статистике более 95% товаров, положенных в продуктовую тележку в обычном магазине будет куплено. В этом плане у интернет-магазинов совсем другая статистика — здесь покупателей не обязывают купить товар до того, как те покинуть магазин, поэтому можно смело положить множество товаров в корзину и спокойно уйти из интернет-магазина (что и делают около 84% пользователей).

Так образуются «брошенные корзины». Это обусловлено тем, что при принятии решения о походе в магазин, мы сталкиваемся с физическими факторами: преодолеть расстояние до магазина + найти для этого время. В интернет-магазине же, время, проводимое за покупками, значительно меньше, а расстояние ограничивается несколькими кликами и несколькими ударами по клавишам.

Где расположить иконку мини-корзины?

Самыми распространенными на данный момент видами расположения иконки корзины являются:

Правый верхний угол шапки сайта:

Сохраненное изображение 2015-5-19_8-1-19.81

Чтобы корзина всегда находилась в поле зрения, корзину делают «приклеенной» к экрану (наиболее часто встречающийся функционал у CMS Битрикс).

Тулбар с привязкой к верхней/нижней части экрана:

Сохраненное изображение 2015-5-19_8-3-7.217

С привязкой корзины к нижнему тулбару(ulmart.ru):

Сохраненное изображение 2015-5-19_8-5-41.283

Еще одним не менее популярным вариантом стало расположение корзины в виде иконки привязанной к правой части экрана:

Сохраненное изображение 2015-5-19_8-9-59.27

Плохой пример: корзина расположена в непривычном для пользователей месте, поэтому ее сложно найти на сайте:

Сохраненное изображение 2015-5-11_20-22-42.830

Как должна выглядеть?

Хороший и грамотно подобранный дизайн, несомненно, важен для интернет-магазина, но при всей «красоте оформления» не стоит забывать о важных деталях:

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

Плохой пример (корзина теряется на общем фоне, никак визуально не выделена):

Хороший пример(визуально заметна, пространственно отделена от остальных элементов):

Сохраненное изображение 2015-5-19_7-51-5.988

Корзина должна быть «живой».

При совершении всех действий на сайте пользователь должен видеть ответную реакцию — это знак того, что он «все правильно сделал». То же самое касается и при добавлении товара в корзину — пусть пользователь будет уведомлен об этом – анимацией или же всплывающей подсказкой:

Сохраненное изображение 2015-5-11_20-23-12.662

Каким функционалом должна обладать?

В настоящее время практически отказались от варианта «кликнул на корзину — перешел в корзину и посмотрел товары». Сейчас большинство магазинов делает возможным предварительно просмотреть товары в корзине путем наведения на иконку курсора мыши или кликом, что позволяет увеличить среднюю стоимость чека.

Во всплывающем окошке корзины обязательно должны отображаться:

  • список товаров в корзине с изображениями(чтобы напомнить пользователю, что именно он положил в корзину)
  • стоимость каждого товара
  • итоговая сумма покупки
  • кнопка Оформить заказ.

В корзине необходимо сделать возможным «редактировать» заказ – должна быть возможность удалить товар прямо из мини-корзины.

Сохраненное изображение 2015-5-19_7-59-46.755

В самой корзине можно разместить информацию для покупателей, необходимую при совершении покупки или же мотивирующую совершить покупку:

  1. Информация — до бесплатной доставки не хватает покупки на сумму … руб.
    Сохраненное изображение 2015-5-19_8-51-4.245
  2. Информация об уже имеющихся бонусах, этот способ позволяет избежать пустой корзины. Вместо фразы «Ваша корзина пуста», можно поместить в корзину извещение о подарке, который станет доступен при приобретении совершенно любой покупки (пробники, фирменные товары с символикой магазина):
    Сохраненное изображение 2015-5-19_8-54-12.147
  3. Сопутствующие товары или услуги (при покупке колес предлагаются сопутствующие услуги):
    Сохраненное изображение 2015-5-19_7-56-8.170
  4. Система скидок: информация о том, какая скидка будет применена к покупке при такой сумме заказа (часто используется в оптовых магазинах):
    Сохраненное изображение 2015-5-19_8-26-39.277
    Еще пример розничного магазина:
    Сохраненное изображение 2015-5-19_8-34-34.524

Для оптовых магазинов всплывающее окошко корзины должно содержать список товаров + с возможностью изменения количества товара.

Подытожим:

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

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

Hellobar на сайте — как использовать его рационально.

Продолжение следует…

Высоких Вам конверсий и продаж!

Как продавать больше конкурентов? (Часть 1)

Возникли проблемы с размещением корзины на сайте - пишите, подскажу.

 

 

Чем вы лучше остальных? или зачем нужен блок преимуществ на сайте

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

Пример из жизни: представим два конкурирующих магазина мясной продукции, на одном написано:

«Часы работы 9.00-21.00, будем рады.»

А на втором:

«Часы работы 9.00-21.00, без выходных. Только свежее мясо! Говядина, свинина, курица по самым низким ценам. «

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

Нужен ли?

В интернет-магазинах да, нужен. В современном интернет-пространстве количество интернет-магазинов с каждым годом растет в геометрической прогрессии, поэтому конкуренция с каждый годом также увеличивается. В связи с этим, все владельцы магазинов сталкиваются с проблемой «привлечения потенциального клиента». Сейчас приходится постоянно бороться за внимание клиентов, нужно всегда показывать, чем же вы лучше остальных, почему стоит совершить покупку именно у вас. И блок преимуществ на сайте хороший помощник вам в этом.
Пример:

Сохраненное изображение 2015-5-11_19-24-13.0

Только посетив этот интернет-магазин часов, покупатель получит интересующую его информацию:

  • «Свой сервисный центр – в случае поломки часов, я смогу отнести их обратно в магазин, и мне не придется обращаться за ремонтом к сторонней компании».
  • «Примерка перед покупкой – абсолютно не зная, какого размера часы мне нужны, а что если я куплю, а они окажутся не по размеру? Здесь, в этом интернет-магазине, смогу их померить перед тем как куплю».
  • «Гарантия на часы 1 год – это здорово, появляется уверенность, что потратив на часы круглую сумму денег, я знаю, что если по каким-либо не моим причинам часы сломаются, я смогу прийти в магазин и потребовать решения проблемы».
  • Коробка в подарок – ура! Не придется покупать красивую упаковку для подарка другу!

Возможно, именно эти факт повлияют на принятие решения о приобретении товара.

Как должен выглядеть?

Лет пять назад было в тренде «прописывать» все эти преимущества на странице «О нас», однако от такого варианта размещения блока отказались, ввиду того, что тексты преимуществ не читались, ввиду того, что текст должен быть подкреплен соответствующими иконками/иллюстрациями для наилучшего восприятия информации пользователями.
Пример:

Сохраненное изображение 2015-5-11_20-18-50.408

Длинные тексты в интернет-магазинах не читаются ( в отличие от новостных порталов/блогов), несмотря на форматирование текста. В таком случае текст преимущества должен быть длиной не более 40 символов, чтобы пользователь только взглянув на него, «проглотил» его за раз и не возвращался к прочтению снова.
Можно сделать преимущества в таком виде:

Сохраненное изображение 2015-5-11_20-7-12.665

В данном случае в блоке так же присутствует текстовое описание, однако, для тех пользователей, которые не заинтересованы в изучении длинных тестов, выписаны тезисные фразы преимуществ.
Еще пример:

Сохраненное изображение 2015-5-11_20-3-47.532

Где размещать?

Основные варианты размещения блока преимуществ это на Главной странице сайта и в карточке товара. Можете подобрать для своего интернет-магазина другой вариант, но не стоит забывать одно важное правило: не обязательно вешать блок преимуществ перед глазами пользователя, важно, чтобы этот блок просматривался покупателями (хотя бы единожды).

Блок преимуществ можно разместить:
Сразу под верхним меню:

Сохраненное изображение 2015-5-11_19-53-47.235

После баннера на витрине Главной:

Сохраненное изображение 2015-5-11_19-57-18.433

В левом тулбаре(toolbar):

Сохраненное изображение 2015-5-11_20-19-46.566

 

Подытожим: не упускайте возможность доказать покупателям, что вы лучшие, будь то улучшение качества обслуживания клиентов или размещение блока преимуществ покупки у вас в интернет-магазине.

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

Корзина на сайте — как сделать ее  удобной.

Продолжение следует…

Высоких Вам конверсий и продаж!

Как продавать больше конкурентов? (Часть 1)

Возникли проблемы с размещением блока преимуществ на сайте - пишите, подскажу.

 

 

Коммуникационные сервисы в интернет-магазине, или как помочь покупателю в выборе товара

Сегодня я хочу рассказать о том, как помочь покупателям в интернет-магазине чувствовать себя комфортно, и с легкостью обращаться за помощью с вопросами. Речь пойдет о коммуникационных сервисах:

Коммуникационные сервисы это средства взаимодействия покупателя и магазина, обеспечивающие обратную связь на сайте.

Пример из жизни: Насколько комфортно вы будете чувствовать себя, если зайдете в гипермаркет, где из работников магазина будут только кассиры? Единственное, что вы будете чувствовать, так это — нарастающее раздражение от вопросов относительно процесса покупки товара и самого товара. Поэтому важно, чтобы всегда была возможность у кого-то проконсультироваться.

Зачем нужны?

Все просто — чтобы отвечать на возникающие в процессе поиска товара в интернет-магазине. Как правило, «горячему» покупателю лень искать самостоятельно, ему проще спросить. В случае, когда данной информации нет на сайте – обратиться к помощи менеджеров посредствам коммуникационных сервисов.
Сегодня я рассмотрю основные коммуникационные сервисы в интернет-магазинах.

  1. Телефон. Рекомендуется располагать телефон в шапке сайта, что вполне оправдано. В данном случае пользователь будет иметь доступ к нему со всех страниц сайта.
    Т.к. по данным Яндекс.Метрики больше 40% покупок совершается с различного вида мобильных гаджетов, важно сделать номер телефона кликабельным, чтобы он вызывался с мобильных устройств.
    Обратите внимание: рекомендуется также сделать номер телефона в международном формате +7(…).
    Для крупных интернет-магазинов актуально размещать на сайте телефон бесплатный по России в формате 8(800)…, чтобы пользователи не тратили собственные средства на междугородние звонки.
    Этот способ актуален для тех пользователей, которые не хотят вручную набирать текст обращения, для них комфортнее «вживую» узнать по тому или иному вопросу.
  2. Электронная почта/Форма обратной связи. Этот способ связи характерен для тех покупателей, которые основательно обдумывают и формируют текст обращения.
    Здесь есть нюанс – от скорости вашего ответа зависит отношение к вашему магазину. Если пользователь не получит ответа в течение 15 – 30 минут, то, скорее всего, пользователь успеет уйти к конкурентам и заказать у них нужный товар. Чем оперативнее вы будете реагировать на такие обращение, тем больше вы будете позиционировать себя как магазин с внимательным и вежливым отношением к клиентам.
  3. Следующие виды сервисов это интернет-коммуникаторы (ICQ, Skype) и веб чаты (онлайн консультанты JivoSite, Livetex, Redhelper). Их основным преимуществом является практически мгновенное получение ответа на вопросы в режиме диалога.
    Сохраненное изображение 2015-4-21_12-32-14.553
    Однако есть один важный нюанс: эти сервисы должны находиться онлайн в рабочее время магазина (если круглосуточное обслуживание, то круглосуточно онлайн).
    Пример: время работы магазина 9:00-21:00 и в рабочее время(12:27) онлайн консультант не в сети.
    Сохраненное изображение 2015-4-21_12-27-9.421
    Веб чаты в свою очередь обладают таким минусом как «надоедливость». Важно настроить онлайн-консультант по принципу «Возникли проблемы/трудности – давайте помогу», а иначе, открываясь на всех страницах интернет-магазина сервис начинает раздражать. Необходимо настроить появление окна онлайн-консультанта только для тех случаев, когда пользователь «застопорился» на какой-то странице.
  4. Сегодня я расскажу об еще одной полезной фишке – заказать звонок с сайта с помощью сервиса CallHunter . Такой способ имеет важное преимущество перед обычным звонком с телефона или заявки на обратный звонок, поскольку связь оператора и покупателя обеспечивается в течение приблизительно 30 сек, при этом пользователь сразу видит, сколько менеджеров на линии, сколько свободны в данный момент.
    Сохраненное изображение 2015-4-21_11-22-49.948
    Это позволяет избежать всераздражающих фраз вроде «Приблизительное время ожидания … минут». Так же важное удобство сервиса в том, что пользователь не тратит деньги на звонок.

Подведем итог: «не бросайте» вашего покупателя одного в интернет-магазине, пусть чувствует, что ему всегда помогут и проконсультируют. От того, насколько грамотна будет помощь, оказанная пользователю, будет зависеть — вернется ли он за покупкой к вам снова.

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

Строка преимуществ — как показать клиенту, что вы лучшие.

Продолжение следует…

Высоких Вам конверсий и продаж!

Как продавать больше конкурентов? (Часть 1)

Возникли проблемы с размещением коммуникационных сервисов на сайте - пишите, подскажу.

 

Отзывы на сайте, или как увеличить доверие покупателей простыми способами

В сегодняшней статье я расскажу: Зачем нужны отзывы в интернет-магазине и нужны ли вообще?

Пример из жизни: Если вам несколько раз расскажут о том, что в этом магазине низкий уровень обслуживания покупателей, или продают некачественный товар, какая вероятность того, что вы пойдете туда за покупкой? Вероятнее всего, вы обойдете этот магазин стороной, уйдя к конкурентам.

Так зачем нужны отзывы в интернет-магазине?

Прежде всего, наличие отзывов является одной из точек доверия, соответственно, влияет на принятие решения о совершении покупки для пользователей, которые впервые пришли на сайт. Срабатывает «эффект толпы», т.е. влияние общественного мнения на собственный взгляд относительно предметов/событий. Т.к. большое количество человек уже приобрели товар в данном интернет-магазине и оставили положительные отзывы о покупке, то у покупателей складывается мнение, что этот магазин «действительно хорош».

Где разместить отзывы?

Отзывы на сайте могут быть двух видов: о магазине (процессе покупки товара) и о самом товаре. Обычно отзывы о товаре выводятся непосредственно в карточке товара, чтобы покупателю было легче принять решение о покупке. Отзывам о компании, как правило, уделяется отдельная страница и, в зависимости от тематики магазина, специальный виджет на страницах сайта.
Второй вариант размещения отзывов на сайте — на страницу отзывов о компании дублируются еще и отзывы о товаре, поскольку, как правило, в отзывах указывается мнение не только о товаре, но и процессе его приобретения.

Процедура добавления отзыва

Обязательно предоставьте пользователям информацию о том, как происходит процедура добавления отзыва на сайте.
Все отзывы на сайте должны проходить модерацию администратором, это позволит избежать размещения спама (например, источников на магазины конкурентов).
Сам отзыв должен быть не просто в виде имени покупателя и текста отзыва, а должен содержать и конкретные факты, фотографии или/и рейтинговую систему оценки товара.

Откуда брать отзывы?

  1. Использование отзывов Я.Маркета через API Яндекс контента. Распространенным стало размещать в интернет-магазине виджет с отзывами и оценкой магазина/товара в Яндекс.Маркете. Эти отзывы больше остальных признаны покупателями. К тому же, если на Маркете стоит высокая оценка, так почему бы не показать покупателям, что вы заслуживаете их доверия, поскольку добросовестно относитесь к работе и уважаете клиентов.
  2. Живые отзывы от покупателей. Добросовестный владелец интернет-магазина обратит внимание на этот способ. Предложите оставить отзыв о товаре на сайте, спустя неделю-полторы после покупки. Когда покупатель уже не только оценил процесс приобретения товара (соответственно и качества обслуживания), но попользовался товаром – в таком случае довольные покупатели захотят поделиться впечатлениями. Можно предоставить возможность оставить отзыв о товаре в любое удобное время через личный кабинет. Если ваша целевая аудитория активно пользуется соцсетями, то удобным решением будет сделать возможность оставлять отзывы через соцсети.
  3. Фрилансеры-копирайтеры. Ни для кого не секрет, что сейчас можно заказать тексты для отзыва и на бирже фриланса. Однако стоит помнить о том, что покупатели интуитивно чувствуют фальшь и «купленные отзывы», поэтому необходимо получить отзывы, максимально приближенные к реальным . Для этого рекомендуется заказывать отзывы у разных фрилансеров, в противном случае возникают ситуации, когда на сторонних ресурсах одни лишь отрицательные отзывы, а на сайте интернет-магазина все «тихо-гладко».

Как работать с отрицательными отзывами?

Прежде всего, стоит разобраться с причиной появления таких отзывов: это явный признак проблем в системе обслуживания клиентов, и для владельца интернет-магазина это будет «звоночком» к действию.

Стоит ли размещать отрицательные отзывы на сайте – решать вам. Существует мнение, что наличие отрицательных отзывов (не более 15% от общего числа) добавят доверия покупателей к вашему магазину. Главное что стоит помнить — нельзя игнорировать отрицательные отзывы. Если покупатель оставит отзыв на сайте Вашего интернет-магазина, попытайтесь разобраться в том, что именно не понравилось этому покупателю. Такой внимательный подход и желание исправить ситуацию, покажет ваше внимание и уважение к клиентам.
Однако, проигнорировав отрицательный отзыв и не получив ответной реакции, покупатель напишет о вас на стороннем ресурсе, а это большой минус к вашей репутации.

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

Какие коммуникационные сервисы должны быть в интернет-магазине.

Продолжение следует…

Высоких Вам конверсий и продаж!

Как продавать больше конкурентов? (Часть 1)

Возникли проблемы размещением отзывов на сайте - пишите, подскажу.

 

 

Персонализация содержимого интернет-магазина, или как привлечь больше покупателей

Сегодня я расскажу об одном из способов персонализировать интернет-магазин – это определение города по ip покупателя, зачем это нужно, и как можно использовать этот прием для увеличения конверсии.

«Персонализация позволяет Web-сайтам автоматически настраивать информационное наполнение в соответствии с интересами каждого пользователя».

Пример из жизни: Вы пришли в магазин бытовой электроники за холодильником. К вам подходит улыбчивый и приятный консультант, рассказывает вам про новую модель холодильника, и показывает вам его, вроде бы вас все устраивает. НО продавец-консультант говорит, что холодильника в вашем городе нет, везти будут из Новосибирска, поскольку на витрине стоит макет. Какая вероятность того, что после этих слов вы покинете магазин? Согласитесь, велика. Вы останетесь в этом магазине, только если он единственный в радиусе нескольких километров, и вам срочно нужен холодильник.

Поскольку сейчас конкуренция в онлайн пространстве велика, что актуальность персонализации не стоит объяснять. Повторюсь из прошлой статьи: «покупателям приятно, когда товар продают именно ему, а не «безликому юзеру»». А основная сложность, с которой сталкиваются все владельцы интернет-магазина – расположиться доверием покупателей, убедив его в том, что покупая товар в вашем интернет-магазине, он полностью защищен от мошенничества, и вы заинтересованы в этом не меньше него. Вот почему персонализация помогает придать покупателям эту уверенность.

В чем суть определения города покупателя по ip:
При первом посещении сайта по ip автоматически определяется город пользователя, и в соответствии с этим ip отображается контент интернет-магазина.
Что же делать, если город определился неверно? Такие случаи бывают, но эту проблему можно решить, позволив покупателю выбрать город самостоятельно.
При первом посещении сайта появляется следующее окошко:

Главная_2

При нажатии кнопки «Да», окошко закрывается, а информация о городе покупателя сохраняется в Cookie файлах, и, соответственно, используется для всех последующих посещениях интернет-магазина.
При нажатии на кнопку «Нет» появляется окошко выбора города, например в таком виде:

Сохраненное изображение 2014-10-3_15-27-46.535

На какие элементы сайта влияет выбор города:

  • Номера телефонов, это нужно для больших интернет магазинов, где много региональных представительств, и необходимо разделять клиентов по регионам.

Пример: интернет-магазин Enter:

Сохраненное изображение 2015-3-10_11-56-41.861    Сохраненное изображение 2015-3-10_11-57-3.140

  • Контент сайта — цены, товары, новости.

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

  • Информация о доставке и оплате интересует пользователя еще перед тем, как он примет решение о покупке/непокупке товара у вас, поэтому персонализация раздела Доставка и оплата, упростит принятие решения.

И удобно, когда эта информация содержится не только на странице сайта Доставка и оплата, но и в карточке товара и корзине. Как это реализует крупный магазин книг Лабиринт (в соответствии с городом отображается количество точек самовывоза в шапке и ближайшую дату доставки):

Сохраненное изображение 2015-3-10_10-44-37.425
Все четко и конкретно.
Это также может быть реализовано в карточке (пример магазин m-video.ru):

Сохраненное изображение 2015-3-10_10-58-20.110

Сегодня мы разобрались с 7-ой рекомендацией по юзабилити Главной, в следующей статье мы узнаем:

Нужны ли Отзывы на сайте, как и где их грамотно расположить.

Продолжение следует…

Высоких Вам конверсий и продаж!

Как продавать больше конкурентов? (Часть 1)

Возникли проблемы с блоком определения города покупателя по ip, пишите, подскажу.

 

 

Баннеры действительно работают? или 4-ая ошибка в юзабилити интернет-магазинов

Уважаемые читатели!

Сегодня я хочу рассказать, как не только не напугать, но и зацепить пользователей, впервые пришедших на ваш сайт. Речь пойдет о баннере на Главной странице магазина, его юзабилити и функции.

Основной вопрос: Нужен ли баннер на Главной?  

Пример из жизни:

На рынке много-много торговых палаток, и рядом находятся 2 мясных магазина.

На одном написано: Мясо.

На втором же, написано, что в магазине всегда свежее мясо птицы, свинина и говядина.

Пока что, не заходя в них, вы можете сказать о первом то, что там продают какое-то мясо, а о втором то, что там продают различные виды мяса, в частности, то, что нужно именно вам, говядина, да еще и свежая.
Да, может в первом магазине тоже была свежая говядина, но эту информацию владельцы магазина не захотели показать покупателям. А во втором она была наглядно представлена, и вам, как покупателю, она оказалась полезной.

Баннер на Главной является составляющей витрины, которая показывает пользователям, что вы готовы им предложить. Таким образом, баннер на главной , однозначно, нужен с точки зрения маркетинга.

Баннер должен содержать больше графической информации, чем текстовой, т.к. пользователи ее воспринимают  легче, пример, как делать не надо, можно посмотреть на сайте интернет-магазина Королева Спорта:

Сохраненное изображение 2015-2-3_14-22-18.761

где в качестве рекламного баннера используется текстовый блок, который абсолютно не читается.

Только одни картинки тоже не воспринимаются, поскольку могут быть восприняты неоднозначно или вызовут множество вопросов.

Пример хорошего исполнения баннера, я бы сказал, как надо делать, можно посмотреть на сайте activizm.ru:

Сохраненное изображение 2015-2-3_14-24-52.556

Каких размеров должен быть баннер с точки зрения юзабилити?

Рекомендуется делать баннер шириной и высотой таким, чтобы его без проблем могли просмотреть в полном разрешении экрана своего устройства не менее 75%-80% ваших посетителей.

Помните, большой баннер оставляет важную для посетителей информацию за пределами первого экрана (первый экран-это та область сайта, которая просматривается без прокрутки страницы вниз и вправо):

Сохраненное изображение 2015-2-3_17-57-51.88

Какое дизайн решение использовать?

Цветовая гамма и используемые шрифты должны соответствовать тематике и общему стилю сайта.

Не рекомендуется делать слишком большое описание в баннере, поскольку тексты, особенно длинные,  не читаются. Старайтесь ограничиться парой слов крупного шрифта, чтобы пользователь боковым зрением зацепил информацию, целиком «проглотил» и остановился взглядом на ней.

Не используйте пестрящие красные тона, их излишек воспринимается как сплошная реклама и отсеивается, вступает в силу такой эффект как баннерная слепота:

Баннерная слепота — психологическая оптическая иллюзия, благодаря которой пользователь сайта не замечает рекламные блоки (баннеры) или объекты, похожие на них.(Википедия)

Сохраненное изображение 2015-2-3_17-11-29.524

Каким должен быть баннер статическим, flash баннер или сделанный с помощью яваскриптовых фреймворков?

Немного поясню, что это означает:

Статический баннер: просто картинка-никуда не двигается, ничего не делает.

Преимущество: простота, дешевизна и быстрая загрузка.

Недостатки: полностью исключается способность человеческого глаза улавливать движение, что снижает  степень вовлеченности пользователя 

Flash баннер — это баннер, организованный с помощью flash-технологии, т.е. анимация.

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

Недостатки: дорогое производство, невозможность просмотреть с мобильных устройств, большое время загрузки, первый кадр появляется только после полной загрузки ролика.

Баннер на основе яваскриптовых фреймворков (Javascript фреймворков) — это последовательность статических баннеров, связанных стандартными переходами с заданным временем перелистывания.

Это средний вариант по тем показателям, что я рассматривал ранее.

Какую информацию использовать на баннере?

Здесь вы должны разместить все то, что вы хотели бы показать вашему покупателю: хотите показать, чем вы лучше других, так разместите в баннере преимущества покупки именно у вас, как например это реализовано на сайте http://moscross.ru/:

Сохраненное изображение 2015-2-3_14-26-31.691

У вас есть товары «локомотивы» — расположите их в этом баннере. Практически во всех интернет-магазинах есть акции, расскажите в баннере о них.

Как не надо делать:

Сохраненное изображение 2015-2-3_14-25-20.728

Как надо делать:

Сохраненное изображение 2015-2-3_18-0-47.656

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

Как не надо делать можно посмотреть на сайте http://slalomshop.ru/:

Сохраненное изображение 2015-2-3_14-21-16.716

Несколько переключающихся баннеров рассказывают о различных товарах, но баннеры не кликабельны и ни предоставляют пользователю дальнейших действий, а искать товар, представленный на баннере, по каталогу будет не больше 2 покупателей из 100 (самые-самые горячие покупатели).

Внимание! Уделите должное внимание тестированию баннера. В идеале следует провести А/В тестирование баннера на сайте, оценивая эффективность с помощью статистики. Однако есть и более экономный вариант тестирования-покажите этот баннер своим друзьям или знакомым, поскольку ваш взгляд «замылен», и вы не можете в полной мере оценить, эффективен ли баннер.

Вот мы определились с четвертой ошибкой в юзабилити главной страницы. В следующей статье, которая появится в течение 3-х дней, мы узнаем:

Как должна выглядеть витрина с товаром?

Продолжение следует…

Высоких Вам конверсий и продаж!

 

Возникли проблемы с созданием витрины, пишите, подскажу.

Я хочу купить товар, помогите найти его? или 3 ошибка юзабилити интернет-магазинов

Уважаемые читатели!

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

Сегодня хочу рассмотреть, как не упустить «горячих» покупателей, которые пришли к вам в интернет-магазин купить конкретный товар. Как показывает статистика, 60% таких посетителей пользуются поиском на сайте , поэтому поиску необходимо уделить должное внимание при создании интернет-магазина.

Пример из жизни

Представим ситуацию: Вы давно мечтаете купить себе термобелье определенного бренда, но все нет времени зайти в магазин. Однажды у вас появилось 20 минут свободного времени, и магазин как раз неподалеку.

 

Вы заходите в магазин, где вам искать желаемый товар?

 

Начинаете искать консультанта, а его попросту нет, потеряв 20 минут времени, вы не находите ни консультанта, ни термобелье. Расстроившись, решаете для себя больше не заходить в этот магазин.

Итак, 3 ошибка в юзабилити интернет-магазинов — отсутствие или неудобный поиск.

Решим сразу, поиск в интернет-магазине должен быть обязательно, это часть интерфейса, которая поможет вашему покупателю найти товар и совершить покупку у вас.

Какое пространство на странице должен занимать поиск с точки зрения юзабилити?

Многие владельцы интернет-магазинов считают, кому нужен поиск, найдут его в любом виде и любом месте страницы. Это ложное утверждение, не надо заставлять пользователя лишний раз сомневаться в покупке товара именно в вашем магазине.

Сравним две поисковые строки в интернет-магазинах:

1) http://www.kemping-market.ru/ — интернет-магазин туристического снаряжения

kemping-market

2) http://veryvery.ru/ — интернет-магазин любимых товаров

veryvery

В обоих случаях, поисковая строка легко находится, потому что оптимально выбрана высота строки, но в первом случае поисковая строка слишком маленькая по ширине. К примеру, если вы захотите ввести «Подводная камера Aqua-Vu Micro», то эта фраза в поисковую строку не поместится. Для проверки, все ли вы правильно  ввели, придется пролистывать фразу на начало строки, что очень неудобно, особенно с мобильных устройств. Во втором случае ширина поисковой строки оптимальная и составляет 30% от ширины страницы интернет-магазина.

С точки зрения юзабилити ширина поисковой строки должна составлять не менее 30% от ширины страницы интернет-магазина, а высота в два раза больше высоты используемого шрифта.

Где расположить поисковую строку с точки зрения юзабилити?

Вопрос несложный, поисковая строка всегда должна быть в шапке сайта, при этом по мере необходимости допускается ее дублирование в остальных блоках страницы.

Как должен работать поиск с точки зрения юзабилити?

Рассмотрим основные требования к функционалу поиска:

1) поиск должен быть построен с использованием автокомплита (автоподбора), то есть выпадающего окна с подсказками.

без автокомплита

kind

с автокомплитом

veryvery0

2) поиск должен автоматически преобразовывать латинские буквы в русские, что упростит работу тем пользователям, кто забыл переключить шрифт на клавиатуре.

veryvery1

3) при вводе символов в строку поиска в выпадающем списке в названиях товаров должна выделяться вводимая фраза, для легкого поиска взглядом нужного товара в списке.

4) помимо названия товара в выпадающем списке рекомендуется отображать миникартинку и стоимость товара, как в интернет-магазине http://www.epool.ru/

www.epool.ru

Что позволит людям с визуальной памятью по картинкам найти нужный товар в списке.

5) помимо товаров рекомендуется отображать список категорий, релевантных к запросу

eldorado

6) для удобства восприятия списка не рекомендуется выводить более 10 товаров, поскольку это именно то количество строк текста, которое человек может визуально воспринять за раз. К каждому выпадающему списку необходимо прикрепить ссылку «Все результаты», чтобы пользователи понимали, что это еще не все товары, и остальные можно просмотреть кликом по ссылке, которая ведет к результатам поиска

veryvery2

7) в случае, если ничего не найдено, не пугайте пользователя пустой страницей, напишите «по вашему запросу ничего не найдено» и предложите список рекомендуемых или похожих товаров.

Вот мы определились с третьей ошибкой в юзабилити главной страницы. В следующей статье, которая появится в течение 3-х дней, мы узнаем:

Стоит ли показывать на главной баннеры и какие?

Продолжение следует…

Высоких Вам конверсий и продаж!

 

Возникли проблемы с созданием поиска, пишите, подскажу.

Как мне найти нужный товар? или 2 ошибка юзабилити интернет-магазинов

Многие пользователи, попадая на страницу интернет-магазина, задаются одним простым целевым вопросом:

Как мне найти нужный товар?

Самые распространенные решения:

  • Меню
  • Поиск

Как правило, владельцы интернет-магазинов, ни какому из этих пунктов не уделяют должного внимания.

2 ошибка в юзабилити интернет-магазинов — непродуманное меню.

В этой статье я хочу рассмотреть, как правильно организовать меню на сайте с точки зрения юзабилити.

Каким должно быть меню с точки зрения юзабилити — горизонтальным в шапке (header) или вертикальным в левой или правой колонках (sidebar)?

Чтобы ответить на этот вопрос, достаточно оценить, сколько всего пунктов будет содержать это меню. Если до 7, то достаточно сделать горизонтальное в шапке, если больше, то лучше разбить на горизонтальное и вертикальное. При этом для вертикального меню, лучше использовать левую колонку. Есть интернет-магазины, которые разбивают на два горизонтальных меню, так тоже правильно делать, главное, чтобы эти меню не мешали работе друг друга, например, как здесь:

Скриншот с сайта  - guardino.ru

Скриншот с сайта — guardino.ru

Как правило, в интернет-магазинах пунктов меню больше 7-ми, поэтому следует использовать два меню.

Основное требование:

1) горизонтальное меню должно содержать основные пункты касаемые работы магазина, например: О компании, Доставка, Способы оплаты, Гарантия и возврат, Контакты

2) вертикальное меню должно содержать пункты каталога товаров, а также мотивирующие разделы: Распродажа, Новинки, Хиты продаж, С доставкой сегодня  и т.д.

 Пример из жизни

Вы купили товар, он сломался или был с браком, куда вы пойдете его возвращать?

В тот отдел, где покупали или подойдете к администратору магазина и все узнаете?

Конечно можно пойти более сложным путем и начать с консультанта, который продавал этот товар, но проще подойти к стойке администратора и узнать, как можно вернуть товар.

Также и в интернет-магазинах, с точки зрения юзабилити, все пункты должны быть разбиты на две тематические части, чтобы не запутать пользователя.

Сколько уровней должно иметь меню каталога товаров с точки зрения юзабилити?

Оптимальное количество вложений  - одно, в магазинах с огромным ассортиментом товаров допускается — два уровня, но больше не рекомендуется делать.

Что же делать, если в два уровня никак не получается?

Не забывайте, что помимо меню в разделах каталога обязательно должен быть фильтр по товарам, который и позволяет дополнительно упростить структуру меню.

Разберем на примере сайта http://www.aromatsale.ru/ , как с точки зрения юзабилити не стоит делать меню.

www.aromatsale.ru

Подразделы пункта меню Женская косметика, абсолютно непонятны обычному пользователю, который не знает косметику достаточно хорошо.  Мало того, выпадает очень огромный список, он еще и вылезает за пределы нижней границы сайта, что будет усугубляться при добавлении брендов.

Что делать, когда так и есть, список большой? Предлагаю не делать выпадающие списки, а оставить только пункты Женская и Мужская косметика.

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

Основное: подпункты, как и пункты должны быть понятны среднестатистическому пользователю, а не только вам. Для проверки правильности разбиения на пункты и подпункты, обязательно покажите список своим друзьям, далеким от тематики интернет-магазина.

С меню мы определились, теперь еще несколько советов по отображению меню на сайте:

Где я сейчас нахожусь?

Этим вопросом задаются все пользователи, кто попадает в интернет-магазин с торговых площадок, а это в среднем до 60% от общего потока. Чтобы помочь этим посетителям понять, где они есть, нужно обязательно выделять пункт и подпункт меню с данным товаром.

Где посмотреть товары по акции, распродаже или новинки?

Чтобы помочь пользователю в этом, сначала решите для себя, что вам выгоднее продавать.

Если вы хотите смотивировать клиента совершить покупку товара из этих разделов, то лучше такие их разместить до списка каталога. При этом повышать средний чек другими способами уже в карточке товара.

Если такая задача не стоит, то можно разместить эти разделы под каталогом, но для узнаваемости выделить цветом, например как здесь:

menu

Как меню должно раскрываться по правилам юзабилити?

Этот пункт решать проектировщику вашего интернет-магазина, исходя из ассортимента товаров. Однако нужно учитывать, что, в среднем по статистике интернет-магазинов, сейчас от 15 до 30% пользователей — это владельцы мобильных устройств, при этом среди них конверсия в звонки выше, чем у пользователей ПК. Поэтому любое решение должно быть обязательно протестировано на мобильных устройствах.

Вот мы определились со второй ошибкой в юзабилити главной страницы. В следующей статье, которая появится в течение 3-х дней, мы узнаем:

Как правильно организовать поиск на сайте?

Продолжение следует…

Высоких Вам конверсий и продаж!

 

Возникли проблемы с формированием меню, пишите, подскажу.

 

Вот она идея — создать сайт!!!

Начинаете бизнес, ищите пути развития своего бизнеса, а может просто решили прославиться на весь интернет. Первое, что приходит в голову — это создание своего собственного сайта.

  • Вот она ИДЕЯ — создать сайт!!! Дешево и быстро заявить о себе.

Давно не секрет, что созданием сайтов сейчас занимаются все подряд, начиная с учащихся последних классов школы и заканчивая продвинутыми людьми в возрасте. А значит легко найти исполнителя, который сделает сайт «практически за еду».

Вы загораетесь этой идеей, находите в интернете вариант желаемого сайта. Легко находите исполнителя, готового работать «за еду» и тут начинаете расстраиваться и понимать, что не тот сайт решили делать и ни с теми.

  • Итог: потерянное время и желание делать сайт и продвигаться в интернете!!!

Как правило, это происходит потому, что идея не была полностью осмыслена, неправильно или неполностью поставлены цели и не выбран исполнитель или помощник — человек или компания,  который бы помог вам в сопровождении вас от идеи и до достижения цели (менеджер проекта).

Рассмотрим эти ошибки подробнее, на примерах из жизни:

1. Идея не была осмыслена до того, как начали создавать сайт.

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

Например: начиная с  2007 года увеличился процент заказов на создание социальных сетей. Этот бум был обусловлен успехами таких социальных сетей, как Одноклассники и Вконтакте.

Клиенты приходили и говорили: «Мы хотим и желательно за месяц!!!»

При этом не осознавали сколько времени и денег потребовалось их создателям. Доходило до смешного, объявления на создание социальной сети вывешивались даже на сайте фриланса, где предлагали работать за будущий процент и известность. А главное Заказчики не понимали что, если есть уже раскрученные сети, то после создания сети придется вложить в раскрутку гораздо больше, чем вложили Одноклассники и Вконтакте.

Другой пример: в последнее время широкое распространение получают интернет-магазины.

Звонит клиент и говорит: «Мне нужно создать интернет-магазин на готовой CMS, такой же, как, например, kondilak.ru. ». Все бы хорошо, но каждый интернет-магазин создается или развивается, исходя из выбранной стратегии поведения на своем рынке.

Результат: разработчик создает копию магазина, а она никак не подходит под стратегию Заказчика, что выясняется в процессе работы с ним. В итоге надо дорабатывать или перерабатывать, а это деньги, время и нервы.

2. Неправильно поставлены цели, для которых создается сайт.

Вернемся к той же ситуации с социальными сетями. Клиенты приходили и говорили: «Мы хотим и желательно за месяц!!!» Это основная конечная цель, сделать так, как сделано на Одноклассниках и Вконтакте, даже в тех же цветах.

Это не цель!!! Потому что за время создания проекта, конкуренты убегут достаточно далеко, нужно определиться с тем, как сделать так, чтобы минимум приблизиться к ним, а максимум обогнать. При этом нужно ПОСЧИТАТЬ (именно посчитать) трудозатраты и финансовые затраты, необходимые для достижения этой цели.

Итак: обязательно надо осознать идею прежде, чем начинать работать над созданием сайта!

Бесплатный совет: Выберите постоянного сопровождающего вас от идеи и до цели. Как правило, такого человека можно найти среди фрилансеров с огромным опытом работы за плечами, так будет дешевле. Если же вы решили обратиться в компанию, то прежде, чем заказывать продукт, узнайте имели ли они опыт создания сайта именно в вашем направлении. Это значительно облегчит общение и понимание, соответственно, сэкономите время и деньги. 

Не найдете, обращайтесь помогу в сопровождении, если будет время или найду менеджера проекта!