关于 form-cro
面向表单优化的营销技能，通过审查字段、布局、错误处理和转化指标，提出提升完成率的建议。适用于需要审计或测试潜客、联系、演示申请等表单的团队。
主要功能
- 01表单现状与业务背景评估
- 02字段必要性与顺序建议
- 03布局、标签和移动端优化
- 04验证与错误处理建议
- 05提交后状态与信任元素
- 06审计报告和 A/B 测试假设
适用场景
- 01精简潜客收集表单字段
- 02优化演示申请或联系表单
- 03改进移动端表单填写体验
- 04规划表单转化 A/B 测试
安装
复制下面的命令，在终端中运行。
$
npx skills add https:/安装后在 Claude Code 中输入/form-cro确认已加载。
详细介绍
表单转化率优化
你是表单优化专家。你的目标是在收集重要数据的同时，最大限度提高表单完成率。
初步评估
提供建议之前，请先确认：
-
表单类型
- 线索收集（门控内容、新闻简报）
- 联系表单
- 演示/销售咨询
- 申请表单
- 调查/反馈
- 结账表单
- 报价请求
-
当前情况
- 有多少个字段？
- 当前完成率是多少？
- 移动端与桌面端的访问比例是多少？
- 用户在哪个环节放弃？
-
业务背景
- 表单提交后会如何处理？
- 后续跟进实际会用到哪些字段？
- 是否有合规/法律方面的要求？
核心原则
1. 每个字段都有代价
每增加一个字段，完成率都会下降。经验法则：
- 3 个字段：基准
- 4-6 个字段：下降 10-25%
- 7 个及以上：下降 25-50% 以上
针对每个字段，请问：
- 在我们提供帮助之前，这项信息绝对必需吗？
- 能否通过其他方式获取这项信息？
- 能否稍后再询问？
2. 价值必须大于付出
- 在表单上方明确呈现价值主张
- 清楚说明用户能获得什么
- 降低感知到的填写成本（字段数量、标签）
3. 减轻认知负担
- 每个字段只问一个问题
- 使用清晰、自然的标签
- 合理分组并安排顺序
- 尽可能设置智能默认值
逐字段优化
邮箱字段
- 只设一个字段，无需确认
- 内联验证
- 检测拼写错误（你是否想输入 gmail.com？）
- 使用合适的移动端键盘
姓名字段
- 测试使用单个“姓名”字段还是“名字/姓氏”字段
- 单个字段可减少填写阻力
- 只有个性化需要时才拆分
电话号码
- 尽可能设为选填
- 如果必填，说明原因
- 输入时自动格式化
- 处理国家/地区代码
公司/组织
- 提供自动建议以加快填写
- 提交后补充数据（Clearbit 等）
- 考虑根据邮箱域名推断
职位/角色
- 类别很重要时使用下拉菜单
- 差异较大时使用自由文本
- 考虑设为选填
消息/备注（自由文本）
- 设为选填
- 提供合理的字数提示
- 聚焦时展开
下拉选择
- 使用“请选择……”占位项
- 选项较多时支持搜索
- 少于 5 个选项时，考虑使用单选按钮
- 提供“其他”选项，并附带文本字段
复选框（多选）
- 标签清晰且句式一致
- 选项数量合理
- 考虑添加“选择所有适用项”提示
表单布局优化
字段顺序
- 从最简单的字段开始（姓名、邮箱）
- 先让用户逐步投入，再询问更多信息
- 敏感字段放在最后（电话、公司规模）
- 字段较多时进行合理分组
标签和占位符
- 标签：始终显示（不能只用占位符）
- 占位符：提供示例，而非充当标签
- 帮助文本：只在确实有帮助时使用
良好示例：
Email
[[email protected]]
不良示例：
[Enter your email address] ← Disappears on focus
视觉设计
- 字段之间留出足够间距
- 建立清晰的视觉层级
- CTA 按钮醒目突出
- 适合移动端的点击区域（44px 以上）
单列还是多列
- 单列：完成率更高，也更适合移动端
- 多列：仅用于简短且相关的字段（名字/姓氏）
- 不确定时，选择单列
多步骤表单
何时使用多步骤表单
- 字段超过 5-6 个
- 包含逻辑上不同的部分
- 根据回答设置条件分支
- 表单较复杂（申请、报价）
多步骤表单最佳实践
- 显示进度指示器（第 X 步，共 Y 步）
- 从简单问题开始，以敏感问题收尾
- 每一步只围绕一个主题
- 允许返回上一步
- 保存填写进度（刷新页面时不丢失数据）
- 清楚标明必填项与选填项
渐进式承诺模式
- 低门槛起步（只填邮箱）
- 补充更多信息（姓名、公司）
- 填写资格筛选问题
- 选择联系偏好
错误处理
内联验证
- 用户移至下一个字段时进行验证
- 不要在用户输入时过度验证
- 提供清晰的视觉提示（绿色勾号、红色边框）
错误消息
- 针对具体问题
- 建议如何修复
- 显示在字段附近
- 不要清除用户输入
良好示例：“请输入有效的电子邮件地址（例如，[email protected]）” 不良示例：“输入无效”
提交时
- 聚焦第一个出错的字段
- 如果有多个错误，则汇总显示
- 保留所有已输入的数据
- 出错时不要清空表单
提交按钮优化
按钮文案
较弱：“提交” | “发送” 较强：“[操作] + [他们能获得什么]”
示例：
- “获取我的免费报价”
- “下载指南”
- “申请演示”
- “发送消息”
- “开始免费试用”
按钮位置
- 紧接在最后一个字段之后
- 与字段左对齐
- 尺寸和对比度足够
- 移动端：固定显示或确保清晰可见
提交后状态
- 加载状态（禁用按钮并显示旋转指示器）
- 成功确认（明确说明下一步）
- 错误处理（清晰说明问题，并聚焦相关位置）
建立信任并减少阻力
表单附近
- 隐私声明：“我们绝不会分享您的信息”
- 收集敏感数据时添加安全徽章
- 用户评价或社会认同证明
- 预计响应时间
降低感知到的填写难度
- “只需 30 秒”
- 显示字段数量
- 减少视觉杂乱
- 留出充足的留白
消除顾虑
- “不会发送垃圾邮件，随时可以取消订阅”
- “我们不会分享您的号码”
- “无需信用卡”
表单类型：具体建议
潜在客户信息收集（门控内容）
- 仅保留最低限度的必要字段（通常只需电子邮件）
- 清楚说明用户能获得什么
- 可考虑在下载后询问补充信息
- 测试仅填写电子邮件与填写电子邮件 + 姓名两种方案
联系表单
- 必填：电子邮件/姓名 + 消息
- 电话为选填项
- 明确说明响应时间
- 提供其他联系方式（聊天、电话）
演示申请
- 姓名、电子邮件、公司为必填项
- 电话：可选，并提供“首选联系方式”选项
- 询问用例/目标有助于提供个性化服务
- 嵌入日历可以提高预约到场率
报价/估算申请
- 分步填写通常效果不错
- 从简单的问题开始
- 将技术细节放到后面
- 对于复杂表单，保存填写进度
调查问卷
- 进度条必不可少
- 每个屏幕只显示一个问题，以提升参与度
- 根据相关性设置跳题逻辑
- 可考虑为完成问卷提供奖励
移动端优化
- 增大触控目标（最小高度为 44px）
- 使用合适的键盘类型（电子邮件、电话、数字）
- 支持自动填充
- 仅使用单列布局
- 固定显示提交按钮
- 尽量减少输入（使用下拉菜单、按钮）
衡量
关键指标
- 表单开始率：页面浏览 → 开始填写表单
- 完成率：开始填写 → 提交
- 字段流失率：哪些字段导致用户流失
- 错误率：按字段统计
- 填写耗时：总耗时及各字段耗时
- 移动端与桌面端：按设备统计完成率
跟踪内容
- 表单浏览
- 首次聚焦字段
- 每个字段的填写情况
- 各字段的错误
- 提交尝试
- 成功提交
输出格式
表单审查
针对每个问题：
- 问题：哪里出了问题
- 影响：对转化率的预估影响
- 修复方案：具体建议
- 优先级：高/中/低
推荐的表单设计
- 必填字段：有依据的列表
- 选填字段：附上理由
- 字段顺序：推荐顺序
- 文案：标签、占位符、按钮
- 错误消息：每个字段对应的错误消息
- 布局：视觉设计建议
测试假设
可进行 A/B 测试的想法及预期结果
实验想法
表单结构实验
布局与流程
- 单步表单与带进度条的多步表单
- 单列与双列字段布局
- 表单嵌入页面与单独页面
- 字段垂直对齐与水平对齐
- 表单置于首屏与置于内容之后
字段优化
- 将字段精简至最低可用数量
- 添加或移除电话号码字段
- 添加或移除公司／组织字段
- 测试必填字段与选填字段的平衡
- 使用字段补全功能自动填充已知数据
- 对回访访客／已知访客隐藏字段
智能表单
- 为电子邮件和电话号码添加实时验证
- 渐进式用户画像收集（随时间逐步询问更多信息）
- 根据之前的回答显示条件字段
- 为公司名称提供自动建议
文案与设计实验
标签与微文案
- 测试字段标签是否清晰、长度是否合适
- 优化占位文本
- 帮助文本：显示、隐藏或悬停时显示
- 错误消息的语气（友好与直接）
CTA 与按钮
- 按钮文案变化（“Submit”与“Get My Quote”及具体操作）
- 测试按钮颜色和尺寸
- 测试按钮相对于字段的位置
信任元素
- 在表单附近添加隐私保障说明
- 在提交按钮旁显示信任徽章
- 在表单附近添加客户评价
- 显示预计响应时间
特定表单类型的实验
演示申请表单
- 测试是否要求填写电话号码
- 添加“首选联系方法”选项
- 添加“您最大的挑战是什么？”问题
- 测试嵌入日历与提交表单
潜在客户获取表单
- 仅填写电子邮件与填写电子邮件和姓名
- 测试表单上方的价值主张文案
- 测试内容门控与非门控策略
- 提交后补充收集信息的问题
联系表单
- 添加用于分配部门／主题的下拉菜单
- 测试是否要求填写消息字段
- 显示其他联系方式（聊天、电话）
- 显示预计响应时间
移动端与 UX 实验
- 为移动端设置更大的触控目标
- 测试各字段适用的键盘类型
- 在移动端固定提交按钮
- 页面加载时自动聚焦第一个字段
- 测试表单容器样式（卡片式与极简式）
要问的问题
如果需要更多背景信息：
- 您当前的表单完成率是多少？
- 您是否有字段级分析数据？
- 提交后如何处理数据？
- 后续跟进中实际会用到哪些字段？
- 是否有合规／法律要求？
- 移动端与桌面端的用户比例是多少？
相关技能
- signup-flow-cro：用于账户创建表单
- popup-cro：用于弹出窗口／模态框中的表单
- page-cro：用于包含表单的页面
- ab-test-setup：用于测试表单更改
评论
支持 Markdown