Любой интернет-маркетолог знает, что удобство пользователей при взаимодействии с лендингом — это важный шаг на пути к конверсии. И в этом процессе немалую роль играет , так как от ее работоспособности зависит не только общее впечатление от компании, но и то, останется ли привлеченный пользователь на странице или уйдет на лендинг конкурента.
По этой причине разработке формы обратной связи нужно уделять особое внимание, даже если она является простой и не содержит много полей для заполнения. В этой статье мы в обзорном режиме остановимся на 15 моментах, являющихся критически важными при создании идеальной контактной формы.
А чтобы закрепить полученный материал и потренироваться в своих навыках, в , содержащий весь необходимый технический функционал для создания разнообразных лид-форм.
1. Четкий и лаконичный заголовок
Основное назначение заголовка — передать суть всего в нескольких словах, избегая витиеватых фраз и сложноподчиненных предложений. В идеале посетитель должен ясно и однозначно понять, для чего предназначена лид-форма, просто взглянув на ее заголовок.
В то время как хороший заголовок объясняет назначение лид-формы, информативное описание позволяет дополнительно мотивировать посетителей, сомневающихся в целесообразности ее заполнения. Достичь этого можно, включив в текст 2 стратегически важных пункта:
- что конкретно требуется от пользователя;
- что именно посетитель получит после выполнения ожидаемых от него действий.
Заголовок (Title): «Заполните форму, чтобы получить каталог с ценами от производителя». Описание (Description): «Торопитесь! Заполните форму до конца дня и получите 20% скидку». Весь лендинг можно .
3. Никто не любит заполнять длинные формы
Не следует перегружать лид-форму многочисленными полями для заполнения без необходимости. Используйте только те из них, которые крайне важны для вашего бизнеса. По возможности, избегайте дублирования запрашиваемой информации (например, «Email» и «Подтвердите email»). Не следует злоупотреблять просьбами о предоставлении персональных и личных данных (например, «Номер телефона», «Адрес» или «Название компании»). Если все же такие поля присутствуют, сообщите пользователю (текстом и графически), что его личные данные надежно защищены и не будут переданы третьей стороне.
Ниже приведены 2 изображения, иллюстрирующие длинную и короткую лид-форму:
Несложно догадаться, какую из представленных выше форм с большей готовностью заполнит посетитель целевой страницы. Подавляющее большинство явно смутится, осознав необходимость предоставления такого количества данных, многие из которых, скорее всего, окажутся ненужными.
4. Размещайте текстовые метки слева над полями для заполнения
Исследования, проводимые с использованием , показывают, что заголовки полей, расположенные над полями, работают лучше, чем выравнивание их по правому краю или размещение слева напротив соответствующих полей. Если нужно сделать форму более компактной или визуально более короткой, названия меток можно расположить внутри полей, выровняв их по левому краю (в таком случае, они выполняют роль плейсхолдеров):
5. Осмысленные надписи на СТА-кнопке
- связан с содержанием лид-формы и
- показывать, что человек получит после нажатия на СТА-кнопку.
6. Располагайте форму на первом экране
Логика тут проста: если посетитель после загрузки страницы сразу видит лид-форму, он с большей вероятностью обратит на нее внимание, что, в свою очередь, может повысить конверсию. Размещая форму ниже так называемой , вы повышаете вероятность того, что пользователь до нее так и не доберется. Еще хуже, если форма находится на пересечении первого и второго экранов. В этом случае ее крайне неудобно заполнять.
7. Помощь посетителям при заполнении контактной формы
9. Подсветка заполняемых полей
Помимо сообщений об ошибках, целесообразно организовать выделение каким-либо заметным (но не красным) цветом то поле, которое пользователь заполняет в данный момент. Это позволит ему в случае отвлечения оперативно вернутся к той части лид-формы, на которой он прервался.
Кроме того, можно дополнить описанный выше прием, задав автоматическое размещение курсора и подсветку в первом поле для заполнения. Такая мелочь не только экономит время, но и ненавязчиво подталкивает к конверсионному действию:
10. Стиль и размер шрифта, а также цвет фона
Одно из важных требований идеальной формы обратной связи — ее читабельность, которой можно достичь, избегая применения слишком экзотических шрифтов и цветовых решений, затрудняющих чтение (например, белый текст на светло-сером фоне).
11. Разграничение обязательных и необязательных полей для заполнения
Наилучший способ идентифицировать обязательные для заполнения поля — пометить их знаком звездочки (*):
В редакторе лид-форм от LPgenerator для полей Имя, Фамилия, Возраст, Email, Дата и Url можно задать разные конфигурации, в том числе и пометить поле в качестве обязательного для заполнения (опция №2)
Поля, обязательные для заполнения, помечены звездочками. Весь лендинг можно
Такое разграничение улучшает и, как следствие, содействует повышению коэффициента конверсии.
12. Оптимизируйте форму под мобильный трафик
Стремительный рост пользователей мобильных устройств ставит перед владельцами сайтов и целевых страниц непростую задачу — обеспечить качественный UX для тех, кто заполняет лид-форму с помощью разного рода девайсов. Поэтому есть смысл инвестировать средства в полей формы под эту растущую категорию юзеров.
Некоторые поля для заполнения предполагают выбор данных из длинного списка возможных вариантов. Если их слишком много, это может затруднить поиск нужной информации и спровоцировать уход посетителя со страницы. Поэтому выпадающее меню в лид-формах нужно использовать с умом. Если данных слишком много, то в качестве альтернативы можно применять технологии автоматического заполнения.
Чаще всего длинное выпадающее меню в формах предполагает выбор страны проживания. Альтернативным вариантом в этом случае может быть автоматическое определение региона пользователя с помощью IP-адреса
14. Страница благодарности с элементами персонализации после заполнения лид-формы
Дайте знать пользователю о результатах заполнения формы, настроив активацию соответствующей . Если посетитель ввел свое имя, оставляя контактные данные, обратитесь к нему по имени, и — в зависимости от преследуемых маркетинговых задач — сообщите ему порядок вашего с ним дальнейшего взаимодействия или другую релевантную и полезную информацию.
15. Используйте простую капчу
Хотя капча является достаточно эффективной мерой против спама, следует помнить, что если пользователю с первого раза не удалось правильно ее ввести, велика вероятность, что он вовсе откажется от заполнения вашей формы. Чтобы предотвратить такие досадные недоразумения, используйте простые капчи и возможность менять запрашиваемый для ввода защитный код.
Также можно использовать простой чек-бокс, в котором достаточно поставить галочку, чтобы указать, что посетителем целевой страницы является живой человек, а не робот:
Пример чек-бокса с надписью «Я не робот» (I`m not a robot), которая активируется посредством простановки галочки в выделенном для этого квадратном поле
Заключение
Создание идеального опыта взаимодействия на лендинге часто сводится к разработке идеальной лид-формы, которая обладает следующими характеристиками:
- ее назначение можно быстро и однозначно понять по заголовку и описанию;
- ее легко заполнять;
- она актуальна и нацелена на определенную целевую аудиторию.
Идеальность в данном случае предполагает в первую очередь не сногсшибательный дизайн, а способность этого элемента landing page «вступить в контакт» с посетителем целевой страницы. В дополнение ко всему, эффективная контактная форма содержит необходимые для пользователя подсказки, предотвращающие к заветной цели — сообщению информации о себе.
В данном уроке мы сделаем небольшой приятный глазу эффект для обязательных полей в форме. Большинство веб форм разрабатывается в минимальном исполнении, только для сбора данных пользователя. Подумайте о том, сколько посетителей отказывались от заполнения формы, потому что она содержала множество полей. Но также есть много форм, которые в необязательных к заполнению полях запрашивают дополнительную информацию, которую посетитель хочет или должен предоставить. Например, формы заказа или формы классификации.
Идея заключается в том, чтобы выделять только обязательные к заполнению поля. Такая задача обычно решается установкой маленького символа * или подобного обозначения. Но мы пойдем дальше и добавим интерактивный эффект для лучшего визуального выделения обязательных полей.
Для реализации идеи обернем метки и поля формы в два элемента div , которые позволят нам применить различные эффекты. Внешний контейнер будет иметь дополнительный класс, если поле обязательно для заполнения (af-required ):
Рассмотрим стили второго примера демонстрации, который использует скрытие необязательных полей с помощью масштабирования. Мы будем уменьшать высоту другого контейнера, когда внутренний будет уменьшаться в масштабе.
Добавим переход для внешнего контейнера, определим фиксированную высоту и установим скрытие выступающих частей, чтобы прятать содержание при уменьшении высоты.
Af-outer { overflow: hidden; height: 70px; box-shadow: 0 1px 0 #f5f5f5 inset; transition: all 0.5s linear; }
Для внутреннего контейнера установим центр перехода в значение “center top”, чтобы видеть процесс уменьшения высоты. Изначально масштаб имеет значение 1 (не обязательно устанавливать его):
Af-inner { padding: 15px 20px 15px 20px; transform-origin: center top; transform: scale(1); transition: all 0.5s linear; }
В верху формы имеется кнопка (чекбокс) с id af-showreq . При нажатии на кнопку будет происходит изменение масштаба дополнительных полей. Мы используем псевдо-класс :not для получения нужных элементов, но можно устанавливать классы для дополнительных полей и получать к ним доступ через комбинаторы родственников.
Уменьшим высоту внешнего контейнера и масштаб внутреннего:
#af-showreq:checked ~ .af-form .af-outer:not(.af-required) { height: 0px; visibility: hidden; } #af-showreq:checked ~ .af-form .af-outer:not(.af-required) .af-inner { transform: scale(0); opacity: 0; }
Установка свойства visibility: hidden дает гарантию, что можно будет переключаться на другие поля с помощью клавиатуры. Здесь нельзя использовать display: none, потому что не будет работать переход.
Приложение 2. Образец оформления тезисов
Требования к макету тезисов:
Параметры страницы:
Размер бумаги : А4;
Ориентация: книжная;
Поля: 2 см (со всех сторон);
Колонки: 2 (промежуток между колонками 0,5 см)
Шрифт: Times New Roman, основной текст 11 пт, название работы 12 пт
Изображения, картинки: градации серого, по размеру должны уменьшаться в одну колонку.
Объем тезисов: не более 2х страниц, учитывая список использованной литературы.
Формулы: использовать редактор math type, или в виде изображений.
Структура и особенность оформления тезисов:
1. По центру 1 колонки указывается секция (или при невозможности область науки)
2. Название работы на русском языке, затем на английском большими буквами с выравниванием по центру, шрифт 12 пт, полужирный (Ж)
3. Пропуск строки шрифт 9 пт
4. Фамилия, имя, начинать с больших букв, шрифт 11 пт, полужирный (Ж), по центру, стиль: заголовок 2. (стандартный стиль и интервалы данного заголовка убрать).
5. В скобках указать город, учебное заведение, класс, шрифт 11 пт, выравнивание по центру.
6. Пропуск строки шрифт 9 пт
10. ФИО научного руководителя работы, шрифт 11 пт, выравнивание по центру
11. Пропуск строки шрифт 9 пт
12. Абстракт (краткое содержание работы) на английском, выравнивание по ширине, шрифт 10 пт, далее правой кнопкой абзац – интервал междустрочный – множитель 1,2.
13. Пропуск строки шрифт 9 пт
15. Пропуск строки шрифт 9 пт
16. Список использованной литературы, шрифт полужирный, 11 пт.
17. Пропуск строки шрифт 9 пт
18.Непосредственно сам список источников (пронумерованный начиная с 1 до …)
NB Файл тезисов должен иметь название вида: Philology_Safonov_Nikita.doc (где Philology – название секции в которой примет участие работа, Safonov_Nikita – фамилия и имя автора)
В РЕЗУЛЬТАТЕ ВАШИ ТЕЗИСЫ ДОЛЖНЫ ВЫГЛЯДИТЬ АНАЛОГИЧНО ПРИМЕРУ НИЖЕ.
NB ТЕЗИСЫ, ОФОРМЛЕННЫЕ С НАРУШЕНИЕМ ТРЕБОВАНИЙ ПРИЛОЖЕНИЯ-3 ОПУБЛИКОВАНЫ НЕ БУДУТ, А ИХ АВТОРЫ НЕ БУДУТ ПРИГЛАШЕНЫ НА КОНФЕРЕНЦИЮ.
СЛЕДИТЕ ЗА ОРФОГРАФИЕЙ! ПИШИТЕ ГРАМОТНО!
Секция филология и лингвистика
ДВЕ ЭПОПЕИ – «ТИХИЙ ДОН» И
«ВОЙНА И МИР».
СОПОСТАВИТЕЛЬНЫЙ АНАЛИЗ
TWO EPOCHS – “WAR AND PEACE” AND “QUIET DON”.
A COMPARATIVE ANALYSIS
Сафонов Никита
(Санкт-Петербург, ГОУ лицей № 384 Кировского района Санкт-Петербурга, 11-2 класс)
Руководитель работы: Голод Софья Степановна
Intellectual people have always tried to find from the past the answers to the questions that the present puts. The downfall of the Russian state and society is shown in both War and Peace” and “Quiet Don”. That was the time of distress: the war of 1812, the bloody war with the Germans and then the most horrible Civil War. And these two great books that affirm the most valuable things humanity has were some kind of a message from that tragic epoch. This message contains human feelings and aspirations, pain of loss and sufferings. That is why we can say that these literary masterpieces are still actual.
Мыслящие люди во все времена стремились найти в прошлом ответы на вопросы, которые ставило перед ними настоящее.
В наше непростое время мы вновь и вновь обращаемся к страницам великих произведений Л.Н.Толстого и М.А. Шолохова – к эпопеям «Война и мир» и «Тихий Дон», где авторы размышляют о тех нравственных проблемах, которые волновали человеческое общество всегда. Как писатель-гуманист М.А. Шолохов, продолжая толстовские традиции, считал, что «надо сокрушаться не по поводу того, что убийство существует на Земле, а бороться с этим, обезвреживая злую волю». Как актуально звучат эти слова в наше время, когда в разных уголках мира проливается кровь невинных людей!
И в «Тихом Доне», и в «Войне и мире» показано крушение российского общества и государства. Это время бедствий – войны 1812 года, кровопролитной войны германской, а потом ещё более страшной – гражданской войны. Посланием той трагической эпохи являются эти великие книги, утверждающие непреходящие ценности на Земле. Посланием, в котором сконцентрированы чувства и устремления человека, боль утрат, страдания. Именно поэтому мы можем сказать, что и сегодня «Война и мир» и «Тихий Дон» сохраняют свою актуальность.
Методы исследования моего реферата – это:
А) Анализ художественного произведения
Б) Сравнительный анализ образов
И М.Шолохов, и Л.Толстой исходили из философской концепции, что народ является основной движущей силой истории. Человек и история – одна из центральных проблем эпопей «Тихий Дон» и «Война и мир». В крови и страданиях, в великих муках рождался новый мир, новая Россия.
Описание собственного вклада в разработку темы: Каждое поколение по-новому прочитывает эти романы, по-новому истолковывает характер героев, истоки их трагедий, исторические события. Таким образом, целью моей работы является не только исследование событий прошлого, изображение противоречивого мира героев, но и изображение непосредственной связи времени, возрождения вековых народных традиций, православия, и что главное – возрождение таких нравственных ценностей, как дом, семья, любовь, мужество, честность, патриотизм.
Вспоминаются слова М.Шолохова: «Я хотел, чтобы мои книги помогали людям стать лучше, стать чище душой, пробуждать любовь к человеку, стремление активно бороться за идеалы гуманизма и прогресс человечества. Если мне это удалось в какой-то мере, я счастлив… »
Объект исследования – романы «Тихий Дон» М.А. Шолохова и «Война и мир» Л.Н. Толстого
Список используемой литературы:
1.М.А. Шолохов, Собрание сочинений в восьми томах, М.: «Правда», 1975г.
2.Л.Н. Толстой, Война и мир, Кишинев: «Картя молдовеняскэ»,1975г.
3.А.Г. Кутузов, В мире литературы-11. М: «Дрофа», 2005г
Секция математики
СТАТИСТИЧЕСКИЕ СВОЙСТВА ВЫБОРОЧНОЙ ОЦЕНКИ ПОКАЗАТЕЛЯ ХЕРСТА
STATISTICAL PROPERTIES OF SAMPLE ESTIMATION OF HERST EXPONENT
Жалова Мария
(г.Санкт-Петербург, Вторая С-Пб гимназия императора Александра I, 11 2 класс, С-Пб Научно-образовательная программа для старшеклассников «Земля и Вселенная»)
Научный руководитель: Тронь А.А., Президент Научно-образовательного объединения «Земля и Вселенная»
We are studying sample properties of the R-S statistics, known as Herst exponent.
It is shown that in the case of independent measurements the density distribution of the Hest statistics is approaching to the universal function and we propose an
algorithm of its calculation. The results of our work can be used in confidence limits
estimation of Herst exponent empirical estimations.
Показатель Херста связан с коэффициентом нормированного размахае, где R(n) - "размах" – разность между максимальным и минимальным значением накопленного размаха равременного ряда, а S(n) – среднеквадратичное отклонение ряда длиной n . В свое время Херст экспериментально определил, что для многих временных рядов справедливо: . Именно коэффициент γ известен как показатель Херста, . представляющий собой меру персистентности - склонности процесса к трендам. Если γ >0.5, то направленная в определенную сторону динамика процесса в прошлом, вероятнее всего, вызовет продолжение движения в том же направлении, при γ < 0.5, то прогнозируется, что процесс изменит направленность. γ = 0.5 означает неопределенность - броуновское движение х.
Показатель Херста широко используется в геофизике, сейсмологии, экономике, техническом анализе, обработке медицинских данных, однако не так подробно исследованы свойства выборочрной R/S статистики, что мы попытались зделать в нашей рботе.
Величина выборочного накопленного размахапредставляет собой случайную величину равную сумме отклонений от среднего на длине n z 2
= x 1 -
. Если принять независимость отсчетов x i
, то плотность распределения величины z 2
является сверткой плотностей распределения z 1
и x 2 -
, а плотность распределения z 3
является сверткой распределений z 2
и x 3 -
и т.д. Обозначим плотность распределения z 1
за f 1 (z)
, z 2
за f 2 (z)
и т.д. Тогда итоговое распределение максимума из величины z i
дается соотношением : Поскольку , то 
(1)
Тогда плотность распределения выборной статистики R дается сверткой функций и при условии независимости величин z i . Окончательное распределения случайной величины получается при учете распределения выборочного среднеквадратичного уклонения , τ = n В общем случае это выражение весьма сложно, поэтому в качестве иллюстративного примера мы рассматриваем случай
В качестве примера рассмотрим поведение независимых нормальных отсчетов x i и z i , т.е. f и F являются функциями нормального распределения и интегрального нормального распределения. При этом, если случайная величина x i представляет собой выборку из нормального случайного процесса, то среднеквадратичное уклонение случайной величины z i растет с номером i как . Поэтому показатель Херста для процесса Броуновского движения - процесса случайных блужданий под действием независимых столкновений - равен 0.5. На Рис.1 приведено модельное распределение величины для =2 и дисперсией z 1 равной 1, полученное с помощью математического пакета MAPLE 13. Для большего числа отсчетов время вычисления резко возрастает.
Полученные оценки могут использоваться при оценке величины математического ожидания R/S статистики как основы статистического анализа при определении показателя Херста и для оценки среднеквадратичного уклонения этой выборочной статистики..
Сравнение оценок γ с использованием распределения (1) и выборочной оценки по динамике числа ежегодных вулканических извержений показывает удовлетворительное согласие.
Рис. 1. Плотность распределения выборочной статистики R(τ) для τ =2 и дисперсией z 1 равной 1.
Литература.
Федер Е. Фракталы. Пер. с англ. – М., Мир, 1991 – 254 с.
Агекян Т.А. Теория вероятностей для астрономов и физиков. Глав. ред. физ-мат..лит. «Наука», 1974, 264 с.
Э.Гумбель (1965), Статистика экстремальных значений, Москва,«Мир».
A. N. ZEMTSOV, A. A. TRON. STATISTICAL PROPERTIES AND TIME TREND IN THE NUMBER OF HOLOCENE VOLCANIC ERUPTIONS. Advances in Geosciences Vol. 13: Solid Earth (2007) Ed. Kenji Satake, World Scientific Publishing Company
ПРИЛОЖЕНИЕ 3. Критерии отбора работ
