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

Айзенберг Джеффри

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

Эффективность беглого просмотра

Вы долго трудились и в итоге составили убедительный продающий текст. Как же сделать, чтобы посетители его прочитали? Законы рекламы здесь уже роли не играют, мы подошли к вопросу о юзабилити сайта. Специалисты в этом случае используют два расплывчатых термина: беглое прочтение и быстрый просмотр (skimming and scanning).

Если пользователь

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

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

Scan (просмотреть) – быстро и методично просматривать; наскоро пролистывать.

Skim (бегло прочитать) – быстро и поверхностно прочитать, рассмотреть или обдумать; бросить взгляд.

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

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

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

Прибыв на сайт, пользователь сначала быстро просматривает страницу. Он старается охватить ее взглядом и понять, туда ли он попал, куда хотел. Глаза останавливаются лишь на самых заметных элементах. Посетитель думает, это ли он ожидал здесь увидеть. Вместе с тем он оценивает сайт в целом: читаемость текста, организацию меню и удобство работы. Здесь на первый план выходят размер шрифта, расположение элементов на странице и цветовое оформление. Вам нужно, чтобы клиент как можно меньше времени потратил на поиск и сортировку информации и как можно быстрее включился в процесс конверсии. Если он найдет отличные ориентиры, то сразу поймет, что попал туда, куда хотел; если же ему будет сложно разобраться в обстановке, он «запрыгнет обратно в седло» и «умчится» на другой сайт.

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

Зная

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

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

Следуйте за курсором

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

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

Помогите глазам найти главное

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

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

Опыт показывает, что если посетители и читают что-то на сайте (специалист по дизайну Якоб Нильсен утверждает, что 70 % пользователей ничего не читают), то «поверхностно, пытаясь охватить больше информации за раз», при этом сначала их взгляд останавливается на тексте, а уж потом – на изображениях. Как же привлечь их внимание, чтобы передать самые важные сведения? Попробуйте некоторые методы, описанные ниже.

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

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

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

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

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