9 советов и рекомендаций по ускорению конверсий и UX

| 02.08.2018

В настоящее время пользователи все больше полагаются на простой дизайн формы. Дизайн вашей формы имеет удивительное количество энергии в процессе преобразования. Хорошо разработанная форма показывает пользователям на раннем этапе, что ваш бизнес полезен, технически подкован и удобен в работе. С другой стороны, плохо разработанная форма может привести к отказу страницы, разочарованию пользователя и серьезному снижению продаж. […]


К БЛОГУ

В настоящее время пользователи все больше полагаются на простой дизайн формы.

Дизайн вашей формы имеет удивительное количество энергии в процессе преобразования. Хорошо разработанная форма показывает пользователям на раннем этапе, что ваш бизнес полезен, технически подкован и удобен в работе.

С другой стороны, плохо разработанная форма может привести к отказу страницы, разочарованию пользователя и серьезному снижению продаж. Фактически, Expedia выяснила, что они теряют прибыль в размере 12 миллионов долларов в год из одной посторонней полевой формы только в коробке.

Форма является критическим шагом для преобразования пользователей в клиентов, поэтому вы хотите сделать ваш простой, впечатляющий и гладкий. Здесь мы рассмотрим девять лучших практик разработки форм, чтобы повысить ваши конверсии и помочь вам достичь исключительного пользовательского опыта.

Лучшие образцы дизайна

1. Меньше — больше.

Мы все были там — вы все готовы проверить, а затем вы видите поля формы и думаете: «У меня нет времени на это. Может, я вернусь завтра.

Если форма запрашивает слишком много информации, вы рискуете потерять тонну конверсий — и, скорее всего, вам даже не нужно много информации, кроме имени и электронной почты, по крайней мере на начальном этапе.

Imagescape смог увеличить коэффициент конверсии на 120% , просто уменьшив свои поля форм от 11 до четырех.

Если вы не знаете, какие поля полей вы должны оставить, а какие вы должны вынести, подумайте над использованием смарт-форм, чтобы вы никогда не задавали одни и те же вопросы дважды. Вы также можете проверить A / B различные поля формы, чтобы ни один из ваших вопросов не покачал пользователям от завершения поля.

Если вы считаете, что вопрос в поле формы не имеет значения, вы ошибаетесь. Expedia вывела дополнительное поле формы «Компания» и увеличила свою годовую прибыль на 12 миллионов долларов .

2. Используйте один столбец, а не два.

Если вы решаете между одним столбцом для полей формы или двух, выберите один.

Исследование CXL института нашли участники смогли завершить один столбец образуют в среднем 15,4 секунды быстрее , чем формы с несколькими колонками. Для ваших пользователей, которые откажутся от экрана, если форма займет слишком много времени, это дополнительное время слишком дорого, чтобы уйти.

3. Формы следует заказывать проще всего.

Есть что-то в психологии, известное как ступня в технике двери , сначала придуманная Фридманом и Фрейзером в 1966 году, которая предполагает, что если кто-то согласится на небольшую просьбу, они в конечном итоге согласятся на более крупную. И, как вы могли заметить, существует много совпадений между психологией и маркетингом.

Используйте этот принцип в своих формах, включив в него самые простые вопросы по форме (имя, адрес электронной почты) перед более сложными (информация о платежах). Когда ваши пользователи начнут заполнять форму («Хорошо, я легко могу добавить свое имя и адрес электронной почты»), у них будет меньше шансов покинуть страницу.

Если поле первой формы является для них проблемой («Стреляйте, у меня даже нет моей кредитной карты поблизости»), они с большей вероятностью покинут страницу, если они еще не инвестировали в заполнение другой половины форма.

4. Используйте встроенную проверку поля формы.

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

Как сообщал Институт Баймарда , в 2012 году только 13% проверок имели встроенную валидацию — в 2016 году это число выросло до 60%. По мере того, как ваши конкуренты начнут реализовывать стратегию, станет еще более важно, чтобы вы включили встроенную проверку формы.

