Форма обратной связи дизайн: UX в формах обратной связи: как превратить лиды в конверсии

Содержание

UX в формах обратной связи: как превратить лиды в конверсии

 

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

 

Вам нравится заполнять формы? Наверняка, нет. Это не то, чего пользователь хочет от сервиса. Он хочет заказать билет, забронировать номер в отеле, купить вещь и так далее. Заполнение формы — это некое необходимое зло, с которым им приходится иметь дело. Почему же к формам такое негативное отношение?

 

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

 

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

 

В этой статье мы рассмотрим вопросы, которые чаще всего возникают у новичков-дизайнеров, ответим на них и дадим несколько советов о том, как повысить вовлеченность пользователей.

 

Нормально ли делать формы, состоящие из двух колонок?

 

Исследования, во время которых отслеживалась траектория взгляда пользователей, показала, что формы, состоящие из одной колонки, воспринимаются лучше. Почему? То, как мы скроллим сайт вниз, подобно тому, как мы заполняем формы: от верхней строки идем к нижней, сосредотачиваясь на содержимом. Форма с параллельными колонками может легко заставить пользователя потерять сосредоточенность. Чтобы сохранять визуальный поток и не прерывать вертикальную ориентацию, располагайте поля одно под другим в одной колонке. Конечно, все правила имеют свои исключения. Короткие или логично продолжающие друг друга поля можно ставить в ряд (номер телефона, город, страна).

 

 

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

 

 

Где размещать подсказки?

 

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

 

Расположение над полем

 

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

 

 

Расположение слева

 

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

 

 

Размещение внутри поля

 

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

 

 

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

 

Можно ли использовать плейсхолдер вместо подсказки?

 

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

 

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

 

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

 

 

Но, несмотря на недостатки, есть ситуации, в которых этот метод сработает. Например, подписка на новостную рассылку.

 

 

Как уменьшить когнитивную нагрузку формы?

 

Следите за пустым пространством

 

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

 

 

Сфокусируйте внимание на первой строке

 

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

 

 

Не используйте капс

 

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

 

 

Считаются ли кнопки частью UX формы?

 

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

 

Кнопка должна объяснять, какое действие будет совершать пользователь

 

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

 

Назовите кнопку так, чтобы она объясняла суть действия, а не просто говорила ОК. BettingExpert получили на 31,54% больше подписок просто написав на кнопке призыв к действию. Используйте призыв к действию вместо “Да” и “ОК”, потому что тогда кнопки обретут текст без объяснений и контекста. Помните, что ваш призыв к действию должен отражать намерения пользователя. Например, если это регистрация, напишите на кнопке “Зарегистрироваться”.

 

 

Отделяйте главные действия от второстепенных

 

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

 

 

Делайте акцент на кнопке

 

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

 

 

Как облегчить процесс заполнения форм?

 

Добавьте автозаполнение

 

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

 

 

Не забывайте о замаскированном вводе

 

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

 

 

Будьте изобретательны

 

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

 

 

Избегайте выпадающих меню, если есть только 2-3 опции

 

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

 

 

Проверяйте формы

 

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

 

Также, объясняйте все требования к данным и формату информации. Если пароль должен содержать 6 символов, говорите об этом. Не заставляйте пользователя угадывать. Сделайте процесс простым и понятным.

 

 

Позволяйте проверить информацию

 

Например, дав возможность видеть пароль. Также, если у вашего сервиса есть какие-то особые требования к паролям, скажите пользователям об этом прежде чем они начнут заполнять поле.

 

 

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

 

 

Позволяйте авторизоваться с помощью соцсетей

 

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

 

 

Влияет ли месторасположение пользователя на UX формы?

 

Да, помните о локальных различиях. Если сервис создан для двух и больше локаций (например, США, Европа и Азия), помните о том, что названия полей, подсказки и варианты ввода могут отличаться.

 

На что стоит обратить внимание:

 

  • У каждой страны есть свой формат номеров телефонов.
  • В США используется ZIP код, а в Европе — почтовый код.
  • Поле “Штат” нужно только для аудитории США.

 

 

Заключение

 

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

46 лучших практик дизайна онлайн форм

Вы недавно заполняли онлайн-форму?

Скорее всего, ответ – да. Согласно последним исследованиям, 84% людей заполняют как минимум одну веб-форму в неделю.

Но вы, возможно, не осознаете этого, потому что заполнение веб-форм стало почти неотъемлемой частью нашей жизни.

Фактически, почти каждое интерактивное взаимодействие, которое переводит пользователя из пункта А в пункт B, является онлайн-формой: связаться с компанией, заказать поезд, купить товар, забронировать отель…

Веб-формы впервые начали использоваться для онлайн-продаж в 1994 году, а в 2006 году на наших экранах появились первые drag-and-drop формы. С тех пор они стали основой онлайн-взаимодействий.

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

Так почему у онлайн-форм такая плохая репутация?

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

И в этом заключается проблема. Слишком много онлайн-форм чрезмерно длинные, запутанные или агрессивные (а иногда имеют все три минуса одновременно).

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

Проектируя формы, как мы можем быть уверены, что респонденты останутся с нами до последнего клика?

«Создать форму очень легко. Самое сложное – заставить людей заполнить ее».

Мы, в JotForm, помогаем нашим пользователям (которых у нас уже 4,2 миллиона) создавать онлайн-формы. И мы узнали, что, казалось бы, едва заметные изменения оказывают существенное влияние. Часто именно они отличают успешную форму от формы, которую отказались заполнять.

Например:

  • HubSpot обнаружил, что размещая 14-страничную форму привлечения потенциальных клиентов на отдельной целевой странице, шанс ее заполнения увеличивался на 17%.
  • Marketo установил, что несколько несущественных полей в их форме завысило cost per lead на 25%.

Проектируете форму? Сделайте ее интуитивно понятной, простой и дружелюбной. В этой статье я расскажу вам, как.

Основные компоненты формы

1. Приветствуйте своих респондентов: заголовок и введение

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

Заголовок и страница приветствия – это ваш шанс представить свою форму (и себя) понятным и дружелюбным образом и произвести хорошее первое впечатление.

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

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

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

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

Если для заполнения формы требуется значительное время, заранее предупредите об этом пользователей. Но, что, если форму можно «быстро и легко» заполнить? Пусть это будет для пользователей приятным сюрпризом (то есть не пишите об этом, иначе рискуете оскорбить чьи-либо умственные способности, если заполнение формы вызовет сложности у респондента). Пользователи сами увидят это, посмотрев на индикатор выполнения или количество полей формы.

2. Разместите связанные заголовки и подзаголовки

Любопытный факт: люди формируют первое впечатление за 50 миллисекунд. Спойлер: этого недостаточно, чтобы внимательно прочитать ваш текст.

Вероятно, респонденты будут бегло просматривать минимум текста и игнорировать все остальное. Скорее всего, они торопятся, отвлекаются или им просто не терпится покончить с этим.

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

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

Лучший способ проверить это – прочитать заголовки изолированно – сохраняют ли они при этом смысл?

3. Разбейте вопросы разделителями

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

4. Решите, будете ли вы использовать многостраничную или одностраничную форму

Это зависит от количества разделов.

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

5. Выделите призывы к действию (CTA)

Успешные призывы к действию подчеркивают часть ДЕЙСТВИЯ: что пользователь будет ДЕЛАТЬ, нажав эту кнопку? Общие метки, такие как «Отправить», «Подтвердить» или «Обработать», не помогут. Чем описательнее метка, тем лучше.

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

