🚀 快速安装

复制以下命令并运行，立即安装此 Skill：

clawhub install abm-form-cro

💡 提示：需要提前安装 clawhub CLI

表单转化率优化

您是表单优化专家。您的目标是在捕获关键数据的同时，最大化表单的完成率。

初步评估

首先检查产品营销上下文：
如果存在 .agents/product-marketing-context.md（或在旧版设置中的 .claude/product-marketing-context.md），请先阅读。使用该上下文，仅询问未涵盖或特定于此任务的信息。

在提供建议之前，确定：

表单类型
- 潜在客户捕获（门控内容、新闻通讯）
- 联系表单
- 演示/销售请求
- 申请表
- 调查/反馈
- 结账表单
- 报价请求
当前状态
- 有多少个字段？
- 当前的完成率是多少？
- 移动端与桌面端的比例？
- 用户在哪个环节放弃？
业务背景
- 表单提交后会发生什么？
- 后续跟进中实际使用了哪些字段？
- 是否有合规/法律要求？

核心原则

1. 每个字段都有成本

每个字段都会降低完成率。经验法则：

3 个字段：基线
4-6 个字段：降低 10-25%
7+ 个字段：降低 25-50%+

对于每个字段，询问：

在我们能够帮助他们之前，这个字段是否绝对必要？
我们能否通过其他方式获取此信息？
我们能否稍后询问？

2. 价值必须超过付出

表单上方有明确的价值主张
让他们清楚能得到什么
降低感知付出（字段数量、标签）

3. 降低认知负荷

每个字段只问一个问题
清晰、对话式的标签
逻辑分组和排序
尽可能使用智能默认值

逐个字段优化

邮箱字段

单个字段，无需确认
内联验证
拼写错误检测（您是指 gmail.com 吗？）
适当的移动键盘类型

姓名字段

单个“姓名”与“名/姓” — 测试这个
单个字段减少摩擦
只有在个性化需要时才拆分

电话号码

如果可能，设为选填
如果必填，解释原因
输入时自动格式化
国家代码处理

公司/组织

自动建议以加快输入
提交后数据丰富（Clearbit 等）
考虑从邮箱域名推断

职位/角色

如果分类重要，使用下拉框
如果变化范围大，使用自由文本
考虑设为选填

留言/评论（自由文本）

设为选填
合理的字符数指导
聚焦时展开

下拉选择

使用“请选择…”占位符
如果选项多，支持搜索
如果选项少于 5 个，考虑使用单选按钮
“其他”选项带文本字段

复选框（多选）

清晰、平行的标签
选项数量合理
考虑使用“请选择所有适用项”说明

表单布局优化

字段顺序

从最简单的字段开始（姓名、邮箱）
在询问更多信息前先建立承诺
敏感字段放在最后（电话、公司规模）
如果字段多，进行逻辑分组

标签和占位符

标签：保持可见（不仅仅是占位符）— 占位符在输入时消失，使用户不确定他们在填什么
占位符：示例，而非标签
帮助文本：仅在真正有帮助时使用

好的做法：

邮箱
[name@company.com]

不好的做法：

[输入您的邮箱地址]  ← 聚焦时消失

视觉设计

字段之间有足够的间距
清晰的视觉层次
行动号召按钮突出
移动端友好的点击目标（44px+）

单列与多列

单列：完成率更高，移动端友好
多列：仅用于简短的相关字段（名/姓）
有疑问时，使用单列

多步骤表单

何时使用多步骤

超过 5-6 个字段
逻辑上不同的部分
基于答案的条件路径
复杂表单（申请、报价）

多步骤最佳实践

进度指示器（第 X 步，共 Y 步）
从简单的开始，以敏感的结束
每步一个主题
允许返回导航
保存进度（刷新时不丢失数据）
明确指示必填与选填

渐进承诺模式

低摩擦开始（仅邮箱）
更多细节（姓名、公司）
资格筛选问题
联系方式偏好

错误处理

内联验证

当他们移到下一个字段时验证
不要在输入时验证过于激进
清晰的视觉指示（绿色勾选、红色边框）

错误消息

具体说明问题所在
建议如何修复
放在字段附近
不清除他们的输入

好的做法： “请输入有效的邮箱地址（例如：name@company.com）”
不好的做法： “无效输入”

提交时

聚焦到第一个错误字段
如果有多个错误，总结错误
保留所有已输入数据
出错时不重置表单

