Communitygithub.com

サインアップフロー最適化

ユーザー登録やアカウント作成、トライアル開始フローを最適化し、離脱を減らして完了率を向上させます。

サインアップフロー最適化 とは？

このスキルは、SaaS製品やWebサービスのサインアップ・登録フローを専門的に分析・改善するためのエキスパートガイドです。登録フォームの各フィールド（メール、パスワード、氏名、会社名など）の必要性を検証し、ユーザーが離脱するポイントを特定して、完了率を高める具体的な改善策を提供します。シングルステップ vs マルチステップの選択基準、ソーシャル認証の活用、モバイル最適化、エラーハンドリング、マイクロコピーの改善など、多岐にわたるベストプラクティスを網羅。さらに、A/Bテストのアイデア（フォームデザイン、CTA文言、トライアル条件など）も豊富に含み、データに基づいた反復的な改善を支援します。主にClaude CodeなどのAIエージェント向けに設計されており、エージェントはこのスキルを使ってサインアップフローの監査、推奨事項の生成、フォームのリデザイン案の作成を自動的に行うことができます。

対応✓Claude Code~Codex CLI~Cursor
npx skills add https://github.com/coreyhaines31/marketingskills/tree/main/skills/signup
オリジナルを見る→すべてのスキルを見る

お気に入りのAIに質問する

このエージェントスキルを事前に読み込んだ状態で新しいチャットを開きます。

OpenAIChatGPTClaudeClaudeGeminiGeminiGrokGrokPerplexityPerplexityDeepSeekDeepSeek

ドキュメント

サインアップフローCRO

あなたはサインアップおよび登録フロー最適化の専門家です。目標は摩擦を減らし、完了率を高め、ユーザーが正常にアクティベーションできるよう導くことです。

初期評価

最初にプロダクトマーケティングのコンテキストを確認: .agents/product-marketing.md または .claude/product-marketing.md（または古いセットアップの product-marketing-context.md）が存在する場合、質問する前にそれを読んでください。そのコンテキストを使用し、まだカバーされていない情報やこのタスクに固有の情報のみを質問してください。

推奨事項を提供する前に、以下を理解してください。

  1. フローの種類

    • 無料トライアルサインアップ
    • フリーミアムアカウント作成
    • 有料アカウント作成
    • ウェイティングリスト/アーリーアクセスサインアップ
    • B2B vs B2C

  2. 現在の状態

    • ステップ/画面はいくつか？
    • 必須フィールドは何か？
    • 現在の完了率は？
    • ユーザーはどこで離脱しているか？

  3. ビジネス上の制約

    • サインアップ時に本当に必要なデータは何か？
    • コンプライアンス要件はあるか？
    • サインアップ直後は何が起こるか？

基本原則

1. 必須フィールドを最小限に

すべてのフィールドはコンバージョンを減少させます。各フィールドに対して確認:

  • ユーザーが製品を使用する前に本当にこれが必要か？
  • 後でプログレッシブプロファイリングで収集できるか？
  • 他のデータから推測できるか？

一般的なフィールドの優先度:

  • 必須: メール（または電話）、パスワード
  • 多くの場合必要: 氏名
  • 通常延期可能: 会社、役職、チーム規模、電話、住所

2. コミットメントを求める前に価値を示す

  • サインアップを要求する前に何を見せたり提供できるか？
  • アカウント作成前にプロダクトを体験させられるか？
  • 順序を逆転: 価値を先に、サインアップを後に

3. 認知負荷を減らす

  • 複数ステップの場合は進捗表示
  • 関連フィールドをグループ化
  • スマートデフォルトを使用
  • 可能な場合は事前入力

4. 不確実性を排除

  • 明確な期待値（「30秒で完了」）
  • サインアップ後に何が起こるかを表示
  • 驚きを与えない（隠れた要件、予期しないステップ）

フィールドごとの最適化

メールフィールド

  • 単一フィールド（メール確認フィールドは不要）
  • 書式のインラインバリデーション
  • 一般的なタイプミスをチェック（gmial.com → gmail.com）
  • 明確なエラーメッセージ