Нужно подтверждение? В этом исследовании, Unbounce обнаружил, что просто изменив призыв со «start your free trial» на «start my free trial», можно увеличить количество кликов по призыву к действию на 90%.

6. Определите поля формы

Не время изощряться…

Radio buttons, поля выбора и флажки работают, потому что они просты и знакомы. Стандартное форматирование элементов формы соответствует лучшему юзабилити.

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

Где возможно, используйте флажки и radio buttons, а не раскрывающиеся списки, так как они вызывают меньше когнитивной нагрузки для обработки. Как однажды заметил Люк Вроблевски: «Выпадающие списки должны быть крайней мерой интерфейса».

7. Никогда не забывайте о странице «Спасибо»

Помните, что ваши респонденты – люди, которые уделили вам немного времени. Так что не заканчивайте форму внезапно. Всегда говорите спасибо.

Как писать, чтобы люди вас слушали

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

8. Говорите на простом языке

Когда дело доходит до форм, мы все предпочитаем простой язык – даже ученые, гении и эксперты. Так почему же так много текстов в Интернете звучат неестественно?

«Примите наши искренние извинения. Тем не менее, мы хотели бы знать ваше мнение. Более того…»

Если вы будете писать, как ваш старый профессор колледжа, это оттолкнет читателей.

Простое не означает глупое – это значит читабельное. Пишите на простом языке, максимально ясно выражая свои мысли. Каждое слово должно быть самой короткой, самой простой доступной версией – это означает «но» вместо «однако». Никакого жаргона, никаких сложных предложений.

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

9. Сделайте ее личной

Форма должна выглядеть как дружеская беседа между вами и респондентом. Сделайте ее персонализированной, используя такие местоимения, как «я», «вы» и «ваш».

10. Избегайте пассивного залога

Старайтесь писать в активном залоге (Джон написал письмо), а не пассивном (письмо было написано Джоном).

Предложения с пассивным залогом, как правило, более длинные и менее сфокусированные.

Как вы можете определить, является ли предложение пассивным? Вот два примера:

  • Субъект, выполняющий действие, неясен (A letter was written – Письмо было написано)
  • В предложении используется глагол «to be» (has been, was…), за которым следует причастие (например, «written»).

Все еще не уверены? Вы можете проверить наличие пассивного залога с помощью Readability Statistics от Microsoft Word или Paramedic Method от Purdue.

11. Уберите как можно больше слов

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

«За каждое слово, которое вы убираете, вы получаете читателя».

Текст станет более последовательным, более привлекательным и более точным после тщательной проверки на наличие ненужных слов.

Варианты для сокращения:

Наречия (слова, оканчивающиеся на —ly).

Бессмысленные классификаторы (a lot, a great deal).

Пустые усилители (very, quite, rather, really).

Слово «that».

Несущественная информация.

Неопределенные слова (thing, few, many).

12. Используйте сокращенные версии слов

Использование сокращенных версий слов (например, can’t, isn’t) вместо их серьезных, более официальных альтернатив (cannot, is not) обеспечивает тексту легкость, дружелюбность и разговорную манеру.

Кроме того, вы экономите место. А хорошие формы всегда обширны.

What’s > what is. Так проще.

13. Дробите длинные предложения

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

Для большинства читателей оптимальный вариант до 20 слов в предложении. И до трех предложений в каждом абзаце. Короткие предложения ничем не хуже длинных.

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

14. Вычитывайте текст

За время пока, я веду блог, я узнал, что хороший копирайтинг – это 30% сочинения и 70% редактирования.

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

Психология форм

Большинство принципов UX-психологии настолько укоренились в нашей психике, что мы их попросту не замечаем.

Но каждый цвет, шрифт, линия и кнопка служат определенной цели.

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

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

15. Сравните затраты и выгоды

Каждое решение, которое мы принимаем проходит через наш автоматический анализ затрат и выгод. Стоят ли затраты на задачу выгоды от ее выполнения?

Работа дизайнера состоит в том, чтобы гарантировать, что ощутимые выгоды всегда перевешивают затраты.

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

Ряд ключевых стратегий для минимизации затрат ваших респондентов:

16. Разбейте текст на куски

+1-919-555-2743 против 19195552743.

Какой номер телефона запомнился? Первый, конечно. Это потому, что он был поделен на куски.

Разделение информации на куски – это удобный метод запоминания: мы используем его для PIN-кодов банковских карт, номеров социального страхования и кодов шкафчиков. Упорядочение информации в «порции», облегчает ее хранение, обработку и повторное использование.

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

17. Определите требования к форматированию

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

Закон Хика

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

Применительно к UX, закон Хика сводится к преднамеренному исключению: ограничение выбора навигации и предоставление пользователям четких, но ограниченных вариантов. Однако, поскольку гибкость дизайна увеличивается, его юзабилити снижается.

Меньше на самом деле значит больше.

Способы применения закона Хика на практике:

18. Безжалостно урезайте форму

Какой цели служит эта ссылка? Или эта кнопка в правом верхнем углу? Каждое слово текста, каждое изображение, которые не нужны на 100%, уменьшат коэффициент конверсии вашей формы.

Neil Patel смог увеличить частоту отправки контактных форм на 26%, просто удалив одно поле.

Как однажды сказал Трумэн Капоте: «Я верю в ножницы больше, чем в карандаш».

19. Уменьшите необходимость печатать

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

20. Сократите свою форму исходя из логики

По данным Marketing Insider Group, 78% интернет-пользователей говорят, что лично релевантный контент от брендов увеличивает их намерение покупки. А рекламные кампании на 83% менее эффективны, когда опыт не имеет значения для пользователя.

Условная логика (или «логика ветвления») упрощает сложные процессы, допуская дополнительные инструкции, основанные на конкретном ответе. В контексте формы респондент будет видеть только те вопросы, которые относятся к нему на основании его предыдущих ответов.

Поэтому замечательно, что у нас есть условная логика!

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

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

Теория двойного кодирования

Я говорю: дерево.

Вы представляете: ствол, зеленые листья, ветки.

Наш мозг настолько умный, что ассоциирует визуальные эффекты со словами.

Это ключевой принцип теории двойного кодирования, который гласит, что память имеет две разные, но связанные системы: одну для вербальной информации («дерево»), а другую для визуальной информации (ствол, зеленые листья, ветви).

Когда что-то «закодировано» двумя способами (визуальным и вербальным), существует более высокая вероятность того, что пользователь это поймет и запомнит, чем если бы оно было закодировано только одним способом.

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

21. Визуализируйте информацию

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

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

22. Продумайте цвета

Знаете ли вы: 90% нашего первоначального суждения о продукте основаны только на цвете?

Фактически, по словам маркетингового гуру Neil Patel, цвет – это «85% причины, по которой вы приобрели конкретный продукт». Правильная комбинация может увеличить аудиторию читателей на 40%, понимание на 73%, и обучение на 78%.

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

23. Сделайте свою форму красивой

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

38% людей перестанут взаимодействовать со страницей, если ее содержание или макет непривлекательны. Другими словами, если ваши веб-формы не выглядят красивыми (и их сложно заполнять), то для пользователя их заполнение – это пустая трата времени.

Конечно, понятие красоты субъективно. Но простой интерфейс, четкий шрифт и элегантный стиль сыграют вам на руку.

Эффект обеспеченного прогресса

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

Это известно, как «Эффект обеспеченного прогресса», который американские профессора Joseph C. Nunes и Xavier Dreze сформулировали, как «феномен, посредством которого люди, с искусственным прогрессом продвижения к цели, проявляют большую настойчивость в достижении этой цели».

