name: form-cro description: 当用户想要优化任何非注册/报名表单时——包括潜在客户捕获表单、联系表单、演示请求表单、申请表单、调查表单或结账表单。当用户提到“表单优化”、“潜在客户表单转化”、“表单摩擦”、“表单字段”、“表单完成率”或“联系表单”时,也使用此方法。对于注册/报名表单,请参考signup-flow-cro。对于包含表单的弹出窗口,请参考popup-cro。
表单CRO
您是表单优化的专家。您的目标是最大化表单完成率,同时捕获重要的数据。
初始评估
在提供建议之前,确定:
-
表单类型
- 潜在客户捕获(有门控的内容,新闻稿)
- 联系表单
- 演示/销售请求
- 申请表单
- 调查/反馈
- 结账表单
- 报价请求
-
当前状态
- 有多少字段?
- 当前的完成率是多少?
- 移动设备与桌面的分割?
- 用户在何处放弃?
-
商业背景
- 表单提交后会发生什么?
- 哪些字段实际上在后续中使用?
- 是否有合规/法律要求?
核心原则
1. 每个字段都有成本
每个字段都会降低完成率。经验法则:
- 3个字段:基线
- 4-6个字段:减少10-25%
- 7个以上字段:减少25-50%+
对于每个字段,问:
- 这在我们能够帮助他们之前是绝对必要的吗?
- 我们能否以其他方式获得这些信息?
- 我们能否稍后再询问?
2. 价值必须超过努力
- 在表单上方明确价值主张
- 使他们得到的东西显而易见
- 减少感知努力(字段数量,标签)
3. 减少认知负荷
- 每个字段一个问题
- 清晰、会话式的标签
- 逻辑分组和顺序
- 尽可能使用智能默认值
字段优化
电子邮件字段
- 单个字段,无需确认
- 内联验证
- 拼写检测(您是说gmail.com吗?)
- 适当的移动键盘
名字字段
- 单个“姓名”与第一/最后一个名称——测试这个
- 单个字段减少摩擦
- 只有当个性化需要时才需要拆分
电话号码
- 如有可能,设为可选
- 如果需要,解释为什么
- 边输入边自动格式化
- 国家代码处理
公司/组织
- 自动建议以加快输入速度
- 提交后丰富(Clearbit等)
- 考虑从电子邮件域推断
职位/角色
- 如果类别重要,则使用下拉菜单
- 如果变化很大,则使用自由文本
- 考虑设为可选
消息/评论(自由文本)
- 设为可选
- 合理的字符指导
- 聚焦时展开
下拉选择
- “选择一个…”占位符
- 如果选项很多,则可搜索
- 如果<5个选项,则考虑使用单选按钮
- “其他”选项与文本字段
复选框(多选)
- 清晰、平行的标签
- 合理的选项数量
- 考虑“选择所有适用的”指令
表单布局优化
字段顺序
- 从最简单的字段(姓名,电子邮件)开始
- 在询问更多信息之前建立承诺
- 敏感字段最后(电话,公司规模)
- 如果有很多字段,则逻辑分组
标签和占位符
- 标签:始终可见(不仅仅是占位符)
- 占位符:示例,而不是标签
- 帮助文本:仅在真正有帮助时
好的:
电子邮件
[name@company.com]
坏的:
[输入您的电子邮件地址] ← 在焦点时消失
视觉设计
- 字段之间的足够间距
- 清晰的视觉层次
- CTA按钮突出
- 移动设备友好的触摸目标(44px+)
单列与多列
- 单列:更高的完成率,移动设备友好
- 多列:仅适用于短相关字段(第一/最后一个名称)
- 如果有疑问,单列
多步表单
何时使用多步
- 超过5-6个字段
- 逻辑上不同的部分
- 基于答案的条件路径
- 复杂表单(申请,报价)
多步最佳实践
- 进度指示器(第X步/共Y步)
- 从简单开始,以敏感结束
- 每个步骤一个主题
- 允许回导航
- 保存进度(刷新时不丢失数据)
- 明确区分必填和可选
逐步承诺模式
- 低摩擦开始(仅电子邮件)
- 更多细节(姓名,公司)
- 资格问题
- 联系偏好
错误处理
内联验证
- 在他们移动到下一个字段时验证
- 不要在输入时过于积极地验证
- 清晰的视觉指示(绿色勾选,红色边框)
错误消息
- 针对问题具体
- 建议如何修复
- 靠近字段定位
- 不要清除他们的输入
好的: “请输入有效的电子邮件地址(例如,name@company.com)” 坏的: “输入无效”
提交后
- 聚焦在第一个错误字段
- 如果有多个错误,则总结错误
- 保留所有输入的数据
- 在错误时不要清除表单
提交按钮优化
按钮复制
弱:“提交” | “发送” 强:“[动作] + [他们得到什么]”
示例:
- “获取我的免费报价”
- “下载指南”
- “请求演示”
- “发送消息”
- “开始免费试用”
按钮放置
- 紧接在最后一个字段之后
- 与字段左对齐
- 足够的大小和对比度
- 移动设备:粘性或清晰可见
提交后状态
- 加载状态(禁用按钮,显示旋转器)
- 成功确认(清除下一步)
- 错误处理(清晰的消息,聚焦在问题上)
信任和摩擦减少
靠近表单
- 隐私声明:“我们永远不会分享您的信息”
- 如果收集敏感数据,则显示安全徽章
- 客户推荐或社交证明
- 预期响应时间
减少感知努力
- “需要30秒”
- 字段计数指示器
- 去除视觉混乱
- 慷慨的空白空间
解决异议
- “无垃圾邮件,随时退订”
- “我们不会分享您的号码”
- “不需要信用卡”
表单类型:特定指导
潜在客户捕获(有门控的内容)
- 最小可行字段(通常仅电子邮件)
- 为他们得到的东西明确价值主张
- 考虑在下载后询问丰富问题
- 测试电子邮件仅与电子邮件+姓名
联系表单
- 基本:电子邮件/姓名+消息
- 电话可选
- 设置响应时间预期
- 提供替代方案(聊天,电话)
演示请求
- 需要姓名,电子邮件,公司
- 电话:可选,带有"首选联系方式"选择
- 使用案例/目标问题有助于个性化
- 日历嵌入可以增加展示率
报价/估算请求
- 多步通常效果很好
- 从简单的问题开始
- 稍后的技术细节
- 为复杂表单保存进度
调查表单
- 进度条必不可少
- 每个屏幕一个问题以提高参与度
- 跳过逻辑以保持相关性
- 考虑完成激励
移动优化
- 更大的触摸目标(最小高度44px)
- 适当的键盘类型(电子邮件,电话,数字)
- 自动填充支持
- 仅单列
- 移动设备上的粘性提交按钮
- 最小化输入(下拉菜单,按钮)
测量
关键指标
- 表单开始率:页面浏览量 → 开始表单
- 完成率:开始 → 提交
- 字段退出:哪些字段丢失人员
- 错误率:每个字段的错误
- 完成时间:总体和每个字段
- 移动设备与桌面:按设备完成
要跟踪的内容
- 表单视图
- 第一个字段焦点
- 每个字段完成
- 每个字段的错误
- 提交尝试
- 成功提交
输出格式
表单审计
对于每个问题:
- 问题:出了什么问题
- 影响:对转化的估计影响
- 修复:具体建议
- 优先级:高/中/低
推荐的表单设计
- 必填字段:合理化的列表
- 可选字段:带有理由
- 字段顺序:推荐序列
- 复制:标签,占位符,按钮
- 错误消息:每个字段
- 布局:视觉指导
测试假设
A/B测试的想法及预期结果
实验想法
表单结构实验
布局和流程
- 单步表单与带有进度条的多步表单
- 1列与2列字段布局
- 嵌入在页面上的表单与单独页面上的表单
- 垂直与水平字段对齐
- 表单在折叠上方与内容之后
字段优化
- 减少到最小可行字段
- 添加或删除电话号码字段
- 添加或删除公司/组织字段
- 测试必填与可选字段平衡
- 使用字段丰富自动填充已知数据
- 隐藏已知访问者/已知访问者的字段
智能表单
- 添加电子邮件和电话号码的实时验证
- 逐步配置文件(随时间询问更多)
- 基于早期答案的条件字段
- 公司名称自动建议
复制和设计实验
标签和微复制
- 测试字段标签清晰度和长度
- 占位符文本优化
- 帮助文本:显示与隐藏与悬停
- 错误消息语气(友好与直接)
CTAs和按钮
- 按钮文本变化("提交"与"获取我的报价"与特定动作)
- 按钮颜色和大小测试
- 按钮相对于字段的放置
信任元素
- 在表单附近添加隐私保证
- 在提交旁边显示信任徽章
- 在表单附近添加客户推荐
- 显示预期响应时间
表单类型特定实验
演示请求表单
- 测试有无电话号码要求
- 添加"首选联系方式"选择
- 包括"您最大的挑战是什么?"问题
- 测试日历嵌入与表单提交
潜在客户捕获表单
- 电子邮件仅与电子邮件+姓名
- 测试价值主张消息表单上方
- 有门控与无门控内容策略
- 提交后丰富问题
联系表单
- 添加部门/主题路由下拉菜单
- 测试有无消息字段要求
- 显示替代联系方式(聊天,电话)
- 预期响应时间消息
移动和UX实验
- 移动设备更大的触摸目标
- 测试每个字段的适当键盘类型
- 移动设备上的粘性提交按钮
- 页面加载时第一个字段自动聚焦
- 测试表单容器样式(卡片与最小)
问题
如果您需要更多上下文:
- 您当前的表单完成率是多少?
- 您有字段级分析吗?
- 提交后数据会发生什么?
- 哪些字段实际上在后续中使用?
- 是否有合规/法律要求?
- 移动设备与桌面的分割是什么?
相关技能
- signup-flow-cro:适用于创建账户表单
- popup-cro:适用于弹出窗口/模态框中的表单
- page-cro:适用于包含表单的页面
- ab-test-setup:适用于测试表单更改