Дизайн диалоговых форм: все, что вам нужно знать

Опубликовано: 2022-03-15

В этой статье мы разберем концепцию дизайна разговорной формы и то, когда ее использовать. Мы также объясним, как легко создать диалоговый интерфейс для ваших форм в WordPress.

Дизайн диалоговых форм: все, что вам нужно знать

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

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

Formidable Forms — лучший плагин для конструктора форм WordPress. Получите это бесплатно!

Но не отчаивайтесь. Мы здесь, чтобы сказать вам, что формы могут быть как практичными, так и удобными для пользователя. Так как же заинтересовать потенциальных клиентов заполнением нескольких полей вопросов по сбору данных?

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

Это связано с тем, что эти типы форм подходят к сбору данных как к разговору, а не к одному пустому полю за другим.

Пример разговорной формы Formidable Forms

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

Что такое дизайн разговорной формы?

Дизайн диалоговой формы — это когда вы проводите клиентов через опрос или викторину по одному вопросу за раз.

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

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

Эта форма позволяет вам собрать много ценной информации, задав всего несколько вопросов. Это эффективно, и это займет всего минуту или две.

Проблема в том, что чем длиннее и сложнее форма, тем меньше шансов, что пользователь закончит ее заполнение. Они могут даже не начать его, если посчитают, что это будет слишком много работы.

Теперь давайте взглянем на дизайн диалоговой формы. Вот пример диалогового дизайна с использованием формы опроса:

Как работает дизайн разговорной формы?

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

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

Примеры диалогового интерфейса:

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

Еще один пример диалогового интерфейса — Amazon Echo. Хотя это голосовой помощник, он работает так же, задавая один вопрос и ожидая ответа, прежде чем переходить к следующему.

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

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

Вам просто нужен WordPress, плагин Formidable Forms и одно из его многочисленных удобных дополнений.

Лучше ли дизайн разговорной формы?

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

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

И важно задавать хорошие вопросы для опроса, не звуча как робот.

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

Вот пример диалогового интерфейса:

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

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

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

Являются ли конструкции разговорной формы лучшим заключением

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

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

Это помогает клиенту почувствовать, что его ответы важны, и дает вам более конкретную и полезную информацию.

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

Теперь, когда вы знаете плюсы и минусы дизайна диалоговых форм, вы готовы приступить к работе?

Создайте свою диалоговую форму

Как создавать диалоговые формы в Formidable Forms

Заинтересованы в разработке диалогового интерфейса для вашего сайта?

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

Надстройка Conversational Forms доступна с лицензией Formidable Forms Pro. После того, как вы установите его на свой сайт WordPress, вы сможете использовать конструктор Formidable Forms для создания диалоговых форм несколькими нажатиями кнопки.

В приведенном ниже примере вы увидите вкладку « Разговорные формы » в меню слева:

Создание диалоговых форм с помощью Formidable Forms

Оттуда вы просто нажимаете переключатель, чтобы включить режим разговорной формы.

Это все, что нужно, чтобы Formidable Forms создал диалоговую форму из любого вашего опроса или теста. Например, вот как может выглядеть форма регистрации пользователя, если вы используете этот тип дизайна:

Разговорная форма регистрации пользователя

Для простоты вы также можете встроить диалоговые формы на любую страницу, используя Formidable Forms . блок с помощью редактора блоков.

Просто, легко и эффективно.

И если вам нужна дополнительная информация, вы можете прочитать эту статью о том, как создать диалог формы в WordPress.

Более того, пользователи смогут переходить от вопроса к вопросу без необходимости загружать новые страницы, поскольку Formidable Forms использует JavaScript для создания дизайна.

Когда использовать дизайн разговорной формы

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

Пример дизайна транзакционной формы в сравнении с дизайном диалоговой формы

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

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

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

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

Вывод

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