Некоторые примеры применения эффекта обеспеченного прогресса к формам:

24. Задавайте вопросы от простого к сложному

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

25. Проиллюстрируйте прогресс

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

Исследование от Clutch подтверждает, что 90% людей предпочитают веб-формы, которые используют индикаторы выполнения, чтобы управлять своими ожиданиями относительно времени завершения.

Вопросы, ответы и группировка

26. Продумайте вопросы

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

Итак, ваш первый вопрос: какова цель вашей формы? Обучение? Обратная связь? Исследование?

Запишите знания, которые вы надеетесь получить из формы, как можно точнее. Сформулируйте это в виде вопросов (с вопросительным знаком в конце) вместо отдельных мыслей. Не торопитесь с формулировкой этих вопросов, если надо начните все заново.

Затем запишите возможные ответы.

И, наконец, продумайте вопросы, которые приведут вас к этим ответам.

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

Этот процесс также поможет вам разработать дизайн и сэкономит ваше время.

Наука полей

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

Теперь спросите себя: действительно ли вам нужно задавать этот вопрос?

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

Да, ответ на этот вопрос может быть важным. Но настолько ли важным, что из-за этого стоит потерять респондента?

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

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

27. Правильно сгруппируйте вопросы

Структурирование онлайн-форм является ключом к успеху.

После обдумывания, сокращения и уточнения окончательного списка вопросов самое время их организовать. Расположите их в группы и подгруппы с «тематическим» заголовком, который объединяет их, например, контактные данные, опыт работы и т. д.

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

28. Определите логическую последовательность вопросов

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

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

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

29. Определите что обязательно, а что желательно

Лучше всего ограничивать форму только обязательными вопросами. Необязательные вопросы излишне удлиняют форму и раздражают пользователя: «Откуда вы узнали о нас?», «Хотели бы вы получать рекламную рассылку?»

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

30. Спросите одну вещь за раз

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

Избегайте вопросов, содержащих союз «и / или». Разбейте вопрос пополам.

Чем яснее вопрос, тем яснее ответ. Чем яснее ответ, тем яснее данные.

31. Упростите работу пользователя

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

Примеры сокращения пути:

Поиск по почтовому индексу

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

Плейсхолдер

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

Метка поля

Метка поля – это текст вопроса, который находится над полем. Они должны всегда присутствовать и не должны заменяться плейсхолдерами. Соблазнительно освободить место, продублировав метку в плейсхолдере, но это вызывает много проблем юзабилити (кратко изложено здесь).

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

Предопределенные ответы

Все любят предопределенные ответы. Они экономят время пользователя, и их легко оценить.

Вы можете заранее определить ответы, задавая вопросы «Да / Нет», один выбор (radio button) или множественный выбор (флажок). Если есть ответ, который вы не можете предсказать, добавьте текстовое поле «Другое», чтобы пользователи могли ввести собственный вариант ответа.

Предсказуемый поиск

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

Аудитория, цель и контекст формы

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

Формы являются средством общения. В котором участвуют две стороны.

Поэтому при разработке формы вам также нужно думать с точки зрения пользователя … И это начинается с цели пользователя и контекста.

Почему кто-то должен заполнить вашу форму? Какова их цель? Запиши это.

Цель встроена в контекст, поэтому сделайте контекст конкретным. Где и как они заполняют форму? Дома? На ноутбуке? На мобильном телефоне? В метро?

Контекст – это не просто среда. Речь идет о том, чтобы пользователи понимали, чего может достичь ваша форма, с их помощью.

32. Знайте, с кем говорите

Форма должна привлекать внимание правильной аудитории. Так, из кого состоит эта аудитория?

Не думайте о широкой, неопределенной массе людей. Сосредоточьте свое внимание на одном человеке или «персонаже покупателя». Он скажет вам больше, чем любая другая группа.

Представьте себе выдуманного идеального клиента с работой, личностью, семьей, надеждами и мечтами. Ориентируйтесь на этого человека. Где он живет и работает? Каково его мнения и ценности? Как он связан с вашим бизнесом?

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

Это тот человек, к которому вам нужно возвращаться. Это человек, чьи ответы вам нужны.

Визуальные эффекты и структура формы

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

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

Каков имидж вашей компании? Какие фразы и слова передают его? Каковы ваши ценности?

В JotForm, мы стремимся быть открытыми, дружелюбными и практичными – и язык, который мы используем, отражает это.

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

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

33. Выравнивайте метки по левому краю

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

34. Старайтесь не размещать вопросы рядом.

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

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

35. Попробуйте метод одна вещь на страницу

Одна вещь на страницу – это психологическая техника, определяемая как:

«Разбивка сложного процесса на несколько более мелких частей, и размещение этих меньших частей на отдельных экранах».

По сути, пользователям нужно сосредоточиться только на одной важной вещи.

  • Одно сообщение для понимания.
  • Одно решение для принятия.
  • Один вопрос для ответа.

Упорядоченная страница поощряет пользователей заполнять форму.

36. Используйте длину полей, в качестве аффорданса

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

Размер поля должен отражать объем текста, который должен ввести пользователь. Такие поля, как почтовый индекс или номер дома, должны быть короче адресной строки.

Исследование юзабилити института Baymard показало, что, если поле слишком длинное или слишком короткое, пользователи начинают задумываться, правильно ли они поняли метку. Особенно, когда это поля с необычными данными или технической меткой, например, CVV (код проверки карты).

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

Ошибки и путь к завершению в дизайне формы

Как и в жизни, можно ошибиться при заполнении форм.

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

37. Не полагайтесь только на цвет

1 из 12 человек страдает дальтонизмом.

При отображении проверки ошибок или сообщений об успешном заполнении поля не полагайтесь на использование зеленого или красного текста (поскольку красно-зеленая цветовая слепота встречается относительно часто). Используйте текст, иконки или что-то еще. JotForm Cards предупреждает пользователя с помощью микро-анимации, которая встряхивает слово «Нет», если была совершена ошибка.

38. Укажите ошибки в строке

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

Если вам необходимо использовать проверку, убедитесь, что она встроена (справа от поля) и сообщает об ошибках на ранней стадии.

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

39. Используйте проверку поля

Вы запрашиваете адрес электронной почты и получаете ответ без знака @. Вы запрашиваете номер телефона, и половина ваших ответов не содержат достаточно цифр.

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

Используйте «проверку поля» (field validation), чтобы убедиться, что вы получите ответы, которые вам нужны. Например, «Ответ должен содержать ___».

JotForm Cards сохраняет адрес электронной почты пользователя, который неправильно ввел доменное имя; [email protected] вместо [email protected].

40. …но не будьте слишком строги

Если существует много различий в формате ответа пользователей на определенное поле (например, в поле «Номер телефона»: +12345678912, +44 12345678912, 012345678912), преобразуйте их в согласованный формат.

Все о формах оплаты

Что такое форма оплаты?

Форма оплаты – цифровая версия кассы. Она авторизует онлайн-платежи, проверяет данные пользователя, проверяет наличие средств и гарантирует, что вам заплатят.

Интеграция платежей имеет много преимуществ. Они помогают вам

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

Когда дело доходит до проектирования формы оплаты, важно следовать передовой практике. Вот несколько ключевых правил.

41. Ограничьте количество этапов оплаты

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

42. Используйте визуальные индикаторы безопасности

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

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

