elite-ux-strategy（精英用户体验策略）

Elite UX Strategy

Beautiful design means nothing if it doesn't convert. This skill bridges psychology, design, and business strategy.

Quick Reference

Conversion-First Philosophy

The Hierarchy

1. CLARITY    → Can users understand what you offer in 5 seconds?
2. RELEVANCE  → Does it match what brought them here?
3. VALUE      → Is the benefit clear and compelling?
4. FRICTION   → What's stopping them from acting?
5. URGENCY    → Why should they act now?

When Aesthetics vs Conversion Conflict

Default rule: When in doubt, optimize for clarity over creativity.

The Conversion Funnel (AIDA+RR)

┌─────────────────────────────────────────────────────────────┐
│  AWARENESS   │ First impression, hero, headline             │
│              │ Goal: Stop the scroll, communicate value     │
├─────────────────────────────────────────────────────────────┤
│  INTEREST    │ Features, benefits, how it works             │
│              │ Goal: Build curiosity, answer "what?"        │
├─────────────────────────────────────────────────────────────┤
│  DESIRE      │ Social proof, case studies, emotional appeal │
│              │ Goal: Create want, answer "why me?"          │
├─────────────────────────────────────────────────────────────┤
│  ACTION      │ CTA, pricing, signup form                    │
│              │ Goal: Remove friction, make it easy          │
├─────────────────────────────────────────────────────────────┤
│  RETENTION   │ Onboarding, engagement, value delivery       │
│              │ Goal: Create habit, deliver promised value   │
├─────────────────────────────────────────────────────────────┤
│  REFERRAL    │ Share mechanics, referral program            │
│              │ Goal: Turn users into advocates              │
└─────────────────────────────────────────────────────────────┘

See funnel-strategy.md for stage-specific patterns.

Buyer Persona Quick Reference

By Decision Style

By Context

Key Benchmarks (2024-2026)

Integration with Other Elite Skills

Every design decision affects conversion. Here's how the other skills impact business outcomes:

elite-gsap (Animations)

Warning: Over-animation delays CTAs and frustrates users. Use purposefully.

elite-layouts (Structure)

elite-performance (Speed)

Every second counts:

• 1s delay = 7% conversion loss
• 3s load time = 53% mobile bounce
• LCP > 2.5s = significant ranking penalty

Speed IS a conversion factor.

elite-accessibility

Quick Decision Framework

Should I add this element?

1. Does it reduce friction? → Add it
2. Does it build trust? → Add it (strategically placed)
3. Does it distract from the CTA? → Remove or de-emphasize
4. Does it answer an objection? → Add it near the decision point
5. Does it look good but serve no purpose? → Remove it

Should I test this change?

HIGH IMPACT (test first):
- Headlines and value props
- CTA copy and placement
- Pricing presentation
- Form fields (removing any)
- Social proof placement

LOW IMPACT (implement without test):
- Minor copy tweaks
- Color variations (usually)
- Icon changes
- Spacing adjustments

Common Conversion Killers

Above the Fold

• Unclear value proposition
• No visible CTA
• Slow loading hero image/video
• Generic stock photography
• Jargon-heavy headline

Throughout the Page

• Missing social proof
• No trust signals (especially near payment)
• Too many choices (paradox of choice)
• Friction in forms (unnecessary fields)
• No urgency or reason to act now
• Mobile experience significantly worse

Psychological

• Not addressing objections
• Benefits buried under features
• No risk reversal (guarantees, free trials)
• Asking for too much too soon
• Ignoring user's awareness level

Project Type Quick-Starts

SaaS Landing Page

Priority order:
1. Clear value prop in headline
2. Social proof (logos, testimonials)
3. Feature/benefit section
4. Pricing with recommended tier
5. FAQ addressing objections
6. Final CTA with guarantee

E-commerce Product Page

Priority order:
1. High-quality product images
2. Clear price and availability
3. Reviews and ratings
4. Add to cart (prominent, sticky on mobile)
5. Trust signals (shipping, returns, security)
6. Cross-sells/upsells (post add-to-cart)
7. Scarcity badges for real inventory status
→ See mobile-conversion.md: Sticky Add-to-Cart
→ See social-proof-trust.md: Scarcity Badges

Lead Generation

Priority order:
1. Compelling offer (what they get)
2. Minimal form (name + email minimum)
3. Social proof (number of subscribers, testimonials)
4. Clear privacy assurance
5. Expectation setting (what happens next)

Advanced: Quiz-based lead gen (40-60% completion rates)
→ See forms-ctas.md: Quiz-Based Lead Generation

Service Business (Legal, Medical, Trades)

Priority order:
1. Trust signals (credentials, trust strips)
2. Clear service descriptions
3. Mobile bottom bar CTA (call + book)
4. Social proof (testimonials, reviews)
5. FAQ addressing common concerns
→ See mobile-conversion.md: Mobile Bottom Bar CTA
→ See social-proof-trust.md: Trust Strips and Credential Logos

Enterprise/B2B

Priority order:
1. Credibility (client logos, case studies)
2. Clear problem/solution framing
3. Demo/consultation CTA (not "Buy Now")
4. Security and compliance signals
5. Multiple contact options
6. Detailed documentation accessible

The 80/20 of Conversion

Focus here first for maximum impact:

1. Headline clarity - 5-second test: does a stranger understand your value?
2. CTA visibility - Is it obvious what to do next?
3. Social proof placement - Near decision points, not just at bottom
4. Mobile experience - Where most traffic comes from
5. Page speed - Sub-3-second loads
6. Trust signals - Especially near payment/signup

Resources

• psychology-foundations.md - The science behind decisions
• funnel-strategy.md - Stage-by-stage optimization
• copywriting.md - Words that convert
• testing-benchmarks.md - What to test and what's "good"
• ethical-boundaries.md - Persuasion vs manipulation