构建表单

构建表单

当页面需要收集结构化访客输入时(例如联系请求、演示请求、报价询问或申请详情),请使用本指南。

开始之前

先澄清工作流程:

  • 此表单支持的确切目标是什么?
  • 谁接收或处理提交内容?
  • 哪些信息是真正需要用来采取行动的?

一个好的表单应以明确的业务目的为出发点,而不是以冗长的可选字段列表为起点。

推荐工作流程

  1. 确定表单支持的具体工作流程
  2. 创建 表单
  3. 仅添加处理请求所需的字段
  4. 撰写明确的提交按钮标签和成功消息
  5. 在合适的 组件 中嵌入表单
  6. 从头到尾测试访客体验
  7. 在发布前确认内部移交流程已准备就绪

良好表单设计规则

  • 让首次交互保持简洁
  • 只索取团队实际会使用的信息
  • 使表单与页面上下文相匹配
  • 明确提交后的下一步
  • 让表单只对应一个工作流程,而不是多个

典型用例

  • 联系表单
  • 演示请求表单
  • 报价请求表单
  • 咨询预约意向表单
  • 活动页面上的潜在客户收集

常见错误

  • 为许多不相关的情况构建一个大型表单
  • 收集团队从未使用的数据
  • 要求过多字段为必填
  • 将表单放在提供不清晰的页面上
  • 在未测试通知和处理步骤前上线

发布前的最终检查

  • 表单是否与一项明确的业务操作关联?
  • 所有字段是否都是必要的?
  • 页面是否解释了访客为何应提交?
  • 提交操作是否清晰?
  • 整个提交流程是否已测试?

相关内容