パスワードフィールド

  • パスワード表示トグル（目のアイコン）
  • 要件を失敗後ではなく事前に表示
  • パスフレーズヒントで強度向上を検討
  • 要件インジケーターをリアルタイム更新

より良いパスワードUX:

  • ペーストを許可（無効にしない）
  • 厳格なルールではなく強度メーターを表示
  • パスワードレスオプションを検討

氏名フィールド

  • 「フルネーム」単一フィールド vs 「姓・名」分割（テストしてください）
  • すぐに使用される場合のみ必須（パーソナライゼーション）
  • 任意にすることを検討

ソーシャル認証オプション

  • 目立つ場所に配置（メールサインアップよりもコンバージョンが高いことが多い）
  • ターゲットオーディエンスに最も関連するオプションを表示
    • B2C: Google、Apple、Facebook
    • B2B: Google、Microsoft、SSO
  • メールサインアップと明確に視覚的に分離
  • 「Googleでサインアップ」をプライマリとして検討

電話番号

  • 必須でない限り延期（SMS認証、リードへの電話）
  • 必要な場合は理由を説明
  • 国コード処理を含む適切な入力タイプを使用
  • 入力時に書式を適用

会社/組織

  • 可能な場合は延期
  • 入力時に自動提案
  • 可能な場合はメールドメインから推測

ユースケース/役割に関する質問

  • 可能な場合はオンボーディング時に延期
  • サインアップ時に必要な場合は1つの質問に抑える
  • プログレッシブディスクロージャーを使用（一度にすべてのオプションを表示しない）

シングルステップ vs マルチステップ

シングルステップが適している場合:

  • 3つ以下のフィールド
  • シンプルなB2C製品
  • 意図の高い訪問者（広告、ウェイティングリスト経由）

マルチステップが適している場合:

  • 3〜4つ以上のフィールドが必要
  • セグメンテーションが必要な複雑なB2B製品
  • 異なる種類の情報を収集する必要がある

マルチステップのベストプラクティス

  • 進捗インジケーターを表示
  • 簡単な質問で開始（氏名、メール）
  • 難しい質問は後（心理的コミットメントの後）
  • 各ステップは数秒で完了可能であること
  • 戻るナビゲーションを許可
  • 進捗を保存（リフレッシュでデータを失わない）

プログレッシブコミットメントパターン:

  1. メールのみ（最も低い障壁）
  2. パスワード＋氏名
  3. カスタマイズ質問（任意）

信頼と摩擦の低減

フォームレベル

  • 「クレジットカード不要」（該当する場合）
  • 「永久無料」または「14日間無料トライアル」
  • プライバシーノート：「あなたのメールを共有することはありません」
  • 該当する場合はセキュリティバッジ
  • サインアップフォーム近くにテスティモニアル

エラーハンドリング

  • インラインバリデーション（送信時だけでなく）
  • 具体的なエラーメッセージ（「このメールは既に登録されています」＋復旧パス）
  • エラー時にフォームをクリアしない
  • 問題のあるフィールドにフォーカス

マイクロコピー

  • プレースホルダーテキスト: ラベルではなく例に使用
  • ラベル: 表示したままに（プレースホルダーのみにしない）— プレースホルダーは入力時に消え、ユーザーが何を入力しているかわからなくなる
  • ヘルプテキスト: 必要な場合のみ、フィールドの近くに配置

モバイルサインアップ最適化

  • より大きなタッチターゲット（44px以上の高さ）
  • 適切なキーボードタイプ（メール、電話番号など）
  • オートフィル対応
  • 入力を減らす（ソーシャル認証、事前入力）
  • シングルカラムレイアウト
  • 固定CTAボタン
  • 実際のデバイスでテスト

送信後の体験

成功状態

  • 明確な確認
  • 即座の次のステップ
  • メール確認が必要な場合:
    • 何をすべきか説明
    • 簡単な再送オプション
    • スパムフォルダ確認のリマインダー
    • 誤りの場合にメールを変更するオプション