Например, проверьте форму оплаты Wayfair — когда я вводил неправильный номер кредитной карты, он немедленно уведомляет меня, сохраняя при этом необходимость повторного заполнения всех последующих полей после нажатия «Сохранить и продолжить».

5. Выровняйте текст влево и над полем поля формы.

Исследователи из Университета Базеля обнаружили, что выравнивание текста в левой части над полем формы увеличивает время завершения формы. Это выравнивание уменьшает количество глаз пользователя, которое нужно перепрыгнуть через страницу, и делает форму более сплоченной.

6. Назовите свою форму, чтобы мотивировать зрителей.

Язык играет большую роль в завершении формы. Какую форму вы, скорее всего, заполните, «Немедленно получите бесплатный путеводитель» или «Зарегистрироваться»?

В конечном итоге вы захотите загладить свою форму с конкретной информацией о том, что пользователь получит после завершения. Переписывая название своей формы, вы также различаете себя из любой другой онлайн-формы, в которой говорится «зарегистрироваться» или «купить сейчас».

В результате повторного титрования их регистрационной формы BettingExpert увеличил свои регистрационные показатели на 31,54% .

Если заголовок — это все, что требуется, чтобы получить более 30% подписчиков, почему бы вам не сделать это?

7. Не запрашивайте номер телефона (или укажите, что это необязательно).

Если номер телефона действительно не критичен для вашего бизнеса, оставьте его. ClickTale провела тест и обнаружила, что они потеряли 39% подписчиков пользователей, когда они попросили номер телефона.

Для борьбы с выпадением, ClickTale указан в форме, в которой номер телефона был необязательным. Это одно слово, «факультативно», почти удвоило коэффициент конверсии и уменьшило потери на 39% до четырех процентов.

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

8. Убедитесь, что браузер может автозаполнять.

Я не заполнял свой адрес через несколько месяцев — Chrome заполняет его для меня. Заполнение формы проще, чем когда-либо, теперь, когда браузеры, такие как Google Chrome или Firefox, имеют функции автозаполнения.

Но браузер может только автозаполнять, если вы используете легко различимые контекстные подсказки, такие как «Город» или «Имя». Лучше всего заголовок каждого поля формы с понятием браузера, чтобы помочь вашим пользователям ускорить процесс собственного заполнения.

9. Обратитесь к проблемам пользователей в дизайне формы.

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

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

В конечном счете, ваша форма должна быть разработана и удовлетворена для вашей конкретной аудитории, и важно, чтобы вы проводили тестирование A / B и другие исследования рынка при выборе дизайна.

ДРУГИЕ НОВОСТИ:



Как избавить препресс от стресса: несколько советов по оформлению макета
Как избавить препресс от стресса: несколько советов по оформлению макета
admin | 22.05.2017

Предлагаем вам несколько советов для графических дизайнеров, как подготовить макет к печати.

Подробнее
Печать vs Монитор: как согласовать цвета
Печать vs Монитор: как согласовать цвета
admin | 29.06.2017

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

Подробнее
Какое выбрать выравнивание текста?
Какое выбрать выравнивание текста?
admin | 27.06.2017

Если кто-то настаивает на том, что выровненный текст по ширине лучше, чем выровненный по левому краю, скажите им, что они неправы. Если кто-то еще скажет вам, что выровненный по левому краю текст лучше, чем выровненный по ширине, скажите им так же, что они ошибаются.

Если они оба ошибаются, то что тогда правильно? Об этом и поговорим в нашей сегодняшней статье.

Подробнее
Как эффективно работать с графическими дизайнерами
Как эффективно работать с графическими дизайнерами
admin | 26.05.2017

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

Подробнее

КОММЕНТАРИИ:

ОСТАВИТЬ КОММЕНТАРИЙ :