Кнопка «В корзину»: привлекаем максимум внимания

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

Цвет

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

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

Размер и окружение

Знаете фразу «Чем больше, тем лучше»? Она вполне применима к кнопке «В корзину». В рамках разумного, конечно. Большая кнопка привлекает больше внимания. Не в половину страницы, но такого размера, чтобы она выделялась на фоне остального контента. Ориентируйтесь на размеры шрифтов и превью фото товара на странице: кнопку «В корзину» следует делать такой, чтобы она не затмевала собой эти блоки, но в то же время заметно от них отличалась. Кроме того, «привлекательность» кнопки можно повысить с помощью пустого пространства вокруг нее.

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

Украшательства

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

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

На основе материала How to Build a Better Add to Cart Button