Полезно будет добавить SSL в ваши формы для защиты данных. Посетители будут спокойны, зная, что все взаимодействия зашифрованы. JotForm – это наиболее безопасный способ передачи данных: он соответствует 1 уровню стандарта безопасности платежных карт (PCI DSS) и использует SSL.

43. Четко объясните, почему вы запрашиваете конфиденциальную информацию

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

44. Сохраните данные

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

45. Как добавить интеграцию оплаты с помощью JotForm

Шаг 1: Добавьте логотип вашего бренда и кастомные стили.

Шаг 2: Введите учетные данные интеграции с помощью кнопки «Connect» или введите их напрямую.

Шаг 3: Добавьте изображение товара, и такие детали, как количество, цвет, размер.

Шаг 4: Учет купонов, налогов и доставки.

Вы можете использовать интеграцию заказа, чтобы проверить детали и опции для создания универсального поля оплаты (для этого не нужны никакие учетные данные, потому что это не создает реальную транзакцию). Вы можете ознакомиться с руководством по интеграции Sofort, в качестве примера, чтобы пройти весь процесс оплаты.

Шаг 5: Напишите текст персональных благодарственных писем, которые будут автоматически рассылаться.

Все готово. Теперь вы можете легко продавать свои продукты на веб-сайтах, в блогах или социальных сетях.

Когда вы закончили форму …

Ура, готово! Почти. Ваша форма может быть заполнена, но пока не время отправлять ее …

Есть несколько заключительных шагов, которые нужно учесть.

46. Протестируйте свою форму перед тем, как поделиться

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

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


Перевод статьи Aytekin Tank

Обзор бесплатных и красивых форм обратной связи WordPress с капчей • WILHARD.RU

Я люблю простые и красивые вещи. Мне понадобилась красивая форма обратной связи для моего WordPres- блога, но те формы (contact forms), которыми я пользовался (это самая популярная Contact Form 7 и Jetpack Contact Form), к сожалению, некрасивы. А тратить время на их дизайн совсем не хочется. Поэтому я решил найти готовую стильную форму обратной связи и чтобы обязательно с капчей, иначе завалят спамом. Таким образом, у меня была очень простая цель – найти форму обратной связи WordPress, которая удовлетворяет следующим требованиям:
  • наличие капчи,
  • бесплатность,
  • стильная, красивая.

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

Популярная, бесплатная, понятная, но некрасивая форма обратной связи, слишком простая, а дополнительных готовых дизайнов нет. Есть Recapcha Google. Платная версия, которая стоит от $49, позволяет интегрировать контактную форму в сервисы почтовых рассылок, подобных Aweber, позволяет принимать платежи и многое другое. Эту контактную форму американский wpbeginner.com расхваливает как самую лучшую, но я бы так не сказал.

Никакого спама! Можно отписаться в любой момент.

 

Сложнее в настройке, чем WpForms, но симпатичнее. Есть капча, но она не отображалась у меня. Дизайн формы обратной связи средний.

 

Форма обратной связи от создателей WordPress, при активации в редакторе появляется кнопка Add Contact Form. Нет капчи, приходит очень много спама! Некрасивая.

 

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

 

Эта форма обратной связи мне не понравилась дизайном – некрасивая!

 

Бесплатная, есть много красивых шаблонов форм обратной связи. Реальный кандидат! Но у меня не получилось настроить ReCaptcha, поэтому не стал использовать.

 

Некрасивая форма обратной связи! Очень ограниченный функционал – ничего нет…

 

Некрасивая! Очень ограниченный функционал формы обратной связи – ничего нет…

 

Это обычная форма обратной связи со стандартным дизайном, но что-то в ней меня зацепило, если не найду ничего приличного, то можно попробовать использовать ее. Есть интеграция ReCaptcha Google.

 

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

 

В этой форме обратной связи нет стильных дизайнов, но базовый дизайн более или менее приемлемый, поэтому я стал использовать ее.

 

Таблица с обзором плагинов форм обратной связи WordPress

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

Плагин Кол-во активных установок Кол-во отзывов Средняя оценка Мои впечатления
WpForms Lite 200 000 600 5 Популярная, бесплатная, понятная, но некрасивая. Recapcha Google. Платная версия, которая стоит от $49, позволяет интегрировать контактную форму в сервисы почтовых рассылок, подобных Aweber, позволяет принимать платежи и многое другое. Эту контактную форму американский wpbeginner.com расхваливает как самую лучшую, но я бы так не сказал.
 Caldera Forms  70 000 250  4.5 Сложнее в настройке, чем WpForms, но симпатичнее. Есть капча, но она не отображалась у меня. Дизайн средний.
Jetpack Contact Form 1 000 000 1 400 4 От создателей WordPress, при активации в редакторе появляется кнопка Add Contact Form. Нет капчи, приходит очень много спама! Некрасивая.
Contact Form 7 3 000 000 1 200 4.5 Самая популярная и навороченная, богата функциями и настройками, но некрасивая – надо тратить время на дизайн.
Fast Secure Contact Form 400 000 500 4.5 Некрасивая
Form Maker by WD 90 000 500 4.5 Бесплатная, есть много красивых шаблонов форм. Реальный кандидат! Но у меня не получилось настроить ReCaptcha.
 Contact Form & SMTP Plugin by PirateForms 200 000  30 4.5  Некрасивая! Очень ограниченный функционал – ничего нет…
 Contact Form by BestWebSoft 200 000 300 4  Некрасиво!
 Ninja Forms 900 000 800  4.5 Это обычная форма со стандартным дизайном, но что-то в ней меня зацепило, если не найду ничего приличного, то можно попробовать использовать ее. Есть интеграция ReCaptcha Google.
 Huge-IT Forms  30 000  70  4.5 Можно для одной и той же контактной формы менять темы оформления с разными дизайнами. Дизайны симпатичные, есть капча. Только вот у меня в админке верстка плагина расползалась, если не обращать внимания на это, то достойный претендент.
Formidable Forms 300 000 200 4.5  В этой форме нет стильных дизайнов, но базовый дизайн более или менее приемлемый, поэтому я стал использовать ее.

Выводы: лучшая форма обратной связи WordPress

Честно сказать, я не нашел то, то что искал. Из одиннадцати рассмотренных самых популярных форм обратной связи только две контактные формы имеют красивые шаблоны дизайнов: Form Maker by WD и Huge-IT Forms. Но на первом у меня не установилась капча, а на втором расползалась верстка в админке. Похоже, разработчиков не беспокоит дизайн и поэтому все остальные формы обратной связи идут без дизайна, и поэтому некрасивые, и вам придется самостоятельно настраивать дизайн, правя CSS.

Тем не менее я выбрал форму обратной связи Formidable Forms, так как она все-таки имеет хоть базовый (чуть-чуть разработчик подправил!), но стильный дизайн, имеет reCaptcha и бесплатна. У меня все заработало сразу же!

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

Форма обратной связи для любого приложения Webasyst

Собирайте заявки клиентов с сайта, магазина, блога

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

Гибкая форма

Возможность создавать поля разных типов, делать их обязательными, прописывать заголовки и placeholder полей

Кастомизация

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

Уведомление по смс и email

Поддержка плагинов уведомлений по sms. Возможна отправка уведомлений на несколько телефонов и почтовых адресов

Плавающая кнопка

Отображение плавающей кнопки вызова формы на всех страницах сайта

Определение геолокации

Определение геолокации пользователя по его ip-адресу

Яндекс.Метрика и Google.Analytics

Простое добавление целей через настройки темы дизайна на открытие формы, отправку и ошибку отправки

