---
name: form-cro
description: "优化非注册/登录类表单时使用：线索捕获、联系、Demo 申请、申请、调研、结账等。触发词：form optimization、lead form conversions、form friction、form fields、form completion rate、contact form。注册表单见 signup-flow-cro；弹窗内表单见 popup-cro。"
license: MIT
---

# 表单 CRO

提升表单完成率，同时收集必要数据。

## 前置了解

表单类型（线索/联系/Demo/申请/调研/结账）；字段数、完成率、端末分布、流失环节；提交后用途、哪些字段实际在用、合规要求。

## 原则

- **每多一栏都有成本**：约 3 栏基线；4～6 栏完成率降 10～25%；7+ 降 25～50%+。每栏问：是否必填？能否延后或通过其他方式获取？  
- **价值大于付出**：表单上方明确价值；减少感知付出（字段数、标签清晰度）。  
- **降低认知负担**：一栏一问、口语化标签、合理分组与顺序、可用默认值。

## 字段优化

**Email**：单栏、无确认；即时校验、纠错提示；移动端用 email 键盘。  
**姓名**：单栏「姓名」vs 姓/名分栏可 A/B。  
**电话**：尽量可选；必填时说明原因；输入时自动格式化、支持国家码。  
**公司**：自动补全、提交后 enrich。  
**下拉**：占位符「选择…」；选项多则可搜索；<5 项可考虑单选；提供「其他」+文本。  

## 布局与视觉

字段顺序：易→难→敏感；逻辑分组。标签始终可见，占位符作示例。单列优先；留白、层次清晰、CTA 突出；移动端点击区 ≥44px。

## 多步表单

适用于 5～6 栏以上、逻辑分块、有条件分支。每步一个主题、有进度、可返回、刷新不丢数据；标明必填/可选。

## 错误与提交

即时校验，提示具体且可操作，靠近字段，不消空已填内容。提交失败时聚焦首错、保留数据。  
按钮：用「动作+所得」而非「Submit」；紧接末栏、足够大、对比度够；有加载态与成功/失败反馈。

## 信任与减摩擦

附近：隐私说明、安全标识、证言、预期回复时间。可注明「约 30 秒」「无需信用卡」等。

## 按类型

**线索/门控**：最少字段（常仅邮箱）；价值清晰；可后置补充问题。  
**联系**：邮箱+姓名+留言；电话可选；预期回复时间。  
**Demo**：姓名、邮箱、公司必填；电话可选；用途/目标有助于个性化；可嵌日历。  
**调研**：进度条、一屏一问、跳转逻辑、完成激励。

## 度量

表单浏览→开始、开始→提交、各栏流失、错误率、完成时长、端末对比。

## 相关技能

signup-flow-cro、popup-cro、page-cro、ab-test-setup。