@mytechtoday/augment-extensions 0.7.0 → 1.2.0

package/augment-extensions/domain-rules/{marketing-standards/seo-sales-marketing → seo-sales-marketing}/rules/conversion-optimization.md

@@ -1,455 +1,455 @@
-# Conversion Optimization
-
-## Overview
-
-Best practices for optimizing conversion rates through effective CTAs (Calls-to-Action), A/B testing, and funnel optimization. Focuses on data-driven improvements to user journeys and conversion paths.
-
----
-
-## Call-to-Action (CTA) Best Practices
-
-### CTA Design Principles
-
-**Visual Hierarchy:**
-- **Primary CTA:** Most prominent, high contrast, above the fold
-- **Secondary CTA:** Less prominent, alternative action
-- **Tertiary CTA:** Subtle, low-commitment options
-
-**Button Design:**
-```css
-/* Primary CTA */
-.cta-primary {
-  background-color: var(--brand-primary);
-  color: white;
-  padding: 16px 32px;
-  font-size: 18px;
-  font-weight: 600;
-  border-radius: 8px;
-  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
-  transition: all 0.3s ease;
-}
-
-.cta-primary:hover {
-  background-color: var(--brand-primary-dark);
-  transform: translateY(-2px);
-  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.15);
-}
-
-/* Secondary CTA */
-.cta-secondary {
-  background-color: transparent;
-  color: var(--brand-primary);
-  border: 2px solid var(--brand-primary);
-  padding: 14px 30px;
-  font-size: 16px;
-  font-weight: 600;
-  border-radius: 8px;
-}
-```
-
-### CTA Copy Guidelines
-
-**Action-Oriented Verbs:**
-- ✅ "Start Your Free Trial"
-- ✅ "Get Instant Access"
-- ✅ "Download Now"
-- ❌ "Submit"
-- ❌ "Click Here"
-- ❌ "Learn More" (too vague)
-
-**Value Proposition:**
-```html
-<!-- Good: Clear value -->
-<button class="cta-primary">
-  Get 50% Off Your First Month
-</button>
-
-<!-- Better: Value + urgency -->
-<button class="cta-primary">
-  Claim Your 50% Discount (24 Hours Only)
-</button>
-
-<!-- Best: Value + urgency + social proof -->
-<button class="cta-primary">
-  Join 10,000+ Users - Start Free Trial
-</button>
-```
-
-### CTA Placement
-
-**Above the Fold:**
-- Hero section: Primary CTA
-- Navigation: Secondary CTA (e.g., "Sign Up")
-
-**Throughout Content:**
-- After value propositions
-- After testimonials
-- After feature descriptions
-- End of blog posts
-
-**Sticky CTAs:**
-```html
-<!-- Sticky header CTA -->
-<div class="sticky-cta" style="position: sticky; top: 0; z-index: 100;">
-  <button class="cta-primary">Start Free Trial</button>
-</div>
-
-<!-- Floating CTA (mobile) -->
-<div class="floating-cta" style="position: fixed; bottom: 20px; right: 20px;">
-  <button class="cta-primary">Get Started</button>
-</div>
-```
-
----
-
-## A/B Testing
-
-### Test Planning
-
-**Hypothesis Framework:**
-```markdown
-**Hypothesis:** Changing the CTA button color from blue to orange will increase click-through rate
-
-**Reasoning:** Orange creates higher contrast against our white background and is associated with urgency
-
-**Success Metric:** CTR increase of at least 10%
-
-**Sample Size:** 10,000 visitors per variant
-
-**Duration:** 2 weeks or until statistical significance reached
-```
-
-### What to Test
-
-**High-Impact Elements:**
-1. **Headlines:** Value proposition clarity
-2. **CTAs:** Copy, color, size, placement
-3. **Images:** Hero images, product photos
-4. **Forms:** Number of fields, layout
-5. **Pricing:** Display format, anchoring
-6. **Social Proof:** Testimonials, trust badges
-
-**Test Priority Matrix:**
-```
-High Impact + Easy to Implement = Test First
-High Impact + Hard to Implement = Test Second
-Low Impact + Easy to Implement = Test Third
-Low Impact + Hard to Implement = Don't Test
-```
-
-### A/B Test Structure
-
-**Control vs Variant:**
-```json
-{
-  "test_id": "homepage-cta-color-001",
-  "hypothesis": "Orange CTA will outperform blue CTA",
-  "variants": [
-    {
-      "id": "control",
-      "name": "Blue CTA",
-      "traffic_split": 50,
-      "description": "Current blue button (#0066CC)"
-    },
-    {
-      "id": "variant_a",
-      "name": "Orange CTA",
-      "traffic_split": 50,
-      "description": "New orange button (#FF6600)"
-    }
-  ],
-  "metrics": {
-    "primary": "cta_click_rate",
-    "secondary": ["time_on_page", "bounce_rate", "conversion_rate"]
-  },
-  "duration": "14 days",
-  "min_sample_size": 10000,
-  "confidence_level": 0.95
-}
-```
-
-### Statistical Significance
-
-**Requirements:**
-- **Confidence Level:** 95% minimum
-- **Sample Size:** Use calculator (e.g., Optimizely, VWO)
-- **Duration:** Run for at least 1-2 business cycles
-- **Avoid Peeking:** Don't stop test early based on interim results
-
-**Calculation:**
-```javascript
-// Simple significance calculator
-function calculateSignificance(controlConversions, controlVisitors, variantConversions, variantVisitors) {
-  const controlRate = controlConversions / controlVisitors;
-  const variantRate = variantConversions / variantVisitors;
-  
-  const pooledRate = (controlConversions + variantConversions) / (controlVisitors + variantVisitors);
-  const standardError = Math.sqrt(pooledRate * (1 - pooledRate) * (1/controlVisitors + 1/variantVisitors));
-  
-  const zScore = (variantRate - controlRate) / standardError;
-  const pValue = 2 * (1 - normalCDF(Math.abs(zScore)));
-  
-  return {
-    controlRate,
-    variantRate,
-    lift: ((variantRate - controlRate) / controlRate) * 100,
-    pValue,
-    isSignificant: pValue < 0.05
-  };
-}
-```
-
----
-
-## Funnel Optimization
-
-### Conversion Funnel Stages
-
-**Typical E-commerce Funnel:**
-```
-Awareness → Interest → Consideration → Intent → Purchase → Loyalty
-```
-
-**Funnel Metrics:**
-```json
-{
-  "funnel_stages": [
-    {
-      "stage": "awareness",
-      "metric": "website_visitors",
-      "goal": "Drive traffic",
-      "kpis": ["sessions", "unique_visitors", "traffic_sources"]
-    },
-    {
-      "stage": "interest",
-      "metric": "page_views",
-      "goal": "Engage visitors",
-      "kpis": ["pages_per_session", "time_on_site", "bounce_rate"]
-    },
-    {
-      "stage": "consideration",
-      "metric": "product_views",
-      "goal": "Generate interest",
-      "kpis": ["product_page_views", "add_to_cart_rate"]
-    },
-    {
-      "stage": "intent",
-      "metric": "cart_additions",
-      "goal": "Capture intent",
-      "kpis": ["cart_abandonment_rate", "checkout_initiation"]
-    },
-    {
-      "stage": "purchase",
-      "metric": "transactions",
-      "goal": "Convert",
-      "kpis": ["conversion_rate", "average_order_value", "revenue"]
-    },
-    {
-      "stage": "loyalty",
-      "metric": "repeat_purchases",
-      "goal": "Retain customers",
-      "kpis": ["repeat_purchase_rate", "customer_lifetime_value"]
-    }
-  ]
-}
-```
-
-### Identifying Funnel Leaks
-
-**Drop-off Analysis:**
-```javascript
-// Calculate drop-off rates between stages
-const funnelData = {
-  awareness: 10000,      // Website visitors
-  interest: 5000,        // Engaged visitors (50% drop-off)
-  consideration: 2000,   // Product viewers (60% drop-off)
-  intent: 800,           // Cart additions (60% drop-off)
-  purchase: 200          // Purchases (75% drop-off)
-};
-
-function calculateDropOff(stage1, stage2) {
-  return ((stage1 - stage2) / stage1) * 100;
-}
-
-// Identify biggest leak
-const leaks = {
-  'Awareness → Interest': calculateDropOff(funnelData.awareness, funnelData.interest),
-  'Interest → Consideration': calculateDropOff(funnelData.interest, funnelData.consideration),
-  'Consideration → Intent': calculateDropOff(funnelData.consideration, funnelData.intent),
-  'Intent → Purchase': calculateDropOff(funnelData.intent, funnelData.purchase)
-};
-
-// Result: Intent → Purchase has 75% drop-off (biggest leak)
-```
-
-### Optimization Strategies by Stage
-
-**Awareness Stage:**
-- Improve SEO and content marketing
-- Optimize ad targeting and messaging
-- Enhance social media presence
-
-**Interest Stage:**
-- Improve page load speed
-- Enhance content quality and relevance
-- Add engaging visuals and videos
-
-**Consideration Stage:**
-- Provide detailed product information
-- Add customer reviews and ratings
-- Offer comparison tools
-
-**Intent Stage:**
-- Simplify checkout process
-- Offer guest checkout
-- Display trust badges and security seals
-- Provide multiple payment options
-
-**Purchase Stage:**
-- Reduce form fields
-- Show progress indicators
-- Offer live chat support
-- Send cart abandonment emails
-
----
-
-## Landing Page Optimization
-
-### Landing Page Elements
-
-**Essential Components:**
-1. **Headline:** Clear value proposition
-2. **Subheadline:** Supporting details
-3. **Hero Image/Video:** Visual representation
-4. **Benefits:** 3-5 key benefits
-5. **Social Proof:** Testimonials, logos, stats
-6. **CTA:** Primary action button
-7. **Trust Signals:** Security badges, guarantees
-
-**Landing Page Template:**
-```html
-<section class="hero">
-  <h1>Transform Your Business with AI-Powered Analytics</h1>
-  <p class="subheadline">Get actionable insights in minutes, not days</p>
-  <button class="cta-primary">Start Free 14-Day Trial</button>
-  <p class="trust-signal">No credit card required • Cancel anytime</p>
-</section>
-
-<section class="benefits">
-  <h2>Why Choose Our Platform?</h2>
-  <div class="benefit-grid">
-    <div class="benefit">
-      <icon>⚡</icon>
-      <h3>10x Faster Analysis</h3>
-      <p>Automated data processing saves hours of manual work</p>
-    </div>
-    <!-- More benefits -->
-  </div>
-</section>
-
-<section class="social-proof">
-  <h2>Trusted by 10,000+ Companies</h2>
-  <div class="testimonials">
-    <!-- Customer testimonials -->
-  </div>
-  <div class="logos">
-    <!-- Customer logos -->
-  </div>
-</section>
-
-<section class="cta-final">
-  <h2>Ready to Get Started?</h2>
-  <button class="cta-primary">Start Your Free Trial</button>
-</section>
-```
-
-### Form Optimization
-
-**Reduce Friction:**
-```html
-<!-- Bad: Too many fields -->
-<form>
-  <input type="text" name="first_name" placeholder="First Name" required>
-  <input type="text" name="last_name" placeholder="Last Name" required>
-  <input type="email" name="email" placeholder="Email" required>
-  <input type="tel" name="phone" placeholder="Phone" required>
-  <input type="text" name="company" placeholder="Company" required>
-  <input type="text" name="job_title" placeholder="Job Title" required>
-  <select name="company_size" required><!-- Options --></select>
-  <select name="industry" required><!-- Options --></select>
-  <button type="submit">Submit</button>
-</form>
-
-<!-- Good: Minimal fields -->
-<form>
-  <input type="email" name="email" placeholder="Enter your email" required>
-  <button type="submit">Start Free Trial</button>
-</form>
-```
-
-**Progressive Disclosure:**
-```javascript
-// Collect minimal info first, then ask for more
-Step 1: Email only
-Step 2: Name and company (after email verified)
-Step 3: Additional details (during onboarding)
-```
-
----
-
-## Best Practices
-
-### DO
-
-✅ Test one variable at a time (isolate impact)
-✅ Run tests for full business cycles
-✅ Use statistical significance calculators
-✅ Document all test results (wins and losses)
-✅ Prioritize high-traffic pages for testing
-✅ Focus on macro conversions (revenue, signups)
-✅ Segment results by traffic source, device
-✅ Implement winning tests permanently
-
-### DON'T
-
-❌ Stop tests early based on initial results
-❌ Test too many variables simultaneously
-❌ Ignore mobile vs desktop differences
-❌ Make changes without measuring impact
-❌ Copy competitors without testing
-❌ Optimize for micro-conversions only
-❌ Run tests with insufficient traffic
-
----
-
-## Tools and Resources
-
-### A/B Testing Platforms
-
-- **Google Optimize:** Free, integrates with Analytics
-- **Optimizely:** Enterprise-grade testing
-- **VWO:** Visual editor, heatmaps included
-- **AB Tasty:** AI-powered recommendations
-
-### Analytics Tools
-
-- **Google Analytics 4:** Funnel analysis, events
-- **Mixpanel:** Product analytics, cohort analysis
-- **Amplitude:** User behavior analytics
-- **Heap:** Auto-capture all events
-
-### Heatmap & Session Recording
-
-- **Hotjar:** Heatmaps, recordings, surveys
-- **Crazy Egg:** Heatmaps, scrollmaps, confetti
-- **FullStory:** Session replay, error tracking
-- **Microsoft Clarity:** Free heatmaps and recordings
-
----
-
-## Related Rules
-
-- **universal-marketing.md** - Metrics and KPIs
-- **seo-optimization.md** - Landing page SEO
-- **content-marketing.md** - Content for conversion
-
+# Conversion Optimization
+
+## Overview
+
+Best practices for optimizing conversion rates through effective CTAs (Calls-to-Action), A/B testing, and funnel optimization. Focuses on data-driven improvements to user journeys and conversion paths.
+
+---
+
+## Call-to-Action (CTA) Best Practices
+
+### CTA Design Principles
+
+**Visual Hierarchy:**
+- **Primary CTA:** Most prominent, high contrast, above the fold
+- **Secondary CTA:** Less prominent, alternative action
+- **Tertiary CTA:** Subtle, low-commitment options
+
+**Button Design:**
+```css
+/* Primary CTA */
+.cta-primary {
+  background-color: var(--brand-primary);
+  color: white;
+  padding: 16px 32px;
+  font-size: 18px;
+  font-weight: 600;
+  border-radius: 8px;
+  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
+  transition: all 0.3s ease;
+}
+
+.cta-primary:hover {
+  background-color: var(--brand-primary-dark);
+  transform: translateY(-2px);
+  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.15);
+}
+
+/* Secondary CTA */
+.cta-secondary {
+  background-color: transparent;
+  color: var(--brand-primary);
+  border: 2px solid var(--brand-primary);
+  padding: 14px 30px;
+  font-size: 16px;
+  font-weight: 600;
+  border-radius: 8px;
+}
+```
+
+### CTA Copy Guidelines
+
+**Action-Oriented Verbs:**
+- ✅ "Start Your Free Trial"
+- ✅ "Get Instant Access"
+- ✅ "Download Now"
+- ❌ "Submit"
+- ❌ "Click Here"
+- ❌ "Learn More" (too vague)
+
+**Value Proposition:**
+```html
+<!-- Good: Clear value -->
+<button class="cta-primary">
+  Get 50% Off Your First Month
+</button>
+
+<!-- Better: Value + urgency -->
+<button class="cta-primary">
+  Claim Your 50% Discount (24 Hours Only)
+</button>
+
+<!-- Best: Value + urgency + social proof -->
+<button class="cta-primary">
+  Join 10,000+ Users - Start Free Trial
+</button>
+```
+
+### CTA Placement
+
+**Above the Fold:**
+- Hero section: Primary CTA
+- Navigation: Secondary CTA (e.g., "Sign Up")
+
+**Throughout Content:**
+- After value propositions
+- After testimonials
+- After feature descriptions
+- End of blog posts
+
+**Sticky CTAs:**
+```html
+<!-- Sticky header CTA -->
+<div class="sticky-cta" style="position: sticky; top: 0; z-index: 100;">
+  <button class="cta-primary">Start Free Trial</button>
+</div>
+
+<!-- Floating CTA (mobile) -->
+<div class="floating-cta" style="position: fixed; bottom: 20px; right: 20px;">
+  <button class="cta-primary">Get Started</button>
+</div>
+```
+
+---
+
+## A/B Testing
+
+### Test Planning
+
+**Hypothesis Framework:**
+```markdown
+**Hypothesis:** Changing the CTA button color from blue to orange will increase click-through rate
+
+**Reasoning:** Orange creates higher contrast against our white background and is associated with urgency
+
+**Success Metric:** CTR increase of at least 10%
+
+**Sample Size:** 10,000 visitors per variant
+
+**Duration:** 2 weeks or until statistical significance reached
+```
+
+### What to Test
+
+**High-Impact Elements:**
+1. **Headlines:** Value proposition clarity
+2. **CTAs:** Copy, color, size, placement
+3. **Images:** Hero images, product photos
+4. **Forms:** Number of fields, layout
+5. **Pricing:** Display format, anchoring
+6. **Social Proof:** Testimonials, trust badges
+
+**Test Priority Matrix:**
+```
+High Impact + Easy to Implement = Test First
+High Impact + Hard to Implement = Test Second
+Low Impact + Easy to Implement = Test Third
+Low Impact + Hard to Implement = Don't Test
+```
+
+### A/B Test Structure
+
+**Control vs Variant:**
+```json
+{
+  "test_id": "homepage-cta-color-001",
+  "hypothesis": "Orange CTA will outperform blue CTA",
+  "variants": [
+    {
+      "id": "control",
+      "name": "Blue CTA",
+      "traffic_split": 50,
+      "description": "Current blue button (#0066CC)"
+    },
+    {
+      "id": "variant_a",
+      "name": "Orange CTA",
+      "traffic_split": 50,
+      "description": "New orange button (#FF6600)"
+    }
+  ],
+  "metrics": {
+    "primary": "cta_click_rate",
+    "secondary": ["time_on_page", "bounce_rate", "conversion_rate"]
+  },
+  "duration": "14 days",
+  "min_sample_size": 10000,
+  "confidence_level": 0.95
+}
+```
+
+### Statistical Significance
+
+**Requirements:**
+- **Confidence Level:** 95% minimum
+- **Sample Size:** Use calculator (e.g., Optimizely, VWO)
+- **Duration:** Run for at least 1-2 business cycles
+- **Avoid Peeking:** Don't stop test early based on interim results
+
+**Calculation:**
+```javascript
+// Simple significance calculator
+function calculateSignificance(controlConversions, controlVisitors, variantConversions, variantVisitors) {
+  const controlRate = controlConversions / controlVisitors;
+  const variantRate = variantConversions / variantVisitors;
+  
+  const pooledRate = (controlConversions + variantConversions) / (controlVisitors + variantVisitors);
+  const standardError = Math.sqrt(pooledRate * (1 - pooledRate) * (1/controlVisitors + 1/variantVisitors));
+  
+  const zScore = (variantRate - controlRate) / standardError;
+  const pValue = 2 * (1 - normalCDF(Math.abs(zScore)));
+  
+  return {
+    controlRate,
+    variantRate,
+    lift: ((variantRate - controlRate) / controlRate) * 100,
+    pValue,
+    isSignificant: pValue < 0.05
+  };
+}
+```
+
+---
+
+## Funnel Optimization
+
+### Conversion Funnel Stages
+
+**Typical E-commerce Funnel:**
+```
+Awareness → Interest → Consideration → Intent → Purchase → Loyalty
+```
+
+**Funnel Metrics:**
+```json
+{
+  "funnel_stages": [
+    {
+      "stage": "awareness",
+      "metric": "website_visitors",
+      "goal": "Drive traffic",
+      "kpis": ["sessions", "unique_visitors", "traffic_sources"]
+    },
+    {
+      "stage": "interest",
+      "metric": "page_views",
+      "goal": "Engage visitors",
+      "kpis": ["pages_per_session", "time_on_site", "bounce_rate"]
+    },
+    {
+      "stage": "consideration",
+      "metric": "product_views",
+      "goal": "Generate interest",
+      "kpis": ["product_page_views", "add_to_cart_rate"]
+    },
+    {
+      "stage": "intent",
+      "metric": "cart_additions",
+      "goal": "Capture intent",
+      "kpis": ["cart_abandonment_rate", "checkout_initiation"]
+    },
+    {
+      "stage": "purchase",
+      "metric": "transactions",
+      "goal": "Convert",
+      "kpis": ["conversion_rate", "average_order_value", "revenue"]
+    },
+    {
+      "stage": "loyalty",
+      "metric": "repeat_purchases",
+      "goal": "Retain customers",
+      "kpis": ["repeat_purchase_rate", "customer_lifetime_value"]
+    }
+  ]
+}
+```
+
+### Identifying Funnel Leaks
+
+**Drop-off Analysis:**
+```javascript
+// Calculate drop-off rates between stages
+const funnelData = {
+  awareness: 10000,      // Website visitors
+  interest: 5000,        // Engaged visitors (50% drop-off)
+  consideration: 2000,   // Product viewers (60% drop-off)
+  intent: 800,           // Cart additions (60% drop-off)
+  purchase: 200          // Purchases (75% drop-off)
+};
+
+function calculateDropOff(stage1, stage2) {
+  return ((stage1 - stage2) / stage1) * 100;
+}
+
+// Identify biggest leak
+const leaks = {
+  'Awareness → Interest': calculateDropOff(funnelData.awareness, funnelData.interest),
+  'Interest → Consideration': calculateDropOff(funnelData.interest, funnelData.consideration),
+  'Consideration → Intent': calculateDropOff(funnelData.consideration, funnelData.intent),
+  'Intent → Purchase': calculateDropOff(funnelData.intent, funnelData.purchase)
+};
+
+// Result: Intent → Purchase has 75% drop-off (biggest leak)
+```
+
+### Optimization Strategies by Stage
+
+**Awareness Stage:**
+- Improve SEO and content marketing
+- Optimize ad targeting and messaging
+- Enhance social media presence
+
+**Interest Stage:**
+- Improve page load speed
+- Enhance content quality and relevance
+- Add engaging visuals and videos
+
+**Consideration Stage:**
+- Provide detailed product information
+- Add customer reviews and ratings
+- Offer comparison tools
+
+**Intent Stage:**
+- Simplify checkout process
+- Offer guest checkout
+- Display trust badges and security seals
+- Provide multiple payment options
+
+**Purchase Stage:**
+- Reduce form fields
+- Show progress indicators
+- Offer live chat support
+- Send cart abandonment emails
+
+---
+
+## Landing Page Optimization
+
+### Landing Page Elements
+
+**Essential Components:**
+1. **Headline:** Clear value proposition
+2. **Subheadline:** Supporting details
+3. **Hero Image/Video:** Visual representation
+4. **Benefits:** 3-5 key benefits
+5. **Social Proof:** Testimonials, logos, stats
+6. **CTA:** Primary action button
+7. **Trust Signals:** Security badges, guarantees
+
+**Landing Page Template:**
+```html
+<section class="hero">
+  <h1>Transform Your Business with AI-Powered Analytics</h1>
+  <p class="subheadline">Get actionable insights in minutes, not days</p>
+  <button class="cta-primary">Start Free 14-Day Trial</button>
+  <p class="trust-signal">No credit card required • Cancel anytime</p>
+</section>
+
+<section class="benefits">
+  <h2>Why Choose Our Platform?</h2>
+  <div class="benefit-grid">
+    <div class="benefit">
+      <icon>⚡</icon>
+      <h3>10x Faster Analysis</h3>
+      <p>Automated data processing saves hours of manual work</p>
+    </div>
+    <!-- More benefits -->
+  </div>
+</section>
+
+<section class="social-proof">
+  <h2>Trusted by 10,000+ Companies</h2>
+  <div class="testimonials">
+    <!-- Customer testimonials -->
+  </div>
+  <div class="logos">
+    <!-- Customer logos -->
+  </div>
+</section>
+
+<section class="cta-final">
+  <h2>Ready to Get Started?</h2>
+  <button class="cta-primary">Start Your Free Trial</button>
+</section>
+```
+
+### Form Optimization
+
+**Reduce Friction:**
+```html
+<!-- Bad: Too many fields -->
+<form>
+  <input type="text" name="first_name" placeholder="First Name" required>
+  <input type="text" name="last_name" placeholder="Last Name" required>
+  <input type="email" name="email" placeholder="Email" required>
+  <input type="tel" name="phone" placeholder="Phone" required>
+  <input type="text" name="company" placeholder="Company" required>
+  <input type="text" name="job_title" placeholder="Job Title" required>
+  <select name="company_size" required><!-- Options --></select>
+  <select name="industry" required><!-- Options --></select>
+  <button type="submit">Submit</button>
+</form>
+
+<!-- Good: Minimal fields -->
+<form>
+  <input type="email" name="email" placeholder="Enter your email" required>
+  <button type="submit">Start Free Trial</button>
+</form>
+```
+
+**Progressive Disclosure:**
+```javascript
+// Collect minimal info first, then ask for more
+Step 1: Email only
+Step 2: Name and company (after email verified)
+Step 3: Additional details (during onboarding)
+```
+
+---
+
+## Best Practices
+
+### DO
+
+✅ Test one variable at a time (isolate impact)
+✅ Run tests for full business cycles
+✅ Use statistical significance calculators
+✅ Document all test results (wins and losses)
+✅ Prioritize high-traffic pages for testing
+✅ Focus on macro conversions (revenue, signups)
+✅ Segment results by traffic source, device
+✅ Implement winning tests permanently
+
+### DON'T
+
+❌ Stop tests early based on initial results
+❌ Test too many variables simultaneously
+❌ Ignore mobile vs desktop differences
+❌ Make changes without measuring impact
+❌ Copy competitors without testing
+❌ Optimize for micro-conversions only
+❌ Run tests with insufficient traffic
+
+---
+
+## Tools and Resources
+
+### A/B Testing Platforms
+
+- **Google Optimize:** Free, integrates with Analytics
+- **Optimizely:** Enterprise-grade testing
+- **VWO:** Visual editor, heatmaps included
+- **AB Tasty:** AI-powered recommendations
+
+### Analytics Tools
+
+- **Google Analytics 4:** Funnel analysis, events
+- **Mixpanel:** Product analytics, cohort analysis
+- **Amplitude:** User behavior analytics
+- **Heap:** Auto-capture all events
+
+### Heatmap & Session Recording
+
+- **Hotjar:** Heatmaps, recordings, surveys
+- **Crazy Egg:** Heatmaps, scrollmaps, confetti
+- **FullStory:** Session replay, error tracking
+- **Microsoft Clarity:** Free heatmaps and recordings
+
+---
+
+## Related Rules
+
+- **universal-marketing.md** - Metrics and KPIs
+- **seo-optimization.md** - Landing page SEO
+- **content-marketing.md** - Content for conversion
+