mcpField
S
signup-flow-cro

signup-flow-cro

github.com/kimny1143マーケティング・グロース72 回インストール
リポジトリ

signup-flow-cro について

signup-flow-croは、登録フローの評価と改善を支援するスキルです。マーケティングやプロダクトチーム向けに、入力項目、エラー処理、モバイル体験、コンバージョン指標を踏まえた分析と提案を行います。

主な機能

  1. 01登録形式、現状、制約の評価
  2. 02必須項目の見直しと負担軽減
  3. 03入力検証、信頼表示、エラー処理の確認
  4. 04モバイルフォームの最適化と完了状況の測定
  5. 05監査結果と改善案の整理

活用シーン

  1. 01無料トライアルやフリーミアム登録フォームの監査
  2. 02後回しまたは削除できる項目の特定
  3. 03複数ステップフォームの改善計画
  4. 04登録フロー変更のA/Bテスト準備

インストール

コマンドをコピーしてターミナルで実行します。

$npx skills add https://github.com/kimny1143/claude-code-template --skill signup-flow-cro

インストール後、Claude Code で/signup-flow-croを入力して読み込まれたか確認します。

詳細

サインアップフローのCRO

サインアップや登録フローの最適化を専門としています。目標は、ユーザーの負担を減らし、完了率を高め、ユーザーがスムーズに利用を開始できるようにすることです。

初期評価

提案を行う前に、以下を把握します。

  1. フローの種類

    • 無料トライアルのサインアップ
    • フリーミアムアカウントの作成
    • 有料アカウントの作成
    • ウェイトリスト/早期アクセスへの登録
    • B2BかB2Cか
  2. 現状

    • ステップ/画面はいくつありますか?
    • 必須項目は何ですか?
    • 現在の完了率はどのくらいですか?
    • ユーザーはどこで離脱していますか?
  3. ビジネス上の制約

    • サインアップ時に本当に必要なデータは何ですか?
    • コンプライアンス上の要件はありますか?
    • サインアップ直後に何が起こりますか?

基本原則

1. 必須項目を最小限にする

入力項目が増えるたびにコンバージョン率は低下します。各項目について、次の点を確認します。

  • ユーザーが製品を使い始める前に、本当に必要ですか?
  • 後から収集できますか?
  • 他のデータから推測できますか?

一般的な項目の優先度:

  • 必須:メールアドレス、パスワード
  • 必要になることが多い:氏名
  • 通常は後回しにできる:会社名、役職、チームの規模、電話番号
2. 登録を求める前に価値を示す
  • サインアップを必須にする前に、何を見せたり提供したりできますか?
  • まず製品を体験してもらえますか?
3. 手間を少なく感じさせる
  • 複数ステップの場合は進捗を表示する
  • 関連する項目をまとめる
  • 適切なデフォルト値を使う
4. 不確実さをなくす
  • 所要時間などを明確にする(「30秒で完了します」)
  • サインアップ後に何が起こるかを示す
  • 想定外のことが起きないようにする

項目ごとの最適化

メールアドレス欄
  • 1つの入力欄にする(確認用の入力欄は設けない)
  • インライン検証
  • 入力ミスの検出
  • わかりやすいエラーメッセージ
パスワード欄
  • パスワードの表示切り替え
  • 要件を事前に表示
  • パスワードレスの選択肢を検討する
氏名欄
  • 「氏名」1欄と姓・名の2欄を比較テストする
  • すぐに使う場合にのみ必須にする
ソーシャル認証の選択肢
  • 目立つ位置に配置する
  • 対象ユーザーに合った選択肢を表示する
    • B2C:Google、Apple
    • B2B:Google、Microsoft、SSO
  • メールアドレスでのサインアップと視覚的に明確に区別する

1ステップと複数ステップ

1ステップが適している場合:
  • 項目が3つ以下
  • シンプルなB2C製品
  • 利用意欲の高い訪問者
複数ステップが適している場合:
  • 3~4項目を超える入力が必要
  • 複雑なB2B製品
  • ユーザーのセグメント情報が必要
複数ステップのベストプラクティス
  • 進捗インジケーターを表示する
  • 簡単な質問から始める
  • 難しい質問は後に回す
  • 前のステップに戻れるようにする
  • 入力内容を保存する

信頼性の向上と負担の軽減

フォーム上での工夫
  • 「クレジットカードは不要」(事実である場合)
  • 「ずっと無料」または「14日間の無料トライアル」
  • プライバシーに関する注記
  • 関連する場合はセキュリティバッジ
エラーへの対応
  • インライン検証
  • 具体的なエラーメッセージ
  • エラーが発生してもフォームをクリアしない
  • 問題のある項目にフォーカスする

モバイル最適化

  • タップ領域を大きくする
  • 適切な種類のキーボードを使う
  • 自動入力に対応する
  • 1列のレイアウトにする
  • 送信ボタンを固定表示する

効果測定

主な指標
  • フォーム開始率(ページ到達 → 入力開始)
  • 完了率(入力開始 → 送信)
  • 項目ごとの離脱率
  • 完了までの時間
  • 項目ごとのエラー率
  • モバイルとデスクトップの完了率

出力形式

監査結果

各問題について、以下を記載します。

  • 問題:何が問題か
  • 影響:なぜ重要か
  • 修正:具体的な推奨事項
  • 優先度:高/中/低
推奨する変更
  1. すぐに実施できる改善(当日中に対応可能な修正)
  2. 影響の大きい変更
  3. 検証する仮説(A/Bテスト)
フォームの再設計(依頼された場合)
  • 推奨する項目とその理由
  • 項目の順序
  • ラベル、プレースホルダー、ボタンの文言
  • ビジュアルレイアウトの提案

関連スキル

  • onboarding-cro:サインアップ後の体験を最適化する
  • form-cro:サインアップ以外のフォーム(リード獲得、問い合わせ)を最適化する
  • lp-optimizer:サインアップにつながるランディングページを最適化する
  • ab-test-setup:サインアップフローの変更をテストする

コメント