Управление заявками

Возможность фильтрации заявок в админ. панели по дате, периоду, статусу

Поддержка и обновления

Бесплатные обновления приложения, стандартной темы дизайна, поддержка в рамках соглашения

В приложении можно добавить капчу Webasyst или GoogleRecaptcha. Отображаемая капча зависит от настроек Фреймворка.

Вывод формы на всех страницах

Добавьте хелпер в файл index.html вашей темы дизайна, перед </body>.


{$wa->easyfeedback->dialog()}

Вы можете добавить любому элемент на сайте класс easyfeedback-modal-toggler или ссылку #easyfeedback-modal для элемента a, чтобы при клике на них открывалось диалоговое окно.

Вывод формы в любом месте

Добавьте хелпер в нужно место шаблона или на страницу сайта.


{$wa->easyfeedback->show()}

Настройка целей Яндекс.Метрики и Google.Adwords

Цели настраиваются в приложении Форма обратной связи -> Дизайн -> Оформление.

Как дизайнерам работать с обратной связью — Дизайн на vc.ru

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

{«id»:56601,»type»:»num»,»link»:»https:\/\/vc.ru\/design\/56601-kak-dizayneram-rabotat-s-obratnoy-svyazyu»,»gtm»:»»,»prevCount»:null,»count»:5}

{«id»:56601,»type»:1,»typeStr»:»content»,»showTitle»:false,»initialState»:{«isActive»:false},»gtm»:»»}

{«id»:56601,»gtm»:null}

2162 просмотров

illustration by Ouch.pics https://icons8.com

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

Как выглядит плохая обратная связь

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

Подобную критику нужно смело игнорировать, не поддаваясь на соблазн вступить в дискуссию. Кроме того, плохая обратная связь:

  • Субъективна — “Мне не нравятся эти градиенты на фоне”. Субъективная оценка должна оставаться вне дискуссии. Ее обсуждение не имеет смысла и дизайнер не обязан ничего с этим делать.

  • Фокусируется на решении, а не проблеме — “Используй постраничную навигацию вместо Load More”. Прежде чем обсуждать само решение, стоит разобраться с теми проблемами, которые оно решает, и другими вводными данными.

  • Содержит переход на личности — “Очень плохо. И тебе такое нравится?”. Использовать такие формулировки токсично и непрофессионально.

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

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

Немного про редизайн

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

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

Сентимент отзывов на Instagram в App Store после обновления логотипа и приложения Appbot

Средний рейтинг Instagram в App Store обвалился с 3,1 до 2,4 через неделю после их редизайна и смены логотипа, а отзывы были полны негатива по отношению к UX, иконкам и «скучному интерфейсу». Помните старое приложение? Оно выглядело вот так.

