Как подготовить форму, которая собирает нужные для первого ответа сведения и позволяет обратиться с неполной задачей.
Перед проектированием формы полезно посмотреть на первое действие сотрудника после получения заявки. Он связывается с человеком, уточняет задачу, выбирает направление или готовит предварительный ответ? От этого зависит, какие вопросы стоит задавать на сайте, а какие можно оставить для разговора.
Для бизнеса в Казахстане нет единого набора полей, подходящего любому обращению. Ниже — порядок, с которым заказчик может подготовить содержание формы и проверить его вместе с командой. Речь именно о вопросах посетителю; техническую доставку обращения нужно проверять отдельно.
Опишите первый полезный ответ
Возьмите несколько обезличенных обращений и попросите менеджера объяснить, как он начал работу с каждым. Каких сведений действительно не хватало? Что человек уже сообщил на странице товара или при выборе услуги? Какие данные были заполнены, но не понадобились?
Сформулируйте результат первого шага конкретно. Например: «Сотрудник понимает, какое изделие обсуждается, и может связаться с клиентом для уточнения размеров». Это позволяет оценивать поля по их назначению. Запросить подробную спецификацию можно позднее, если на первом этапе достаточно общего описания. При этом короткая форма сама по себе не подтверждает, что поступающие обращения будут полезными.
Обоснуйте обязательность каждого поля
Разделите вопросы на три группы: без ответа невозможно продолжить, ответ помогает, но может появиться позднее, сведения сейчас не используются. Для первой группы определите допустимые ответы. Если клиент ещё не знает размер или не выбрал вариант, отсутствие этого решения не должно маскироваться случайным значением.
Заполните карточку каждого предполагаемого поля:
- Вопрос: что именно требуется узнать у посетителя.
- Назначение: какое действие сотрудника зависит от ответа.
- Обязательность: почему сведения нужны до первого разговора.
- Допустимый ответ: свободный текст, выбор или понятный формат значения.
- Неопределённость: что делать, если человек пока не знает ответа.
- Контекст: какие сведения уже известны из выбранной страницы или товара.
Эта карточка помогает обсудить лишние вопросы с командой. Решение убрать поле должно учитывать его реальную роль, а не стремление получить минимальное количество элементов на экране.
Напишите подписи и подсказки отдельно
Назовите поле словами, которыми пользуется клиент. Вместо внутреннего обозначения подразделения можно спросить о нужной услуге. Если требуется определённый формат, покажите короткий пример рядом. Объясните, какие поля необязательны, и не просите угадывать смысл одной звёздочки без пояснения.
Подсказку внутри пустого поля не стоит использовать как единственную подпись: она исчезает при вводе. В руководстве W3C WAI по инструкциям к формам отдельно сказано, что такой текст не заменяет подпись поля. В интерфейсе должны оставаться понятными и вопрос, и уже введённый ответ. Для разработчика важно также связать подпись с соответствующим элементом формы, чтобы связь сохранялась при использовании вспомогательных технологий.
Пройдите условный запрос от клиента
Представим мастерскую, которая изготавливает торговые стойки. Посетитель выбрал пример на сайте, но ещё не знает окончательные размеры. Это учебная ситуация, а не описание клиента GIFS. Для первого разговора сотруднику нужны выбранный пример, короткое описание задачи и согласованный способ связи.
В такой форме можно предусмотреть ответ «размеры пока уточняются», а фотографию места сделать дополнительным материалом. Название выбранного изделия полезно показать посетителю, чтобы он мог проверить контекст запроса. Если человеку нужно другое решение, оставьте понятный путь описать его.
Теперь проверьте другой случай: размеры уже известны, но файла с чертежом нет. Форма должна принимать предусмотренный сценарием текстовый ответ, если сотрудник способен с ним работать. Обязательность вложения выбирают по процессу компании; отсутствие файла не нужно приравнивать к отсутствию интереса клиента.
Подготовьте исправление ошибок
Для каждого ограничения заранее напишите сообщение: какое поле требует внимания, что не подходит и как это исправить. Фраза «Некорректные данные» не помогает найти причину. Лучше указать конкретное действие, например уточнить адрес электронной почты или выбрать один из доступных способов связи.
W3C WAI рекомендует связывать сообщение с соответствующим полем и понятно объяснять исправление; эти принципы описаны в руководстве по уведомлениям формы. Не рассчитывайте только на цвет рамки. Проверьте, что после исправления одного поля человеку не приходится заново вводить остальные сведения. Отдельно подготовьте сообщение о результате отправки, соответствующее фактическому состоянию обращения.
Проверьте путь на телефоне
Пройдите форму на обычном телефоне: откройте поле, введите текст, измените выбор, допустите ошибку и исправьте её. Посмотрите, не закрывает ли клавиатура важные подсказки, остаётся ли понятным следующее действие и можно ли вернуться к уже заполненному вопросу. Проверку на компьютере проведите отдельно, включая переход по элементам с клавиатуры.
Если предусмотрены русский и казахский языки, проверьте каждую версию вместе с сообщениями об ошибках и подтверждением. Разная длина текста может потребовать отдельных переносов и уточнения формулировок. Организацию связанных переводов разбираем в статье о двуязычном сайте.
Оценивайте содержание полученных обращений
После запуска заведите простой журнал наблюдений: тип запроса, чего не хватило для первого ответа, что пришлось уточнять и какие поля не использовались. Не переносите туда лишние персональные сведения. Разделяйте проблему формы и ситуацию, в которой сам клиент ещё выбирает решение.
Обсудите повторяющиеся затруднения с менеджерами. Иногда нужно уточнить подпись или добавить пример, а не вводить новое обязательное поле. Если меняете форму, зафиксируйте изменение и сравнивайте сопоставимые обращения. Объём заявок и их полезность для работы — разные наблюдения; обещать рост по одной правке без данных нельзя.
Дальнейший путь обращения описан в материале о передаче заявок в CRM. Обсудить форму можно на странице создания сайтов GIFS: покажите текущие вопросы и расскажите, какой первый ответ должна подготовить команда.