技能 form-cro
📝
form-cro
安全
優化表單轉換率
表單常因摩擦力過大、欄位過多或設計不良而失去用戶。本技能提供系統性指導，審核表單、識別流失點，並實現在捕獲必要數據的同時提高完成率的變更。
支援: Claude Codex Code(CC)
1
下載技能 ZIP
2
在 Claude 中上傳
前往 設定 → 功能 → 技能 → 上傳技能
3
開啟並開始使用
測試它
正在使用「form-cro」。 Audit this contact form: 8 fields (name, email, phone, company, role, budget, timeline, message), 15% completion rate on desktop, 8% on mobile.
預期結果:
- ## Form Audit Results
- **Priority Issues:**
- 1. **High Impact** - Too many required fields (8 fields causing 25-50%+ drop-off)
- Fix: Reduce to essential 3-4 fields. Make phone, company, budget, and timeline optional.
- 2. **High Impact** - Mobile completion 8% vs 15% desktop
- Fix: Increase touch targets to 44px, use appropriate keyboards, sticky submit button.
- 3. **Medium Impact** - Sensitive fields early in form
- Fix: Move phone, budget, and timeline after email and name.
- **Recommended Field Order:**
- 1. Name (single field)
- 2. Email (with typo detection)
- 3. Message (optional)
- 4. Company (optional, auto-enrich from email)
- 5. Phone, Budget, Timeline (all optional)
- **Mobile-Specific Changes:**
- - 44px minimum touch targets
- - tel: keyboard for phone
- - Sticky submit button
- - Single column layout only
正在使用「form-cro」。 Create a multi-step quote request form for a B2B SaaS company.
預期結果:
- ## Multi-Step Quote Form Design
- **Step 1: Basic Info (Low Friction)**
- - Name (required)
- - Email (required)
- - Company (optional)
- **Step 2: Needs Assessment**
- - Company size (dropdown)
- - Current tools (multi-select)
- - Primary challenge (dropdown)
- **Step 3: Project Details**
- - Budget range (dropdown)
- - Timeline (dropdown)
- - Team size (dropdown)
- **Step 4: Contact Preferences**
- - Preferred contact method (radio)
- - Phone (if preferred contact)
- **Progress Indicator:** Step 1 of 4 - Basic Info
- **Key Features:**
- - Progress bar showing completion
- - Back button on each step
- - Data saves if they refresh
- - CTA: 'Get Your Custom Quote'
安全審計
安全v1 • 1/19/2026
This is a documentation-only skill containing instructional content for form optimization. The static scanner produced false positives by misidentifying markdown formatting (backticks) as shell commands and common business terminology as security issues. No executable code or security risks present.
1
已掃描檔案
426
分析行數
0
發現項
1
審計總數
未發現安全問題
審計者: claude
品質評分
38
架構
100
可維護性
87
內容
30
社群
100
安全
91
規範符合性
你能建構什麼
電子商務結帳優化
分析和改進結帳表單以減少購物車遺棄並增加完成購買次數。
潛在客戶生成活動設置
為封閉內容、電子報和演示請求設計高轉換率的潛在客戶捕獲表單。
申請表單簡化
減少工作申請、調查和多步驟申請流程中的摩擦力。
試試這些提示
基本表單審核
I have a [type] form with [number] fields. The current completion rate is [rate]%. Can you audit it and identify the top 5 issues causing drop-off?
新表單設計
I need to create a [type] form to capture [data points]. What fields should I include, in what order, and what are the best practices for each field type?
行動裝置優化
My [type] form has a [X]% lower completion rate on mobile compared to desktop. What mobile-specific changes should I make to improve the mobile experience?
多步驟表單設計
I have a complex [type] form with [number] fields. Design a multi-step form structure with [number] steps that follows the progressive commitment pattern.
最佳實務
- 盡可能將表單限制在 3-6 個欄位。每增加一個欄位都會顯著降低完成率。
- 從最簡單的欄位開始（姓名、電子郵件），以在要求敏感資訊之前建立承諾。
- 在行動裝置上使用單欄位佈局，觸控目標至少 44px，並使用適當的鍵盤類型。
- 實施內聯驗證，在使用者離開欄位時觸發，而非在輸入時，以避免讓使用者感到沮喪。
避免
- 在向用戶展示價值之前要求過多的欄位。
- 使用佔位符文字作為標籤，這會在使用者開始輸入時消失。
- 要求確認欄位如「確認電子郵件」，這些欄位增加摩擦力但沒有增加價值。
- 在驗證錯誤時清除表單資料，迫使使用者重新輸入資訊。
常見問題
我的表單應該有多少個欄位？
目標為最多 3-6 個欄位。研究顯示 4-6 個欄位的完成率下降 10-25%，7 個以上欄位下降 25-50% 以上。考慮在您絕對需要什麼才能幫助某人之前，以及什麼可以稍後詢問或推斷。
我應該使用單欄位還是多欄位表單佈局？
單欄位佈局在完成率方面始終優於多欄位佈局，特別是在行動裝置上。僅對非常短的相關欄位（如名字和姓氏）使用多欄位。
如何減少行動裝置表單遺棄？
將觸控目標增加到至少 44px，為每個欄位使用適當的鍵盤類型，啟用自動填充支援，使用單欄位佈局，並使提交按鈕固定或容易存取。
什麼時候應該使用多步驟表單？
當您有超過 5-6 個邏輯上不同的欄位、需要根據答案進行條件路徑，或收集報名或申請等複雜資訊時，多步驟表單效果很好。
什麼是好的提交按鈕？
強有力的按鈕準確地告訴使用者他們將採取什麼行動以及將獲得什麼。將通用的「提交」替換為行動導向的文案，如「獲取我的免費報價」或「下載指南」。
如何有效處理表單錯誤？
在使用者移動到不同欄位時進行內聯驗證，顯示具體的錯誤訊息來解釋問題並建議修復，將錯誤定位在相關欄位附近，切勿在使用者輸入時清除錯誤。