{ «osnovaUnitId»: null, «url»: «https://booster.osnova.io/a/relevant?site=vc&v=2», «place»: «between_entry_blocks», «site»: «vc», «settings»: {«modes»:{«externalLink»:{«buttonLabels»:[«\u0423\u0437\u043d\u0430\u0442\u044c»,»\u0427\u0438\u0442\u0430\u0442\u044c»,»\u041d\u0430\u0447\u0430\u0442\u044c»,»\u0417\u0430\u043a\u0430\u0437\u0430\u0442\u044c»,»\u041a\u0443\u043f\u0438\u0442\u044c»,»\u041f\u043e\u043b\u0443\u0447\u0438\u0442\u044c»,»\u0421\u043a\u0430\u0447\u0430\u0442\u044c»,»\u041f\u0435\u0440\u0435\u0439\u0442\u0438″]}},»deviceList»:{«desktop»:»\u0414\u0435\u0441\u043a\u0442\u043e\u043f»,»smartphone»:»\u0421\u043c\u0430\u0440\u0442\u0444\u043e\u043d\u044b»,»tablet»:»\u041f\u043b\u0430\u043d\u0448\u0435\u0442\u044b»}} }

Как запрашивать обратную связь

Важное условие получения полезной обратной связи – создание среды, в которой люди могут свободно и безбоязненно выражать собственные мысли. Кроме того, осмысленная критика дизайна требует времени на создание, поэтому особенно важно донести ее ценность.

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

Обозначьте задачу, которую вы решаете

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

Больше слушайте и меньше говорите

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

Задавайте уточняющие вопросы

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

Предоставьте достаточно времени

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

Будьте вежливы

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

Подготовьте примеры и альтернативы

Если у вас есть сомнения, касаемо какого-то решения и разные идеи – лучше отрисовать каждое из них и наглядно показать, чем обсуждать «на пальцах». Наше воображение работает далеко не так хорошо, как нам порой кажется. А обсуждая альтернативные решения постарайтесь сузить выбор до минимума. Гораздо проще проще выбрать из двух цветовых схем, чем рассуждать, какой цвет подошел бы лучше.

illustration by Ouch.pics https://icons8.com

Design Critique

В зрелых компаниях существует специальные сессии, посвященные сбору обратной связи по проекту, которые называются Design Critique.

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

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

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

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

Что дальше?

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

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

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

Разработка формы обратной связи — webfocus.spb.ru

Разработка обратной связи — комплекс мероприятий, который повышает юзабилити веб-сайта, оперативность и уровень обслуживания.

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

Почему вашему сайту необходима обратная связь

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

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

Приоритет профессионального подхода

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

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

Функции формы обратной связи

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

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

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

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

Визуальное оформление формы обратной связи

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

Лаконичность и простота

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

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

Акцентирование внимания

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

Минимизирование обязательных пунктов

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

Стильный дизайн

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

Укрепите доверие посетителей и улучшите качество сервиса!

Оставить заявку

Алгоритм работы

  1. Брифинг, изучение рода деятельности клиента, анализ бизнеса и веб-ресурса. Сбор информации о целевой аудитории. Составление детального ТЗ.
  2. Создание эскизов, генерация вопросов, выявление ключевых параметров.
  3. Разработка обратной связи. Адаптация формы под конкретные требования проекта. Упор на доступность и функциональность с практической точки зрения.
  4. Тестирование, пробный запуск на сайте и аналитика результатов. Корректировки при необходимости.
  5. Согласование и сдача проекта.
  6. Наши разработчики создают максимально действенный и функциональный интерактивный инструмент для получения обратной связи, повышения качества сервиса и услуг.

Сотрудничество с «Веб Фокус» — это грамотные инвестиции

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

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

  • Профессиональный подход и опытность
    • Сотрудники компании «Веб Фокус» — это сертифицированные специалисты, которые регулярно повышают квалификацию.
  • Прозрачное ценообразование
    • Стоимость услуг рассчитывается за затраченные часы работы профильного сотрудника.
  • Внимательность и надежность
    • Наши разработчики внимательно относятся к пожеланиям заказчика и тщательно следуют пунктам ТЗ. Мы завершаем проекты в срок.

Результативная разработка обратной связи с клиентами влияет на рост качества сервиса и бренда. Если вам нужна действенная обратная связь с клиентами, создайте форму уже сегодня!

Оставить заявку

Чем отличаются хорошие формы для сайта от плохих? 5 тестов • Блог LeadGenic.ru

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

Пять тестов, которые покажут недостатки Вашей формы.

1. Проверяем структуру формы

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

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

2. Проверяем расположение надписей в формах на сайте

Задумывались ли Вы создавая формы для сайта, насколько важную роль играет элементарное расположение подписей? Оптимальным расположением надписей считается место над полем для ввода текста. Размещая подписи слева или справа от полей – Вы заставляете пользователя терять фокусировку и путаться в полях. Отдельным пунктом можно выделить такое понятие, как placeholder, или надписи внутри полей. «Плейсхолдеры» можно комбинировать со стандартными подписями или использовать их без последних. Из недостатков можно назвать порой некорректное отображение placeholder в разных браузерах. Также, распространенным недостатком считается проблема, когда пользователь кликнул на поле, отошел пить кофе или отвлекся и вернувшись за ПК не может понять, что именно он должен вводить (смотрите скриншот). Также, проблемы с placeholder часто возникают у пользователей мобильных устройств. Если Вы создаете лендинг или мобильную версию сайта – рекомендуем заменить placeholder на подписи.

 

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

3. Количество полей в форме

Есть простая истина – используй столько полей, сколько это необходимо. Скажем так, конверсия напрямую зависит от количества полей, но порой стоит добавить одно дополнительное поле, чем недополучить важную информацию от клиента. Ниже мы привели график конверсии, в зависимости от количества полей в форме. Наибольшую эффективность показывают формы с тремя и пятью полями. Каждое последующее (после пятого) поле снижает конверсию почти на 20%. Разрабатывая форму, определите наиболее важную информацию и постарайтесь обеспечить ее избыточность, при ограниченном количестве полей.

4. Проверяем заполненные формы и помогаем пользователю

Создавая форму для сайта и позаботившись о проверке на ошибки при ее заполнении – Вы сможете обеспечить себе дополнительные 10% клиентов. Именно такое количество лидов делает ошибки в номере телефона, e-mail адресе и пр. Для контроля правильности заполнения форм есть множество библиотек. Отдельно хочется выделить библиотеку jQuery Inputmask, пример работы которой Вы увидите на скриншоте.

5. Хороший дизайн – наше все

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

Исключение из правил или зачем делать ужасные формы для сайта?

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

В данном примере, настройки e-mail сообщений искусно спрятаны под кнопкой.

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

Надеюсь рекомендации из этой статьи помогут вам улучшить ваши формы и тем самым повысить конверсию вашего сайта или лендинга.

Редизайн формы обратной связи Usabilla | Гал Агмон | Любопытство от дизайна

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

Например, я часто пользуюсь Europcar. Во время недавней поездки по Италии я зашел на их сайт и смог нажать кнопку обратной связи Usabilla и увидеть свой дизайн! Я всегда рад видеть форму, которая соответствует внешнему виду их бренда.

Форма обратной связи Europcar с новым дизайном

Я также большой поклонник MailChimp для моих личных проектов. У них потрясающая реализация новой формы обратной связи Usabilla. Форма обратной связи

Mailchimp с новым дизайном

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

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

Вызов принят!

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

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

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

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

Унификация и индивидуальная настройка

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

Звучит достаточно просто, правда? Так почему же это было таким огромным испытанием?

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

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

Предыдущий дизайн формы обратной связи Usabilla

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

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

Новое микровзаимодействие со смайликами Usabilla

Мы позаботились о том, чтобы смайлики были понятны во всем мире, поскольку мы работаем в 139 странах. То, что кажется «злым» в одной культуре, может быть совершенно другим в другой.

Наконец, смайлики должны работать во всех цветах, которые соответствуют бренду клиента.

Новые смайлики Usabilla адаптируются к дизайну любого бренда

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

Вызов 1: Новый дизайн должен был обслуживать более 450 клиентов и соответствовать уникальным потребностям каждого бренда.

Решение: принципы проектирования цвета, шрифта и стиля.

Цвета

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

Различные варианты настройки в соответствии с брендом клиента

Шрифты и размер

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

Стиль

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

Чтобы достичь идеального баланса между слишком большим количеством анимации (есть такая вещь, и она может быть очень разрушительной!) и пресной, неинтересной анимацией, я определил некоторые принципы и индивидуальность поведения анимации.

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

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

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

Проблема 2: Дизайн должен был соответствовать передовым методам доступности для каждого элемента новой формы обратной связи.

Решение. Рассмотрите и обновите установленные принципы доступности в начале каждого нового проекта.

Мы в Usabilla считаем, что все пользователи должны иметь возможность оставлять отзывы о своем цифровом опыте, как и наши клиенты, а это означает, что нам нужно, чтобы наша платформа и наши формы обратной связи были максимально доступными. В конце концов, нельзя быть по-настоящему клиентоориентированным, исключая 15% населения мира.

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

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

Задача 3: При работе с клиентами по всему миру и ежедневной обработке более 500 миллионов отзывов адаптация имела решающее значение.

Решение: Акцент на согласованность, скорость отклика и RTL-чтение.

Поддержание согласованности

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

Вы можете подумать: подождите, что? Позволь мне объяснить.Наши клиенты обладают достаточной гибкостью в разработке своих форм обратной связи, выбирая, какие элементы они хотят включить в свои различные каналы. Элементы включали оценку настроения и звездный рейтинг, NPS и оценку рейтинга, теги, поле ввода текста, раскрывающийся список, переключатель, флажки и многое другое. Мне нужно было помнить о взаимосвязях между различными элементами в форме обратной связи и о том, чем отличаются формы в приложениях и на десктопах, чтобы все работало вместе.

Микровзаимодействия при выборе Net Promoter Score

Обратите внимание на микровзаимодействия.Тонкая, но игривая анимация добавляет вовлечённости и плавности в оставленный отзыв.

Оперативность

Программное обеспечение Usabilla используется более чем 450 брендами по всему миру. Это означает, что наш продукт должен работать с самыми разными типами браузеров или цифровыми интерфейсами. Вспомните Mozilla Firefox, Google Chrome, Edge, Internet Explorer, Safari и другие. Форма должна быть чрезвычайно отзывчивой к различным цифровым средам. Для дизайнера это желанная задача, поскольку она представляет новый набор цифровых принципов, которым нужно следовать.

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

Форма обратной связи на иврите

Форма обратной связи — это место, где Usabilla встречается «лицом к лицу» с конечными пользователями, позволяя им оставить свои мысли, мнения и идеи для брендов, которыми мы являемся клиентами. Я был так взволнован тем, что взялся за этот проект и разработал еще лучшую форму обратной связи, которая облегчила сбор обратной связи. Новая форма существует уже 2 года!

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

Если вы являетесь клиентом Usabilla и еще не обновили форму обратной связи до новой темы, свяжитесь с вашим CSM, чтобы принять участие!

Чтобы прочитать больше блогов из серии User-Centric Mindsets Series , нажмите ниже.

Это часть 3 серии Mindsets Mindsets (Read Part 1 , 2 и и 4 ).

13 вопросов, которые необходимо задать перед разработкой формы обратной связи с клиентами

Время прочтения: 5 минут

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

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

13 Вопросы, которые необходимо задать перед разработкой формы обратной связи с клиентами

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

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

1. Почему вам следует использовать шаблоны форм обратной связи?

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

2. Как оформить форму обратной связи?

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

  • Сохраняйте достаточно места: Вставляя достаточное количество пробелов между вопросами, лаконичная и легко читаемая форма обратной связи будет вдохновлять и привлекать клиентов.
  • Easy Language: Формулируйте вопросы на простом языке, чтобы любой человек с базовыми знаниями языка мог дать свой отзыв.
  • Количество вопросов: Клиенты, как правило, отказываются отвечать на вопросы, если их несколько страниц. Чтобы привлечь внимание пользователя, чем меньше вопросов, тем лучше.
  • Шаблоны форм обратной связи: Существует несколько шаблонов форм обратной связи, которые можно адаптировать для удовлетворения потребностей клиентов.
  • Показатель достижения целей: Это дает нам представление о количестве посетителей, которые полностью, частично или полностью не достигли своих целей в приложении или на веб-сайте.

3. Где следует использовать показатель достижения целей?

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

Также прочтите: 10 Пример лучшего опроса об удовлетворенности клиентов

4.Какие последующие вопросы следует задать?

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

  • Оценка усилий клиента: Указывает, сколько усилий пришлось приложить клиенту для достижения своих целей.

5.Зачем использовать оценку усилий клиентов?

Это помогает понять, какие усилия приложил клиент для достижения своих целей. Если клиент отправляет больше среднего отчета, то он вряд ли будет востребован в приложении или на веб-сайте, несмотря на достижение своих целей.

6. Где следует использовать CES?

Есть несколько способов использовать CES как при пост-покупке и спросить у них, насколько сложен процесс покупки для посетителя. Вы также можете использовать его в сочетании с GCR и задать им простой вопрос, например: «Насколько сложным был покупательский опыт по шкале от 1 до 10».

7. Какие дополнительные вопросы следует использовать?

Вы всегда можете принять предложения и комментарии пользователя для улучшения бизнеса. Например: «Какие предложения вы могли бы предложить для улучшения качества обслуживания клиентов?»

  • Net Promoter Score: Net Promoter Score дает представление о лояльности клиента. Если они оценят вас на более высоком уровне, они, вероятно, сломают вас, если они оценят вас на более низком уровне, они, вероятно, отвлекут вас, тогда как если они находятся где-то посередине, они будут считаться пассивными.

8. Почему вам следует использовать NPS?

Эта схема помогает понять ваших недоброжелателей и может превратить их в ценных промоутеров. Это также помогает повысить лояльность клиентов с течением времени.

9. Где следует использовать NPS?

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

10.Какие дополнительные вопросы задавать?

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

  • Веб-сайт Удовлетворенность клиентов (CSAT):

Это лучший метод для понимания требований и опыта клиента. Он говорит нам, в какой степени удовлетворены ценность и удовлетворение клиента.Для измерения удовлетворенности клиентов предприятия используют шкалу от 1 до 10, где 10 – это показатель того, что клиент очень доволен и доволен.

11. Почему вам следует использовать CSAT?

Это помогает в определении общего уровня удовлетворенности клиентов.

12. Какие дополнительные вопросы следует использовать?

Это зависит от того, какие вопросы вы хотите задать о своем веб-сайте. Это может быть так же просто и прямолинейно, как: «Насколько вы довольны опытом?» затем числовая шкала.

13. Какие дополнительные вопросы вы можете использовать?

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

Заключение

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

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

10 советов по дизайну опроса клиентов для действенной обратной связи

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

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

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


1. Обдумайте свою цель

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

Некоторые распространенные цели опросов клиентского опыта:

  • Сравнительный анализ показателей качества обслуживания клиентов
  • Получение отзывов о вашем продукте
  • Улучшение качества продаж или поддержки
  • Определение удовлетворенности сотрудников или клиентов для удержания
  • Тестирование решений по брендингу
  • Определение интереса к новым областям продукта
обсудите цели, которых вы хотели бы достичь, расставьте приоритеты, на что вы сможете ориентироваться в рамках одного краткого опроса.Вы всегда можете обратиться к другим целям в отдельных опросах в рамках вашего текущего разговора со своей аудиторией.


2. Определите тип опроса

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

Опросы удовлетворенности клиентов

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

. Пример шаблонного опроса NPS с оценочной шкалой от 0 до 10.

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

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

Опросы по брендингу

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

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

Опросы вовлеченности сотрудников

По данным Gartner, «70% бизнес-лидеров согласны с тем, что вовлеченность сотрудников имеет решающее значение для достижения бизнес-результатов». В то время как большинство компаний рассматривают возможность использования опросов для своих внешних клиентов и заказчиков, один из наиболее важных способов использовать опросы — это оценить заинтересованность ваших сотрудников. Ключевой частью улучшения опыта вашей аудитории является выяснение того, как ваши сотрудники воспринимают вашу компанию (и, соответственно, ваши продукты и услуги).

Опрос NPS можно изменить, чтобы он стал опросом eNPS, добавив слово «рабочий».

Определите, как вы можете повысить вовлеченность сотрудников с помощью опроса Employee Net Promoter Score (eNPS), импульсных опросов или комплексных опросов. Опросы eNPS и пульса действительно предназначены для того, чтобы быть быстрым снимком, который можно использовать с течением времени для общего понимания того, как ваши сотрудники относятся к компании. С другой стороны, 360-градусный опрос предлагает более глубокую, стратегически актуальную обратную связь из ряда источников (менеджеры, коллеги, отчеты, сотрудники и клиенты и т. д.).), чтобы помочь отдельным сотрудникам расти.

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


