Юзабилити интернет-магазина. Кнопка купить.

Кнопка “Купить” (“В Корзину”) является весьма значимым элементом между вашим клиентом, его желанием совершить покупку и вашей прибылью. Грамотное расположение и использование данной кнопки самым прямым образом влияет на конверсию.

Не навязывайте клиенту покупку

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

Не заставляйте клиента искать

А теперь представьте, что Вы пришли в магазин и увидели потрясающий товар, который нужен именно вам. Вас устраивает и цена, и его характеристики. Все что вам нужно отдать деньги и забрать его, но! Ни консультанта, ни кассира поблизости нет. Сколько вы готовы прождать их, пока ваше желание о покупке не улетучится? 5, 10 минут? В случае интернет-магазина – это время сокращается до минимума, т.к. сиюминутное желание купить может исчезнуть даже при пролистывании страницы вверх. Поэтому старайтесь разместить кнопку там, где клиент не сможет ее пропустить. Если ваши товары содержат длинное описание, то поместите кнопку как над ним, так и под ним, чтобы покупателю не нужно было пролистывать страницу вверх после прочтения описания. Если у вас множество фотографий с возможностью увеличения, то разместите кнопку непосредственно под увеличенной фотографией. Главное здесь – не переборщить! Не стоит возвращаться к навязыванию покупки.

Не подгоняйте клиента

И снова вернемся к аналогиям, но теперь представим себя в крупном супермаркете. Вы ходите между рядами среди огромного количества товаров, но за вами постоянно бегает консультант и перечисляет все ваши товары и общую сумму, стоит вам только добавить что-нибудь в корзину. С одной стороны удобно, но с другой он надоест вам через 5 минут, и вы покинете супермаркет. То же самое происходит, если направлять клиента в корзину сразу же после нажатия кнопки “Купить”.  Этим вы словно подгоняете клиента к оформлению заказа, хотя возможно он предпочел бы еще раз просмотреть ассортимент в поисках чего-то интересного. Поэтому лучше или возвращать покупателя после добавления в корзину на ту же страницу, либо использовать технологию AJAX, когда товар добавляется в корзину, а клиенту лишь ненавязчиво показывается уведомление об этом. Пример такой реализации можно посмотреть здесь: http://www.mirgeeka.ru и на множестве других известных магазинов.

Источник: http://artemeremeevskiy.ru/usability/buy_button/