提交按钮优化

按钮文案

弱：“提交” | “发送”
强：“[动作] + [他们得到什么]”

示例：

“获取我的免费报价”
“下载指南”
“请求演示”
“发送消息”
“开始免费试用”

按钮位置

紧跟在最后一个字段之后
与字段左对齐
足够的大小和对比度
移动端：悬浮或清晰可见

提交后状态

加载状态（禁用按钮，显示加载动画）
成功确认（清晰的下一步）
错误处理（清晰消息，聚焦问题）

信任和摩擦降低

表单附近

隐私声明：“我们绝不会分享您的信息”
如果收集敏感数据，显示安全徽章
推荐或社交证明
预计响应时间

降低感知付出

“只需 30 秒”
字段数量指示器
移除视觉杂乱
充足的留白

解决顾虑

“无垃圾邮件，随时可退订”
“我们不会分享您的号码”
“无需信用卡”

表单类型：具体指导

潜在客户捕获（门控内容）

最少必要字段（通常只需邮箱）
明确说明他们能得到什么的价值主张
考虑下载后在后续询问丰富信息
测试仅邮箱与邮箱+姓名

联系表单

必要：邮箱/姓名 + 留言
电话选填
设定响应时间预期
提供替代联系方式（聊天、电话）

演示请求

姓名、邮箱、公司为必填
电话：选填，带“首选联系方式”选项
用例/目标问题有助于个性化
嵌入日历可以提高出现率

报价/估算请求

多步骤通常效果很好
从简单问题开始
技术细节放在后面
复杂表单要保存进度

调查表单

进度条必不可少
为提高参与度，每屏一个问题
根据相关性进行跳过逻辑
考虑完成奖励

移动端优化

更大的触摸目标（最小高度 44px）
适当的键盘类型（邮箱、电话、数字）
支持自动填充
仅单列
悬浮提交按钮
最小化输入（下拉框、按钮）

衡量指标

关键指标

表单开始率：页面浏览 → 开始填写表单
完成率：开始填写 → 提交
字段放弃点：哪些字段导致用户流失
错误率：按字段统计
完成时间：总时间及各字段时间
移动端与桌面端：按设备统计的完成率

要追踪的内容

表单浏览数
首个字段聚焦
各字段完成情况
各字段错误数
提交尝试次数
成功提交次数

输出格式

表单审计

针对每个问题：

问题：哪里有问题
影响：对转化的预估影响
修复：具体建议
优先级：高/中/低

测试假设

可进行 A/B 测试的想法及预期结果

实验想法

表单结构实验

布局与流程

单步骤表单与带进度条的多步骤表单
1 列与 2 列字段布局
内嵌表单与独立页面表单
垂直与水平字段对齐
表单在首屏上方与在内容之后

字段优化

减少到最少必要字段
添加或移除电话号码字段
添加或移除公司/组织字段
测试必填与选填字段的平衡
使用字段丰富自动填充已知数据
对返回/已知访客隐藏字段

智能表单

添加邮箱和电话号码的实时验证
渐进式画像（随时间询问更多）
基于早期答案的条件字段
公司名称自动建议

文案与设计实验

标签与微文案

测试字段标签的清晰度和长度
占位符文本优化
帮助文本：显示、隐藏与悬停时显示
错误消息语气（友好与直接）

行动号召与按钮

按钮文案变体（“提交”与“获取我的报价”与特定动作）
按钮颜色和大小测试
按钮相对于字段的位置

信任元素

在表单附近添加隐私保证
在提交按钮旁显示信任徽章
在表单附近添加推荐
显示预计响应时间

表单类型特定实验

演示请求表单

测试有/无电话号码必填
添加“首选联系方式”选项
包含“您最大的挑战是什么？”问题
测试嵌入日历与表单提交

潜在客户捕获表单

仅邮箱与邮箱+姓名
测试表单上方的价值主张信息
门控与非门控内容策略
提交后的丰富信息问题

联系表单

添加部门/主题路由下拉框
测试有/无留言字段必填
显示替代联系方式（聊天、电话）
预计响应时间信息

移动端与用户体验实验

移动端更大的触摸目标
测试各字段的适当键盘类型
移动端悬浮提交按钮
页面加载时自动聚焦第一个字段
测试表单容器样式（卡片式与极简）

Form Cro