3. Опрос должен быть простым (и кратким)

Опросы

могут собирать любую информацию о вашей аудитории, продуктах или услугах. В зависимости от того, проводили ли вы когда-либо опрос клиентов, может показаться, что это разовая сделка, и вам нужно сразу же собрать как можно больше данных.Но помните, это разговор. В большинстве случаев вам не будет полезно задавать более 100 (или даже 15+) вопросов, потому что ваша аудитория потеряет интерес и уйдет.

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

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


4. Следуйте рекомендациям по разработке вопросников

Чтобы опрос был максимально эффективным и информативным, он должен быть сбалансированным — структурированным таким образом, чтобы было видно, что вы ищете как положительные, так и отрицательные ответы.

Для опросов об опыте работы с клиентами рекомендуется начинать опрос с вопроса, который требует общей оценки взаимодействия, чтобы у вас был отслеживаемый контрольный показатель, а затем задавать открытый вопрос.

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

Вот несколько распространенных рекомендаций, которым следует следовать при создании анкеты:

  • Рассмотрите различные типы вопросов для опроса. Комбинируйте открытые вопросы с вопросами с несколькими вариантами ответов и масштабируйте, чтобы ваши отзывы были всесторонними и доходчивыми до «почему».”
  • Избегайте наводящих вопросов, которые могут повлиять на ваш отзыв, заставив ваших клиентов ответить определенным образом.
  • Задавайте по одному вопросу за раз. Если вы спрашиваете «Является ли продукт интересным и полезным», вы на самом деле задаете два вопроса и, скорее всего, получите расплывчатые результаты.
  • Оставьте большинство вопросов необязательными.
  • Избегайте сложных или жаргонных предложений.

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


5. Не задавайте слишком личных вопросов

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

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

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


6. Получите отзыв о своем опросе

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

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

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

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


7. Принять решение о каналах распространения опроса

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

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

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

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


8. Учитывать анализ обратной связи

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

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

По потребительскому сегменту

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

Свяжите операционные данные клиентов с вашими отзывами об опросе для готовой информационной панели.

По географии

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

По каналу взаимодействия

Это клиент, который общался с вами в чате или по электронной почте; онлайн или лично? Если у вас есть эта информация под рукой, убедитесь, что вы можете сопоставить ее с конечной обратной связью, чтобы понять, какие каналы требуют внимания.

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

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


9. Скажите «Спасибо!» и вдохновлять на действия

Этот шаг настолько прост, что его часто упускают из виду. Поскольку процесс обратной связи представляет собой беседу, и ваша аудитория потратила время на участие, вам нужно сказать: «Спасибо!» По крайней мере, последняя страница вашего опроса должна явно благодарить клиента за уделенное время.

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

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

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

