От кликов к продажам. Как повысить продажи через оптимизацию конверсии.

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

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

Эффект мерцания

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

Подумайте об этом. Если вы смотрите на плоский экран, на котором все статично, и вдруг одна маленькая деталь двинулась, ваш взгляд непроизвольно переместится к этой движущейся детали. И наоборот, если на странице слишком много движущихся объектов, глаза не будут прикованы ни к чему и даже потеряются в этом хаосе (если вы хотите увидеть забавную иллюстрацию данной концепции, зайдите на сайт YouTube и наберите в поиске «Тест на выборочное внимание» (Selective Attention Test) Дэниела Саймонса).

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

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

Останавливающиеся анимации

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

Использование манипуляторов скорости загрузки

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

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

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