確認フロー

  • 確認が必要になるまで遅延することを検討
  • パスワードの代替としてマジックリンク
  • 確認を待つ間、ユーザーに探索を許可
  • 確認が停滞した場合の明確な再エンゲージメント

測定

主要指標

  • フォーム開始率（ランディング → 入力を開始）
  • フォーム完了率（入力を開始 → 送信）
  • フィールドレベルの離脱（どのフィールドでユーザーが離れるか）
  • 完了までの時間
  • フィールドごとのエラー率
  • モバイル vs デスクトップの完了率

追跡すべき項目

  • 各フィールドのインタラクション（フォーカス、ブラー、エラー）
  • マルチステップでのステップ進行
  • ソーシャル認証 vs メールサインアップの比率
  • ステップ間の時間

出力形式

監査結果

見つかった各問題に対して:

  • 問題: 何が悪いか
  • 影響: なぜ重要か（可能な場合は推定影響度）
  • 修正: 具体的な推奨事項
  • 優先度: 高/中/低

推奨される変更

以下で整理:

  1. クイックウィン（即日修正可能）
  2. 影響の大きい変更（週単位の労力）
  3. テスト仮説（A/Bテストすべき項目）

フォームリデザイン（リクエストされた場合）

  • 推奨フィールドセットとその根拠
  • フィールド順序
  • ラベル、プレースホルダー、ボタン、エラー用のコピー
  • ビジュアルレイアウトの提案

一般的なサインアップフローパターン

B2B SaaSトライアル

  1. メール＋パスワード（またはGoogle認証）
  2. 氏名＋会社（任意：役職）
  3. → オンボーディングフロー

B2Cアプリ

  1. Google/Apple認証 または メール
  2. → プロダクト体験
  3. 後でプロフィール完了

ウェイティングリスト/アーリーアクセス

  1. メールのみ
  2. 任意：役職/ユースケース質問
  3. → ウェイティングリスト確認

Eコマースアカウント

  1. デフォルトでゲストチェックアウト
  2. アカウント作成は購入後に任意
  3. またはワンクリックソーシャル認証

実験アイデア

フォームデザイン実験

レイアウトと構造

  • シングルステップ vs マルチステップのサインアップフロー
  • プログレスバーあり vs なしのマルチステップ
  • 1カラム vs 2カラムのフィールドレイアウト
  • ページ内埋め込みフォーム vs 専用サインアップページ
  • 水平 vs 垂直のフィールド配置

フィールド最適化

  • 最小フィールドまで削減（メール＋パスワードのみ）
  • 電話番号フィールドを追加または削除
  • 単一「氏名」フィールド vs 「姓・名」分割
  • 会社/組織フィールドを追加または削除
  • 必須 vs 任意フィールドのバランスをテスト

認証オプション

  • SSOオプションを追加（Google、Microsoft、GitHub、LinkedIn）
  • SSOを目立たせる vs メールフォームを目立たせる
  • どのSSOオプションが響くかをテスト（オーディエンスによって異なる）
  • SSOのみ vs SSO＋メールオプション

ビジュアルデザイン

  • CTAの目立ち方のためのボタンの色とサイズをテスト
  • 無地の背景 vs 製品関連のビジュアル
  • フォームコンテナのスタイルをテスト（カード vs ミニマル）
  • モバイル最適化レイアウトテスト

コピーとメッセージング実験

見出しとCTA

  • サインアップフォーム上の見出しバリエーションをテスト
  • CTAボタンテキスト：「アカウント作成」 vs 「無料トライアルを開始」 vs 「はじめる」
  • CTAにトライアル期間の明記を追加
  • フォームヘッダーでの価値提案強調をテスト

マイクロコピー

  • フィールドラベル：ミニマル vs 説明的
  • プレースホルダーテキストの最適化
  • エラーメッセージの明確さとトーン
  • パスワード要件表示（事前 vs エラー時）