Предварительное поощрение также может побудить участников потратить несколько дополнительных минут на ответы на вопросы, помочь им быть более устойчивыми к усталости от опроса, а также поддерживать их желание участвовать в будущих опросах.


10. Следующие шаги: Найдите платформу, которая поможет вам достичь целей опроса

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

Обрадованных предложений:

  • Шесть шаблонных типов опросов о качестве обслуживания клиентов (NPS, CSAT, CES, 5-Star, Thumbs, Smileys)
  • Возможность добавления дополнительных вопросов для получения более подробной обратной связи методы распространения опросов: электронная почта, Интернет, текст SMS и URL-ссылка
  • Встроенные информационные панели для анализа отзывов в режиме реального времени
  • Интеграция для направления отзывов по всей организации
  • Анализ ваших продуктов и услуг

Подпишитесь на Бесплатная пробная версия для бесплатной отправки 250 опросов.

О Люсии Чанг

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

Форма обратной связи по окончанию проекта — Studio James

Имя *

Почему вы изначально хотели работать с дизайнером?

Почему вы решили работать со мной?

Как вам конечный результат?

Как вам понравился процесс?

Есть ли что-то, что вам особенно понравилось в работе со мной?

Есть ли что-то, что могло бы сделать этот процесс лучше для вас?

Вы бы наняли меня снова?

Вы бы порекомендовали меня другим?

Могу ли я использовать ваши комментарии для моего маркетинга?

Если да, есть ли какой-то особый способ, которым вы хотели бы, чтобы ваше имя отображалось?

Как создать опрос о дизайне

Создайте опрос, форму или голосование прямо сейчас!

 

Зачем создавать опрос обратной связи по дизайну?

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

Вопросы, которые следует задать в опросе обратной связи по дизайну:

  1. Какой дизайн вам нравится больше всего?
  2. Почему вы предпочитаете выбранный дизайн?
  3. Как вы думаете, какая компания предлагает услуги, связанные с этим дизайном?
  4. Считаете ли вы приведенный выше дизайн визуально привлекательным?
  5. Какие слова приходят на ум, когда вы смотрите на дизайн?
  6. Насколько привлекателен дизайн?
  7. Что вам больше всего нравится в дизайне?
  8. Что вам больше всего не нравится в дизайне?

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

Обратная связь по дизайну

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

Вот два потрясающих шаблона: узнайте своего клиента, используя «Шаблон опроса о дизайне логотипа», и прислушайтесь к своей аудитории, используя «Шаблон опроса для отзывов о дизайне».

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

Создайте опрос, форму или голосование для отзывов о дизайне прямо сейчас!

Оставайтесь любопытными и в курсе!
С уважением, Яско

Полезные советы по созданию формы обратной связи

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

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

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

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

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

Выберите правильный формат.

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

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

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

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

Создайте эффективный шаблон формы обратной связи

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

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

У обоих есть свои преимущества. Какой бы тип шаблона вы ни выбрали, некоторые общие элементы помогут обеспечить качественный сбор данных и понимание.

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

Эффективно задавайте вопросы

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

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

Что делать с отрицательными отзывами

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

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

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

Заключение

Надеемся, вы учтете наши советы при создании формы обратной связи.И если вам нужен готовый шаблон формы обратной связи, мы вам поможем. Посетите heyform.net и начните создавать для меня онлайн-формы.

Как разработать форму обратной связи о мероприятии: вопросы для получения необходимой информации

Опубликовано 27 мая, 2020

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

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

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

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

Хронометраж и среда

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

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

Среда также имеет решающее значение для правильного выбора.Вы хотите, чтобы это было как можно проще, поскольку может быть довольно сложно убедить людей заполнять формы в лучшие времена! Таким образом, чтобы сделать это быстрым и простым для всех сторон, Google Forms и Survey Monkey — две отличные платформы для разработки форм обратной связи о событиях.

Google Forms интуитивно понятен в использовании и прост в создании наборов вопросов, а также обеспечивает большую гибкость в настройке типов вопросов. Survey Monkey позволяет бесплатно ответить на 10 вопросов 100 респондентам, что хорошо подходит для небольших мероприятий, когда вы точно знаете, что хотите спросить.Оба сопоставляют ответы с четкими тенденциями и данными, чтобы вы могли видеть, что пошло правильно (или неправильно), не пытаясь самостоятельно выполнять все математические расчеты!

О чем спрашивать?

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

Элементы виртуального/физического события, о которых нужно спросить:

Содержание

Контент — это все на виртуальном мероприятии (и довольно большое дело на большинстве физических мероприятий), поэтому вы хотите, чтобы это было на месте.

  • «Считаете ли вы содержание мероприятия актуальным для вас/информативным/интересным?»
  • «Считаете ли вы говорящего знающим/интересным, когда он говорил на свою тему?»
  • «Вы довольны качеством контента?»
  • «Было ли вам легко взаимодействовать/вовлекаться в происходящее?»

Планирование

Люди не против потратить час или два своего времени на хороший вебинар, но они будут возражать, если в счете будет один час, а в итоге будет три!

  • «Как вы считаете, насколько точно событие было уложено по времени?»
  • «Если что-то затянулось более чем на 10 минут, вы не возражаете?»
  • «Вам пришлось покинуть виртуальное мероприятие раньше времени?»

Маркетинг и коммуникации в процессе создания

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

  • «Как вы узнали об этом событии?»
  • «Подписываетесь ли вы на нас (или на кого-либо из спикеров/поставщиков и т. д.) в каких-либо социальных сетях?»
  • «Насколько точно ваше понимание события заранее соответствовало фактическому событию и его содержанию?»
Элементы физического события для получения обратной связи:

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

Место проведения

Вы хотите знать, что гостям понравилось (и не понравилось) в выбранном вами месте. Удобства, атмосфера, расположение — все это играет роль в их опыте.

  • «Вам было легко добраться до места проведения?»
  • «Как вы думаете, подходит ли аудио-видео оборудование для нужд мероприятия?»
  • «Вы считаете, что это место подходит для проведения мероприятия?»

Кейтеринг

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

  • «Как бы вы оценили подачу блюд?»
  • «Как бы вы оценили качество еды?»
  • «Считаете ли вы, что питание подавалось в разумное/оптимальное время?»

Сеть

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

  • «Получили ли вы потенциальных клиентов на мероприятии?»
  • «Считаете ли вы это мероприятие ценной возможностью для установления новых контактов?»
  • «Насколько легко вам было установить связь с _____________ (элемент события, который помог растопить лед)?»

Советы по стилям вопросов

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

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

Стремитесь использовать варианты шкалы Лайкерта для вопросов с несколькими вариантами ответов: пять переключателей, которые охватывают шкалу вариантов, например, «Очень неудовлетворен» до «Очень доволен». Простое «да» или «нет» также может быть ценным, как и иногда более длинный выбор вариантов (например, «Откуда вы узнали об этом событии?» Журналы, социальные сети, из уст в уста и т. д.), за которым следует поле для комментариев, чтобы предложить другой вариант или какие мысли.

Что вы делаете с обратной связью?

Когда вы соберете все отзывы, наступит самое интересное!

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

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

Свяжитесь с командой Конгресс-центра

Если вы хотите обсудить с нами свои идеи для проведения мероприятия в ближайшем будущем, вы можете связаться с членом нашей команды по работе с объектами по телефону 020 7467 1318 или по электронной почте congress.

Добавить комментарий

Ваш адрес email не будет опубликован.