Следите за глазами!
Создавая сервис, мы всегда чего-то хотим от посетителей. Чтобы те зарегистрировались, воспользовались нашими услугами, пришли к нам еще раз. Но… посетитель существо своенравно и непредсказуемое. Угадать, что он будет делать в следующие 3 секунды невозможно.
Или… может все-таки…
Для того, чтобы посетитель действовал по вашему сценарию, нужно просто следить за его глазами.
Сегодня мы на примере стартовой странички FeedMates.ru мы рассмотрим, как использовать этот подход. Конечно, всех тонкостей в одной заметке не расскрыть, но основную идею вы уловите.
Визуально, страничка разделена на три горизонтальные зоны. В первой рассположено описание основной идеи сервиса и его полезности для посетителя, во второй полосе - иллюстрация действия, далее следует форма для ввода RSS-потока и дополнительная информация.
С чего посетитель начнет изучать страничку?
С центральной полосы с рисунком. Это достигнуто тем, что рисунок выглядит ярче, чем две окружающие его зоны. В центре этого рисунка яркая зеленая стрелочка, сильна выдающаяся на общем фоне. Она невольно заставляет перевести взгляд на верхнюю зону, хоть смысловая нагрузка на ней совсем другая. На чем взгляд остановится в верхней зоне?
По дороге нам встретиться слово БЕСПЛАТНО. Слово-магнит, призваное “прикрутить” внимание к сайту и прочитать текст. В тексте описано как раз то, что нам нужно - польза проекта для посетителя. Теперь остался последний шаг - необходимо превратить посетителя в пользователя. Вот с этим на страничке трудновато…
Все дело в том, что решив присоединиться к проекту, посетитель будет подсознательно искать слово “зарегистрироваться”! А его нет. Для регистрации необходимо ввести URL сайта или RSS-поток в текстовое поле ниже. Но об этом нужно было четко сказать в тексте. Тогда не пришлось бы ломать себе голову (и пусть это “ломание” длиться 2-5 секунд, но все же…).
Для регистрации посетитель перейдет глазами в нижнюю часть страницы и сюда грамотно перенесен блок с дополнительной информацией о сервисе и ссылка “Узнать больше“, для тех, кому и этого оказалось мало. 
Вот такой вот несложный путь проделают глаза пользователя, плюс минус на невнимательность. Самое главное, что вы должны заранее смоделировать (продумать) этот путь! И указать его с помощью различных привлекающих внимание штучек. На этом примере мы проанализировали следующие:
- Логические блоки, разделенные визуально;
- Яркая стрелочка, указывающая в направлении движения глаз;
- “Подвеченное” слово-магнит БЕСПЛАТНО;
- Разделение информации о сервисы на несвязанные маленькие блоки;
Конечно, приемов гораздо больше. И тонкостей очень много. Но начинать работать над эффективностью надо. При чем, желательно прямо сейчас! А то, мало ли сколько еще посетителей вы пропустите.
Понравился пост? Будь в курсе последних событий: подпишись на RSS-ленту.!
Также читайте по теме:
- 20 июля
Здорово! Жаль, что пример только один.