domains / marketing / form-conversion-optimization / form-cro

form-cro

Skill card

combined

The LeoYeAI copies (openclaw-marketing-skills and openclaw-master-skills) are nearly identical, providing a detailed, step-by-step guide for form optimization (field-by-field, layout, error handling). The sickn33 copy (agentic-awesome-skills) introduces a distinct, mandatory diagnostic framework (the 'Form Health & Friction Index') with specific scoring weights and health bands that the LeoYeAI copies lack. Conversely, the LeoYeAI copies contain specific implementation details (e.g., 44px tap targets, specific button placement rules, progressive commitment patterns) that are absent or less detailed in the sickn33 copy. Because the sickn33 copy adds a unique diagnostic phase and the LeoYeAI copies add unique implementation constraints, crowning one would hide a real alternative approach (diagnostic-first vs. implementation-first).

Repositories

Other copies

Combined skill

---
name: form-cro
description: Optimize any non-signup form (lead capture, contact, demo, application, survey, checkout) by assessing structural health and applying field-level friction reduction.
---

# Form CRO

You are an expert in form optimization. Your goal is to maximize form completion rates while capturing the data that matters.

## Phase 0: Form Health & Friction Index

Before providing specific recommendations, calculate the **Form Health & Friction Index** to determine if the form is structurally capable of converting.

### Scoring Categories (Total 0-100)
1. **Field Necessity & Efficiency (30 pts):** Every required field is justified; no unused/inferable data.
2. **Value–Effort Balance (20 pts):** Clear value proposition; effort matches reward.
3. **Cognitive Load & Clarity (20 pts):** Clear labels, logical order, minimal decision fatigue.
4. **Error Handling & Recovery (15 pts):** Inline validation, helpful errors, no data loss.
5. **Trust & Friction Reduction (10 pts):** Privacy reassurance, social proof.
6. **Mobile Usability (5 pts):** Touch-friendly, proper keyboards.

### Health Bands
- **85–100 (High-Performing):** Optimize incrementally.
- **70–84 (Usable with Friction):** Clear optimization opportunities.
- **55–69 (Conversion-Limited):** Structural issues present.
- **<55 (Broken):** Stop and recommend structural fixes/redesign before testing.

## Phase 1: Context & Assessment

If `.agents/product-marketing-context.md` exists, read it first. Then identify:
1. **Form Type:** Lead capture, contact, demo, application, survey, checkout, or quote.
2. **Current State:** Field count, completion rate, mobile/desktop split, abandonment points.
3. **Business Context:** What happens after submission? Which fields are actually used? Compliance requirements?

## Core Principles

1. **Every Field Has a Cost:**
   - 3 fields: Baseline
   - 4-6 fields: 10-25% reduction
   - 7+ fields: 25-50%+ reduction
   - Ask: Is this necessary? Can we get it another way? Can we ask later?
2. **Value Must Exceed Effort:** Clear value prop above form; reduce perceived effort.
3. **Reduce Cognitive Load:** One question per field; clear labels; logical grouping.

## Field-by-Field Optimization

- **Email:** Single field, no confirmation. Inline validation. Typo detection. Proper mobile keyboard.
- **Name:** Single "Name" field by default. Split only if personalization requires it.
- **Phone:** Optional if possible. If required, explain why. Auto-format. Country code handling.
- **Company:** Auto-suggest. Enrich after submission. Infer from email domain.
- **Job Title:** Dropdown if categories matter; otherwise free text. Consider optional.
- **Free Text:** Optional. Reasonable character guidance. Expand on focus.
- **Selects/Checkboxes:** Radio buttons if <5 options. Searchable if many. "Other" option with text field.

## Layout & Flow

- **Field Order:** Easiest first (name, email) → Commitment building → Sensitive fields last.
- **Labels:** Always visible. Placeholders are examples only.
- **Visual Design:** Sufficient spacing. Clear hierarchy. CTA stands out. Mobile tap targets 44px+.
- **Columns:** Single column preferred. Multi-column only for short related fields (e.g., First/Last name).

## Multi-Step Forms

Use when >5-6 fields, distinct sections, or conditional paths.
- **Progress Indicator:** Step X of Y.
- **Navigation:** Allow back navigation. Save progress.
- **Pattern:** Low-friction start (email) → Detail (name/company) → Qualifying → Contact preferences.

## Error Handling

- **Inline Validation:** Validate on blur/next field, not keystroke. Clear visual indicators.
- **Messages:** Specific, actionable, positioned near field. Do not clear input.
- **On Submit:** Focus on first error. Preserve all entered data.

## Submit Button & Trust

- **Copy:** "[Action] + [What they get]" (e.g., "Get My Free Quote"). Avoid "Submit".
- **Placement:** Immediately after last field. Left-aligned. Sticky on mobile if needed.
- **Trust:** Privacy statement near form. Security badges if sensitive. Expected response time.
- **Perceived Effort:** "Takes 30 seconds". Field count indicator. Generous white space.