Добавьте в корзину. Ключевые принципы повышения конверсии веб-сайтов.

Что главнее – изображение или текст?

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

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

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

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

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

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

Не переоценивайте возможностей своих посетителей. Берите пример с интернет-магазина TigerDirect. Этот сайт никогда не устает объяснять, объяснять и объяснять. Для объяснений используются как картинки, так и слова, причем в очень большом количестве. Когда подгружается картинка, специальный алгоритм сжимает и оптимизирует ее в соответствии со скоростью интернет-соединения.

Другим примером может служить сайт интернет-магазина Lands' End. На нем используются как картинки, так и различные схемы, представляющие информацию в более наглядной форме. У вас есть безграничные возможности сделать свои изображения убедительными и информативными. Например, покажите крупным планом кусочек поверхности бумажника рядом с основной картинкой, чтобы покупатель мог увидеть фактуру ткани и швы (обычно их бывает сложно разглядеть).

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

Увидев картинку, пользователь должен получить ответы на три вопроса:

1. Каковы характерные особенности товара?

2. В чем его польза?

3. В чем его ценность?