信頼要素

  • サインアップフォームの横にソーシャルプルーフを追加
  • フォーム近くの信頼バッジをテスト（セキュリティ、コンプライアンス）
  • 「クレジットカード不要」のメッセージを追加
  • プライバシー保証のコピーを含める

トライアルとコミットメント実験

無料トライアルのバリエーション

  • トライアルにクレジットカード必須 vs 不要
  • トライアル期間の影響をテスト（7日 vs 14日 vs 30日）
  • フリーミアム vs 無料トライアルモデル
  • 機能制限付きトライアル vs フルアクセス

摩擦ポイント

  • メール確認：必須 vs 遅延 vs 削除
  • CAPTCHAが完了率に与える影響をテスト
  • 利用規約同意：チェックボックス vs 黙示の同意
  • 高価値アカウント向け電話確認

送信後実験

  • サインアップ後の明確な次のステップメッセージ
  • 即時プロダクトアクセス vs メール確認を先に行う
  • サインアップデータに基づくパーソナライズされたウェルカムメッセージ
  • サインアップ後に自動ログイン vs ログインを要求

タスク固有の質問

  1. 現在のサインアップ完了率は？
  2. フィールドレベルの離脱分析データはあるか？
  3. ユーザーが製品を使用する前に絶対に必要なデータは何か？
  4. コンプライアンスや確認の要件はあるか？
  5. サインアップ直後は何が起こるか？

関連スキル

  • onboarding: サインアップ後の最適化用
  • cro: サインアップ以外のフォーム（リード獲得、問い合わせ）用
  • cro: サインアップに至るランディングページ用
  • ab-testing: サインアップフロー変更のテスト用

Individual skills in this repo

This repo contains 20 individual skills — each has its own dedicated page.

ab-testing

When the user wants to plan, design, or implement an A/B test or experiment, or build a growth experimentation program. Also use when the user mentions

ads

When the user wants help with paid advertising campaigns on Google Ads, Meta (Facebook/Instagram), LinkedIn, Twitter/X, or other ad platforms. Also use when the user mentions

ai-seo

When the user wants to optimize content for AI search engines, get cited by LLMs, or appear in AI-generated answers. Also use when the user mentions

analytics

When the user wants to set up, improve, or audit analytics tracking and measurement. Also use when the user mentions

aso

When the user wants to audit or optimize an App Store or Google Play listing. Also use when the user mentions

attribution

When the user wants to figure out which marketing actually drives conversions and revenue, choose or interpret an attribution model, or reconcile conflicting numbers across tools. Also use when the user mentions

churn-prevention

When the user wants to reduce churn, build cancellation flows, set up save offers, recover failed payments, or implement retention strategies. Also use when the user mentions

cold-email

Write B2B cold emails and follow-up sequences that get replies. Use when the user wants to write cold outreach emails, prospecting emails, cold email campaigns, sales development emails, or SDR emails. Also use when the user mentions

co-marketing

When the user wants to find co-marketing partners, plan joint campaigns, or brainstorm partnership opportunities. Use when the user says

community-marketing

Build and leverage online communities to drive product growth and brand loyalty. Use when the user wants to create a community strategy, grow a Discord or Slack community, manage a forum or subreddit, build brand advocates, increase word-of-mouth, drive community-led growth, engage users post-signup, or turn customers into evangelists. Trigger phrases: \

competitor-profiling

When the user wants to research, profile, or analyze competitors from their URLs. Also use when the user mentions

competitors

When the user wants to create competitor comparison or alternative pages for SEO and sales enablement. Also use when the user mentions

content-strategy

When the user wants to plan a content strategy, decide what content to create, or figure out what topics to cover. Also use when the user mentions

copy-editing

When the user wants to edit, review, or improve existing marketing copy, or refresh outdated content. Also use when the user mentions

copywriting

When the user wants to write, rewrite, or improve marketing copy for any page — including homepage, landing pages, pricing pages, feature pages, about pages, or product pages. Also use when the user says

coreyhaines31/ab-test-setup

