Если вы эксперт по разработке пользовательских интерфейсов и юзабилити, если количество разработанных вами лэндингов больше 10, если вы уже прочитали сотню статей по этой теме с рекомендациями профессионалов — наш пост не для вас. Он скорее для тех, кто только начинает…
![](https://habrastorage.org/r/w780q1/storage/ee8d8799/c8adff64/09971d2e/3d92e0b3.jpg)
В последнее время мы создаем много целевых страниц, поэтому составили для себя небольшой список вопросов, на которые обязательно нужно ответить перед тем, как считать страницу готовой к выходу в большой Интернет. В этих вопросах нет ничего нового, они просто помогают собрать в одном документе все советы по разработке landing page, которые есть в сети, и не упустить ничего важного.
1. На целевой странице присутствует образ товара?
На странице обязательно должно быть изображение продвигаемого продукта ил рисунок, отражающий суть услуги. Картинка — это то, что добавит странице эмоций и улучшит впечатление о ней.
2. Заголовок на целевой странице — четкий, недвусмысленный и отражает суть нашего предложения потенциальным клиентам?
Заголовок — это первое сообщение, которое увидит клиент. За первые 2-3 секунды заголовок должен рассказать главное — что вы предлагаете с помощью этой страницы.
3. Соответствует ли содержание целевой страницы содержанию контекстных объявлений / баннеров / ссылок, которые ведут на нее?
4. На целевой странице размещены отзывы существующих клиентов?
5. На целевой странице размещены сертификаты, лицензии, иконки профессиональных сообществ и ассоциаций?
Представьте себя на месте клиента, попавшего на целевую страницу, где нужно заполнить какую-то форму, оставить свои контактные данные или заказать товар. Клиент сомневается, ему страшно, с помощью этих элементов мы придаем ему уверенности в сделанном выборе.
6. Имеется ли на целевой странице явный призыв к действию?
Если мы хотим, чтобы ваши посетители выполнили определенное действие, нужно им об этом прямо и недвусмысленно сообщить. Стараемся использовать призывающие формулировки: «Заполнить форму сейчас», «Заказать звонок», «Зарегистрироваться на семинар». По возможности, призыв к действию на странице должен быть один.
7. Есть ли на целевой странице действенный аргумент, усиливающий призыв к действию?
Дополняем эти призывы убедительными аргументами, которые помогут развеять последние сомнения потенциального покупателя: «только до конца дня скидка 5%», «количество мест ограничено» и т.п.
8. Установлены ли на вашей целевой странице системы веб-аналитики (Google Analytics или Яндекс.Метрика, LiveInternet) ?
Зачем нужно собирать собирать и анализировать данные о поведении посетителей на сайте сегодня никому объяснять уже не надо:)
9. Используется ли для основных текстов на целевой странице шрифт размером менее 10 пунктов?
А это первый вопрос, на который надо ответить «нет». Никто не любит напрягаться, чтобы прочитать объемный текст написанный мелким серым шрифтом. Даже тот дизайнер, который это нарисовал. Текст на странице должен читаться без напряжения глаз. Хорошо читаемый размер не менее 11 пунктов. Короткие предложения. Небольшие абзацы.
10. Размещена ли регистрационная форма прямо на целевой странице?
Она должна быть прямо здесь, хотя бы первые 2-3 поля. Не забываем про то, что при каждом переходе и нажатии на кнопку «далее» мы теряем до 30% посетителей.
11. Все поля формы действительно необходимы?
Хуже форм состоящих из нескольких шагов — только огромные формы, пугающие пользователя одним своим видом. Не нужно спрашивать у пользователей больше чем нам реально необходимо.
12. Есть ли на целевой странице панель навигации с ссылками на которые может кликнуть пользователь?
Если ссылки есть, подумаем еще раз — действительно ли они необходимы. Дополнительную информацию лучше открывать в pop-up окнах, чтобы не уводить посетителя со страницы.
13. Есть ли на странице тексты / графика, не относящиеся к предложению страницы?
Тексты и картинки не связанные с предложением и не отражающие суть услуги только отвлекают внимание и размывают ясность нашего сообщения пользователям. Их не должно быть на целевой странице.
Ну и после того, как ответы на все эти вопросы получены, landing page мы считаем готовой. При условии, что ответы все правильные конечно. Но это только начало. После запуска нужно протестировать разные варианты призывов к действию, аргументов, расположения ключевых блоков на целевой странице. Очень сложно сказать сразу наверняка, что будет работать хорошо в данный конкретный момент, именно поэтому эксперимент, эксперимент и еще раз эксперимент.
Вот несколько лэндингов, разработанных нами для наших проектов или для клиентов:
Для java-приложения голосовых открыток Voicecards.ru: http://www.java.voicecards.ru
![](https://habrastorage.org/r/w1560/storage/efa7e00d/318899b8/6454c691/79fa6bc7.png)
Для того же java-приложения, мобильная версия: http://p.voicecards.ru
![](https://habrastorage.org/r/w1560/storage/2a7538ce/5a0e5650/ff4559e8/0adace4d.png)
Для банка, собирающего заявки потенциальных клиентов на кредиты: http://www.kreditsrochno.ru
![](https://habrastorage.org/r/w1560/storage/cac98032/913a20fc/c50b28e3/c06c9d07.png)
Если вы знаете еще важные вопросы, которые можно включить в чек-лист, — пишите в комментарии.
![](https://habrastorage.org/storage/ee8d8799/c8adff64/09971d2e/3d92e0b3.jpg)
В последнее время мы создаем много целевых страниц, поэтому составили для себя небольшой список вопросов, на которые обязательно нужно ответить перед тем, как считать страницу готовой к выходу в большой Интернет. В этих вопросах нет ничего нового, они просто помогают собрать в одном документе все советы по разработке landing page, которые есть в сети, и не упустить ничего важного.
I. Первое впечатление
1. На целевой странице присутствует образ товара?
На странице обязательно должно быть изображение продвигаемого продукта ил рисунок, отражающий суть услуги. Картинка — это то, что добавит странице эмоций и улучшит впечатление о ней.
2. Заголовок на целевой странице — четкий, недвусмысленный и отражает суть нашего предложения потенциальным клиентам?
Заголовок — это первое сообщение, которое увидит клиент. За первые 2-3 секунды заголовок должен рассказать главное — что вы предлагаете с помощью этой страницы.
3. Соответствует ли содержание целевой страницы содержанию контекстных объявлений / баннеров / ссылок, которые ведут на нее?
II. Воюем за доверие
4. На целевой странице размещены отзывы существующих клиентов?
5. На целевой странице размещены сертификаты, лицензии, иконки профессиональных сообществ и ассоциаций?
Представьте себя на месте клиента, попавшего на целевую страницу, где нужно заполнить какую-то форму, оставить свои контактные данные или заказать товар. Клиент сомневается, ему страшно, с помощью этих элементов мы придаем ему уверенности в сделанном выборе.
III. Время действовать
6. Имеется ли на целевой странице явный призыв к действию?
Если мы хотим, чтобы ваши посетители выполнили определенное действие, нужно им об этом прямо и недвусмысленно сообщить. Стараемся использовать призывающие формулировки: «Заполнить форму сейчас», «Заказать звонок», «Зарегистрироваться на семинар». По возможности, призыв к действию на странице должен быть один.
7. Есть ли на целевой странице действенный аргумент, усиливающий призыв к действию?
Дополняем эти призывы убедительными аргументами, которые помогут развеять последние сомнения потенциального покупателя: «только до конца дня скидка 5%», «количество мест ограничено» и т.п.
IV. Держать руку на пульсе
8. Установлены ли на вашей целевой странице системы веб-аналитики (Google Analytics или Яндекс.Метрика, LiveInternet) ?
Зачем нужно собирать собирать и анализировать данные о поведении посетителей на сайте сегодня никому объяснять уже не надо:)
V. Береги зрение клиентов
9. Используется ли для основных текстов на целевой странице шрифт размером менее 10 пунктов?
А это первый вопрос, на который надо ответить «нет». Никто не любит напрягаться, чтобы прочитать объемный текст написанный мелким серым шрифтом. Даже тот дизайнер, который это нарисовал. Текст на странице должен читаться без напряжения глаз. Хорошо читаемый размер не менее 11 пунктов. Короткие предложения. Небольшие абзацы.
VI. Смотрим на форму
10. Размещена ли регистрационная форма прямо на целевой странице?
Она должна быть прямо здесь, хотя бы первые 2-3 поля. Не забываем про то, что при каждом переходе и нажатии на кнопку «далее» мы теряем до 30% посетителей.
11. Все поля формы действительно необходимы?
Хуже форм состоящих из нескольких шагов — только огромные формы, пугающие пользователя одним своим видом. Не нужно спрашивать у пользователей больше чем нам реально необходимо.
VII. Ничего лишнего
12. Есть ли на целевой странице панель навигации с ссылками на которые может кликнуть пользователь?
Если ссылки есть, подумаем еще раз — действительно ли они необходимы. Дополнительную информацию лучше открывать в pop-up окнах, чтобы не уводить посетителя со страницы.
13. Есть ли на странице тексты / графика, не относящиеся к предложению страницы?
Тексты и картинки не связанные с предложением и не отражающие суть услуги только отвлекают внимание и размывают ясность нашего сообщения пользователям. Их не должно быть на целевой странице.
Ну и после того, как ответы на все эти вопросы получены, landing page мы считаем готовой. При условии, что ответы все правильные конечно. Но это только начало. После запуска нужно протестировать разные варианты призывов к действию, аргументов, расположения ключевых блоков на целевой странице. Очень сложно сказать сразу наверняка, что будет работать хорошо в данный конкретный момент, именно поэтому эксперимент, эксперимент и еще раз эксперимент.
Вот несколько лэндингов, разработанных нами для наших проектов или для клиентов:
Для java-приложения голосовых открыток Voicecards.ru: http://www.java.voicecards.ru
![](https://habrastorage.org/storage/efa7e00d/318899b8/6454c691/79fa6bc7.png)
Для того же java-приложения, мобильная версия: http://p.voicecards.ru
![](https://habrastorage.org/storage/2a7538ce/5a0e5650/ff4559e8/0adace4d.png)
Для банка, собирающего заявки потенциальных клиентов на кредиты: http://www.kreditsrochno.ru
![](https://habrastorage.org/storage/cac98032/913a20fc/c50b28e3/c06c9d07.png)
Если вы знаете еще важные вопросы, которые можно включить в чек-лист, — пишите в комментарии.