3. Прежде чем мы сможем начать тестирование,
мы должны понять основы
4. Давайте начнем с 7 принципов
,дизайна ориентированного на
,конверсию
в изложении Oli Gardner (Unbounce) и Dan McGraw (KissMetrics)
5. 1
Коэффициент внимания
Это отношение интерактивных элементов
(ссылок) на странице к целям конверсии
(которая должна быть только одна).
В основном, внимание пользователя
фокусируется только на одной цели!
6. 2
Связь конверсий
Это сравнение опыта до клика и после клика.
Убедитесь, что дизайн объявления и сообщение
гармонично соответствуют!
8. 4
Гармоничный дизайн
Убедитесь, что все элементы на странице несут
связное сообщение.
Все элементы должны работать вместе и не
противоречить друг другу.
10. 6
Достоверность
Используйте доверительные сигналы и будьте
прозрачны. Люди должны доверять вашему
бренду, если они собираются отдать вам что-
либо.
Добавьте рекомендации, отзывы из социальных
сетей и т.д.
11. 7
Продолжение конверсии
Найдите способы собрать дополнительную
конверсию. Это может быть ответное письмо,
страница благодарности, подтверждение
регистрации и т.д.
Будьте всегда конвертируемыми :)
30. Описательный заголовок
Вспомогательный подзаголовок
Краткое заявление, которое
описывает преимущества
продукта или услуги
● Весомый аргумент
● Еще аргумент
● И еще один аргумент
Пятиточечный удар
Вспомогательное утверждение
CTA
CTA
«линия сгиба»
32. Но это не всегда работает.
Иногда вашей аудитории нужно больше.
33. Но это не всегда работает.
Иногда вашей аудитории нужно больше.
С помощью повествования, которое идет после «линии сгиба»,
мы можем рассказать восхитительную историю о том, как мы
можем помочь в достижении цели.
34. Формат длинной
повествовательной
страницы.
В этом примере мы
расскажем историю
бренда на 5-ти экранах.
Подсказка: На странице повествования
мы рассмотрим пример добавления
более одного CTA на всей странице,
побуждая пользователя
к главному действию.
35. Формат длинной
повествовательной
страницы.
В этом примере мы
расскажем историю
бренда на 5-ти экранах.
Подсказка: На странице повествования
мы рассмотрим пример добавления
более одного CTA на всей странице,
побуждая пользователя
к главному действию.
Геро
й
36. Формат длинной
повествовательной
страницы.
В этом примере мы
расскажем историю
бренда на 5-ти экранах.
Подсказка: На странице повествования
мы рассмотрим пример добавления
более одного CTA на всей странице,
побуждая пользователя
к главному действию.
Герой
Преимуществ
а
37. Формат длинной
повествовательной
страницы.
В этом примере мы
расскажем историю
бренда на 5-ти экранах.
Подсказка: На странице повествования
мы рассмотрим пример добавления
более одного CTA на всей странице,
побуждая пользователя
к главному действию.
Герой
Преимуществ
а
Предварительны
й
CTA
38. Формат длинной
повествовательной
страницы.
В этом примере мы
расскажем историю
бренда на 5-ти экранах.
Подсказка: На странице повествования
мы рассмотрим пример добавления
более одного CTA на всей странице,
побуждая пользователя
к главному действию.
Герой
Преимуществ
а
Предварительны
й
CTA
Создание
атмосферы
доверия
39. Формат длинной
повествовательной
страницы.
В этом примере мы
расскажем историю
бренда на 5-ти экранах.
Подсказка: На странице повествования
мы рассмотрим пример добавления
более одного CTA на всей странице,
побуждая пользователя
к главному действию.
Герой
Преимуществ
а
Предварительны
й
CTA
Создание
атмосферы
доверия
Конечный
CTA ( )форма
49. , ?Как нам решить что проверять
,Мы основываемся на понимании
накопленном из обратной связи с
: , - ,пользователями опросы онлайн чаты
. .тепловые карты и т д
53. A/BЧтобы провести
,тестирование нам необходимо
... 100+по крайней мере уникальных
( MVT — 10+посетителей для в раз
)больше
...по крайней мере за неделю до запуска
теста собрать достаточное количество
данных
57. Мы также можем проверить
...побуждающие действия
...купоны
... .доп продажи
...доверие к рекомендациям
.и отзывам из соц сетей
...срочность
...бесплатная пробная версия
-или условно бесплатная лицензия
59. Все эти принципы могут быть
,применимы к любой странице
:находящейся в сети
...посадочная страница
...электронное письмо
...страница продукта
...страница приложения
...страница с ценами
...страница контактов
... . .и т д
60. WordPressВот несколько
,плагинов которые облегчат вам
работу
● Optimizely
● Visual Web Optimizer
● Convert Experiments by Yoast
● Nellio A/B Testing
● Ultimate Landing Page
● wBounce