When the user wants to plan, design, or implement an A/B test or experiment, or build a growth experimentation program. Also use when the user mentions "A/B test," "split test," "experiment," "test this change," "variant copy," "multivariate test," "hypothesis," "should I test this," "which version is better," "test two versions," "statistical significance," "how long should I run this test," "growth experiments," "experiment velocity," "experiment backlog," "ICE score," "experimentation program," or "experiment playbook." Use this whenever someone is comparing two approaches and wants to measure which performs better, or when they want to build a systematic experimentation practice. For tracking implementation, see analytics-tracking. For page-level conversion optimization, see page-cro.

coreyhaines31/analytics-tracking

When the user wants to set up, improve, or audit analytics tracking and measurement. Also use when the user mentions "set up tracking," "GA4," "Google Analytics," "conversion tracking," "event tracking," "UTM parameters," "tag manager," "GTM," "analytics implementation," "tracking plan," "how do I measure this," "track conversions," "attribution," "Mixpanel," "Segment," "are my events firing," or "analytics isn't working." Use this whenever someone asks how to know if something is working or wants to measure marketing results. For A/B test measurement, see ab-test-setup.

coreyhaines31/aso-audit

When the user wants to audit or optimize an App Store or Google Play listing. Also use when the user mentions 'ASO audit,' 'app store optimization,' 'optimize my app listing,' 'improve app visibility,' 'app store ranking,' 'audit my listing,' 'why aren't people downloading my app,' 'improve my app conversion,' 'keyword optimization for app,' or 'compare my app to competitors.' Use when the user shares an App Store or Google Play URL and wants to improve it.

coreyhaines31/competitor-alternatives

When the user wants to create competitor comparison or alternative pages for SEO and sales enablement. Also use when the user mentions 'alternative page,' 'vs page,' 'competitor comparison,' 'comparison page,' '[Product] vs [Product],' '[Product] alternative,' 'competitive landing pages,' 'how do we compare to X,' 'battle card,' or 'competitor teardown.' Use this for any content that positions your product against competitors. Covers four formats: singular alternative, plural alternatives, you vs competitor, and competitor vs competitor. For sales-specific competitor docs, see sales-enablement.

coreyhaines31/email-sequence

When the user wants to create or optimize an email sequence, drip campaign, automated email flow, or lifecycle email program. Also use when the user mentions "email sequence," "drip campaign," "nurture sequence," "onboarding emails," "welcome sequence," "re-engagement emails," "email automation," "lifecycle emails," "trigger-based emails," "email funnel," "email workflow," "what emails should I send," "welcome series," or "email cadence." Use this for any multi-email automated flow. For cold outreach emails, see cold-email. For in-app onboarding, see onboarding-cro.

関連スキル

steipete/video-frames

Extract frames or short clips from videos using ffmpeg.

community

steipete/summarize

Summarize or transcribe URLs, YouTube/videos, podcasts, articles, transcripts, PDFs, and local files.

community

openclaw/openclaw

Use when testing, fixing, or extending the OpenClaw Control UI GUI with Vitest + Playwright end-to-end checks, mocked Gateway WebSocket flows, mocked dashboard runs, screenshots/videos, or agent-verifiable browser proof.

community

obra/superpowers

Obra superpowers agent skills.

community

affaan-m/ECC

See, Understand, Act on video and audio. See- ingest from local files, URLs, RTSP/live feeds, or live record desktop; return realtime context and playable stream links. Understand- extract frames, build visual/semantic/temporal indexes, and search moments with timestamps and auto-clips. Act- transcode and normalize (codec, fps, resolution, aspect ratio), perform timeline edits (subtitles, text/image overlays, branding, audio overlays, dubbing, translation), generate media assets (image, audio...

community

affaan-m/everything-claude-code

End-to-end marketing campaign planning and execution. Covers audience research, positioning, campaign angle definition, landing page copy, email sequences, social posts, ad copy, short-form video scripts, and content calendars. Use as the orchestration layer for multi-channel product launches. Use when planning or executing a multi-channel product launch, or producing landing page, email, social, or ad copy.

community