mcpField
O
onboarding-wizard-design

onboarding-wizard-design

github.com/rampstackcoデザイン・UI1.0k266 回インストール1 週間前に更新
リポジトリ

onboarding-wizard-design について

登録後のオンボーディングウィザードを設計・評価するためのスキルです。ステップ構成、段階的な情報提示、スキップと再開、離脱測定を通じて、ユーザーが価値を実感する流れを設計します。

主な機能

  1. 01ウィザードの適否判断
  2. 02価値につながるステップ設計
  3. 03段階的な情報提示パターン
  4. 04スキップと再開の仕組み
  5. 05ステップごとの離脱測定

活用シーン

  1. 01初回オンボーディングを設計する
  2. 02完了率の低い導線を監査する
  3. 03含める内容と後回しにする内容を決める
  4. 04ウィザードで示す価値の瞬間を定める

インストール

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

$npx skills add https://github.com/rampstackco/claude-skills --skill onboarding-wizard-design

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

同梱ファイル

SKILL.md と一緒にインストールされる参考資料やスクリプト。

README.md
references/
ah-ha-moment-engineering.md
common-onboarding-failures.md
drop-off-measurement-templates.md
progressive-disclosure-patterns.md
skip-and-resume-mechanics.md
step-architecture-patterns.md
user-type-variation-patterns.md
wizard-anti-patterns.md
wizard-decision-criteria.md

詳細

オンボーディングウィザードの設計

ユーザーに負担をかけずに「なるほど」と思える瞬間へ導く、初回利用時の製品オンボーディングウィザードを設計するための、シニアプロダクトマーケティングディレクターによる実践ガイドです。ステップ構成、段階的な情報開示、離脱手段、完了へのインセンティブ、離脱率の測定を扱います。ユーザーが実際に最後まで完了するオンボーディングシーケンスを構築するためのノウハウです。

多くの製品オンボーディングウィザードは、主に2つの理由で失敗します。ユーザーがまだ辛抱強く付き合う気になっていないのに、12ステップの導入にあらゆる機能を詰め込んでしまうか、「オンボーディングをスキップ」ボタンを目立たせすぎて、ユーザーが何の手がかりもないまま空っぽの製品に入ってしまい、価値を見つけられず翌日には離脱してしまいます。重要なのはアクティベーション率ですが、多くのウィザードは間違った指標を最適化しています。

効果のあるウィザードは、異なるアプローチをとります。各ステップが、ユーザーを価値へと一歩近づけます。必要な情報を適切なタイミングで提示し、最初からすべてを見せることはありません。スキップする選択肢は用意しつつ、ユーザーがエンゲージメントを保つようバランスをとります。ユーザーは、自分の時間を大切にしてくれたと感じながら、「なるほど」と思える瞬間にたどり着きます。

語り手は、ウィザードを再設計するとアクティベーション率が倍増するのを目の当たりにし、何の方針もなく「オンボーディングを増やした」結果、率が急落するのも見てきたシニアプロダクトマーケティングディレクターです。完了されるウィザードとスキップされるウィザードを分ける設計上の選択について、実践的で明確な意見を述べます。ウィザードを設けないことが正解である場合も、率直に指摘します。

このスキルを使う場面:初めての初回利用時オンボーディングウィザードの範囲を定めるとき、完了率やアクティベーション率の低いウィザードを監査するとき、どの機能をオンボーディングに含め、どれを製品内ヘルプに委ねるかを判断するとき、またはウィザードで実現を目指す「なるほど」と思える瞬間を設計するときです。


このスキルの対象範囲

このスキルでは、初回利用時の製品オンボーディングウィザードを幅広く扱います。グロースツールとの違いは次のとおりです。

  • multi-step-form-design はサインアップ前のデータ収集(ユーザーがアクセス権を得る前のフォーム)を扱います。このスキルはサインアップ後の製品オンボーディングを扱います。対象となる段階も、ユーザーの状況も異なります。
  • interactive-product-tour は製品内でライフサイクル全体にわたって表示する、状況に応じたヘルプを扱います。このスキルは初回利用時の一連の体験を扱います。
  • chatbot-flow-design は会話形式のヘルプを扱います。このスキルは会話形式ではない、順を追ったセットアップを扱います。
  • **onboarding-wizard-design(このスキル)**は、サインアップ後のウィザードの構成、「なるほど」と思える瞬間の設計、段階的な情報開示、スキップの仕組み、離脱率の測定を扱います。
  • pm-spec-writing は、ウィザードを構築するエンジニア向けの仕様書を扱います。このスキルが扱うのは何を構築するかであり、pm-spec-writing が扱うのはそれをどう伝えるかです。

対象読者:アクティベーションフローを設計するプロダクトマーケター、グロースマーケター、社内の製品チーム、SaaS クライアントのアクティベーション施策を実施する代理店です。

対象外:サインアップ前のフォーム(multi-step-form-design の対象)、製品内の状況に応じたツアー(interactive-product-tour の対象)、エンジニアリング実装、Userpilot/Userflow/Pendo/Appcues の具体的なプラットフォーム設定(これらは実装側で扱います)。


ウィザードを導入する価値がある場合と、状況に応じたヘルプで十分な場合の判断

ウィザードを設計する前に、ウィザードが適切な手段かどうかを判断します。

ウィザードへの投資に価値がある場合:

  • 価値が生まれる前に、製品に重要なセットアップ手順がある場合。データソースへの接続、チームメイトの招待、ワークスペースの設定などです。セットアップしないと製品は空のままです。ウィザードを使えば、セットアップに取り組みやすくなります。
  • 「なるほど」と思える瞬間に、複数の操作を順番に行う必要がある場合。単一の操作で「なるほど」と思える場合(URLを貼り付けて結果を見るなど)は、ウィザードより状況に応じたプロンプトのほうが適していることがよくあります。
  • 対象ユーザーがガイド付きのオンボーディングを期待している場合。技術的なセットアップが必要な B2B SaaS、エンタープライズソフトウェア、設定可能な製品などが該当します。一部のユーザー(一般消費者向け、手間なく使えるツールなど)は、ウィザードによる煩わしさを受け入れません。
  • チームがウィザードを継続的に保守できる場合。製品の進化に伴い、ウィザードは古くなります。保守する体制がなければ、ウィザードは負担になります。

ウィザードへの投資に価値がない場合:

  • 製品がすぐに価値を提供する場合。入力が1つだけのツールや、シンプルな一般消費者向け製品などです。ウィザードは成果を高めず、手間を増やします。
  • 状況に応じたヘルプで十分な場合。ツールチップ、機能内のヒント、製品内で段階的に行う説明のほうが、事前のウィザードより適していることがあります。
  • 対象ユーザーが煩わしさを期待していない場合。ウィザードの時点で利用をやめるユーザーもいます。ユーザーの状況に合わせましょう。
  • 製品の変更に合わせてチームがウィザードを保守できない場合。古くなったウィザードは廃止された機能を案内し、ユーザーは途中で動かなくなった手順に遭遇します。

判断すべきなのは「オンボーディングウィザードを用意するべきか」ではなく、「この特定の製品と対象ユーザーにとって、ウィザードは適切な手段か」です。

詳細は references/wizard-decision-criteria.md をご覧ください。


チュートリアル過多・スキップしやすいが空のまま・価値に応じた段階的開示

重要な枠組みです。

チュートリアル過多。 ユーザーが製品を使う前に、12段階の導入ですべての機能を説明します。認知的な負荷が過剰になります。ユーザーはスキップできるならスキップし、できなければ離脱します。問題点:ウィザードの設計に労力をかけても、ほとんど誰も完了しない一連の手順になり、ユーザーが価値を得られる瞬間にたどり着けないため、アクティベーション率が下がります。

スキップしやすいが空のまま。 各ステップに「オンボーディングをスキップ」ボタンがあり、目立ちすぎるため、ユーザーはいつもそれを選びます。ユーザーはスキップして、説明のない空の製品にたどり着き、数時間以内に離脱します。問題点:製品を使える状態にする基本的なセットアップが行われないため、アクティベーション率が急落します。

価値に応じた段階的開示。 各ステップによって、ユーザーは価値に一歩近づきます。ウィザードは最初からすべてを提示するのではなく、適切なタイミングで適切な情報を表示します。スキップは可能ですが、使い続けることとのバランスを取ります(たとえば、スキップするとセットアップが一部未完了の状態になり、後から完了するための案内が明確に表示されます)。問題点:設計に大きな労力がかかりますが、その結果、アクティベーション率が大幅に向上することがよくあります。

判定基準です。新規ユーザーがウィザードを完了する(またはスキップする)様子を観察します。最初のセッション中に、製品が価値を目に見える形で示す瞬間にたどり着きましたか? たどり着いたなら、それは価値に応じた段階的開示です。すべてのステップを完了したのに価値を得られなかったなら、チュートリアル過多です。スキップして戻ってこなかったなら、スキップしやすいが空のままです。


ステップのアーキテクチャ:各ステップに含める内容と順序のロジック

ウィザードを実際に機能させる構成です。

原則。 各ステップは、ユーザーを価値に一歩近づけるものであるべきです。そうでないステップは削除します。

一般的なステップのパターン。

  • ウェルカムとオリエンテーション。 簡単な背景説明を行い、多くの場合スキップできます。ウィザードで何を行うのか、ユーザーの期待を設定します。
  • ユーザー情報とアカウントの状況。 ユーザーが誰で、どのような役割を担い、何を目的に利用を始めたのかを確認します。後続のステップをパーソナライズするためによく使われます。
  • 必須のセットアップステップ。 製品が機能するために欠かせない設定を行います(データソースの接続、チームメイトの招待、主なユースケースの設定など)。ウィザードの存在意義が最も明確になるのは、多くの場合このステップです。
  • 最初のアクションを行うステップ。 ユーザーに、目に見える結果を生み出す意味のあるアクションを実行してもらいます。価値に気づく瞬間は、ここか、その直後に訪れます。
  • 設定の先送り。 後から設定できるものの、よく必要とされる項目を提示します。後で設定できる明確な方法を示し、先送りできるようにします。
  • 確認と次のステップ。 設定した内容を振り返り、次に行うことを示して、製品内のホーム画面に案内します。

ステップの一貫性テスト。 各ステップについて、「このステップはユーザーを価値に近づけたか」と確認します。網羅性や機能を誇示するためだけにあるステップは削除します。

詳細はreferences/step-architecture-patterns.mdをご覧ください。


価値に気づく瞬間の設計

ウィザードが実際に生み出そうとしているものです。

原則。 価値に気づく瞬間とは、ユーザーが「なるほど、これは自分にこう役立つんだ」と実感する瞬間です。ウィザードの構成は、この瞬間につながるよう設計します。

価値に気づく瞬間を見極める。

  • 機能を説明するだけではなく、価値を目に見える形で示すものです。
  • 知識を得ることではなく、アクションに結びついています。ユーザーが何かを実行し、その結果を確認します。
  • 一度きりの明確な瞬間です。複数の瞬間をチェックリストのように並べるものではありません。
  • 正直なものです。作為的なデモではなく、ユーザーが実際に価値を得ています。

設計上の留意点。

  • ウィザードの導線は、価値に気づく瞬間へと収束するようにします。貢献しないステップは、先送りするか削除します。
  • 価値に気づく瞬間は、ユーザーの最初のセッション中、できればサインアップから5〜10分以内に訪れるべきです。価値を得るまでの時間が長いほど、チャーンとの相関が高くなります。
  • 価値に気づく瞬間は、対象ユーザーによって異なります。B2Bの管理者とエンドユーザーでは、価値に気づく瞬間が異なります。ウィザードをユーザーごとに分ける必要がある場合もあります。

価値に気づく瞬間の一般的なパターン。

  • 初めてクエリや出力が成功する。 ユーザーが自分のデータに対して何かを実行し、有用な結果を確認します。
  • 初めて意味のある共同作業を行う。 ユーザーがチームメイトに何かを共有し、反応を確認します。
  • 初めて設定を保存する。 ユーザーが、今後も利用する設定を行います。
  • 価値を示すインサイトを初めて得る。 ユーザーが、驚きを感じる指標、推奨事項、パターンを確認します。

詳細はreferences/ah-ha-moment-engineering.mdをご覧ください。


段階的に情報を開示するパターン

各ステップで必要な情報だけを提示する方法です。

原則。 現在のステップを完了するためにユーザーが必要とする入力項目、選択肢、情報だけを表示します。それ以外は、製品内ヘルプまたは後の設定に委ねます。

パターン A:デフォルトを充実させる。 各ステップに適切なデフォルト値を設定します。ユーザーはそのまま使うことも、上書きすることもできます。ほとんどのユーザーはそのまま使い、上級ユーザーは上書きします。認知負荷を軽減できます。

パターン B:今すぐ必須、後から任意。 必須項目はウィザードに表示し、任意の設定は有効化後に製品内で提示します。ウィザードの焦点を保てます。

パターン C:必要に応じて展開。 セクションはデフォルトで折りたたまれており、興味のあるユーザーが展開します。使用頻度は低く、ユーザーが自由に探索できる場合に有効です。

パターン D:分岐。 以前の回答に応じて、ユーザーごとに異なるステップを表示します。強力ですが、メンテナンスが複雑になります。

徹底すること。ウィザードに表示する情報はすべて、表示する理由が必要です。装飾的な情報は手間を増やします。後から提示しましょう。

詳細は references/progressive-disclosure-patterns.md を参照してください。


スキップと再開の仕組み

ユーザーがスキップしたとき、どこに移動するのか。再開したとき、何が表示されるのか。

スキップの原則。 スキップしても、製品が空の状態になってはいけません。スキップを提供する場合、ユーザーはその後も先に進める状態に移動できなければならず、ウィザードで後回しにしたステップに再びアクセスできる必要があります。

スキップのパターン。

  • 状況を示すソフトスキップ。 「今はスキップ」を選ぶと、設定が一部完了した状態で製品に移動し、後回しにした設定を完了するための案内が明確に表示されます。
  • スキップして後回しにする。 スキップしたステップは、後で製品内のプロンプトとして提示されます。
  • 警告付きスキップ。 「設定をスキップすると、利用できる機能が X に制限されます。続行しますか?」のように、結果を正直に伝えます。
  • スキップ不可。 コンプライアンスフォームや有料登録など、どうしても完了が必要なウィザード向けです。使用は控えめにしてください。

再開のパターン。

  • 次回ログイン時に自動再開。 ユーザーは前回中断したステップに移動します。
  • 製品内の入口から手動で再開。 ウィザードに戻れる「設定を完了」画面を常に表示します。
  • ソフト再開。 ユーザーが製品内で同等の操作を自然に完了すると、ウィザードが徐々に消えていきます。

「スキップしやすいが空の状態になる」失敗。 スキップが目立ちすぎて、結果に影響しないように見えるため、ユーザーは未設定の製品に移動し、ウィザードに戻る手段もありません。アクティベーションが進まなくなります。

解決策。 スキップによる結果を正直に伝え、元に戻る手段を用意します。スキップしたユーザーが、何をスキップしたのか把握できるようにします。

詳細は references/skip-and-resume-mechanics.md を参照してください。


離脱の測定と改善

ユーザーがウィザードのどこで離脱するか、そしてその解決方法です。

ステップごとの計測。 すべてのステップについて、開始、完了、離脱を追跡します。これらの指標は、ほかのあらゆる改善に役立ちます。

よくある離脱パターン。

  • 最初のステップでの離脱。 ユーザーはウィザードに移動して内容を確認した後、離脱しました。ウィザードの価値が明確でないか、ユーザーがウィザードのない体験を期待していたことを示す場合がよくあります。
  • ウィザード途中での離脱。 ユーザーは途中で処理を中断しました。該当するステップを監査します。入力項目の数、機微情報、進捗のわかりにくさなどを確認します。
  • すべてスキップしての離脱。 ユーザーは利用可能なステップをすべてスキップしました。ウィザードが時間をかける価値を提供していないか、スキップが目立ちすぎる可能性があります。

改善パターン。

  • 最初のステップでの離脱:ウィザードの目的を明確にする。最初に求める入力項目を減らす。ウィザードそのものが必要かどうかを検討する。
  • ウィザード途中での離脱:離脱率の高いステップを監査する。手間を減らす。そのステップをウィザードに含めるべきか再検討する。
  • すべてスキップしての離脱:スキップの目立ちやすさを調整する。ウィザードを状況に応じたプロンプトに置き換えるべきか検討する。

計測要件。 ステップごとの追跡がなければ、離脱の改善は当て推量になります。公開前に追跡を設定してください。

詳細は references/drop-off-measurement-templates.md を参照してください。

ユーザータイプ別のウィザードのバリエーション

ユーザーのタイプによって、必要なウィザードは異なる場合があります。

管理者とエンドユーザーの違い。 管理者はワークスペースをセットアップし、エンドユーザーは使い始めます。両者を対象にしたウィザードでは、どちらにも対応しきれません。それぞれに合わせたウィザードが必要です。

技術者と非技術者の違い。 技術者は説明を省きたい一方、非技術者には説明が必要です。ウィザードの語調や詳しさは、対象に合わせる必要があります。

チーム規模の違い。 個人の創業者と50人規模のチームでは、セットアップのニーズが異なります。ウィザードを分岐させることもできます。

差別化のパターン。

  • 役割ベースの分岐。 最初のステップで役割を尋ね、その後のステップをそれに合わせます。
  • ユースケースベースの分岐。 最初のステップでユースケースを尋ね、ウィザードをそれに合わせます。
  • 規模ベースの分岐。 個人、チーム、エンタープライズで異なるパスを用意します。

差別化しすぎる落とし穴。 バリエーションが多すぎると、ウィザードを保守できなくなります。ほとんどのウィザードでは、バリエーションは最大2〜3種類で十分です。

詳しくは、references/user-type-variation-patterns.mdをご覧ください。


よくある失敗パターン

簡潔に説明します。診断については、references/common-onboarding-failures.mdをご覧ください。

  • 「アクティベーション率は低いが、完了率は高い。」ウィザードは完了したものの、ユーザーが「あっ」と気づく瞬間を生み出せていません。完了後にユーザーが何をしたかを確認してください。
  • 「スキップ率が50%を超えている。」ウィザードに時間をかける価値がないか、スキップが目立ちすぎるかのどちらかです。両方を確認してください。
  • 「ユーザーはウィザードを完了した後、24時間以内に製品の利用をやめてしまう。」価値を実感するまでに時間がかかりすぎています。「あっ」と気づく瞬間が最初のセッションにありません。
  • 「新規ユーザーにはウィザードが機能するが、既存ユーザーは壊れたステップに遭遇する。」ウィザードが製品と一緒に保守されていません。廃止済みの機能が依然としてフローに残っています。
  • 「セグメントによって完了率が大きく異なる。」対象との適合度に差があります。役割ベースまたはユースケースベースの分岐を検討してください。
  • 「モバイルの完了率がデスクトップの半分だ。」ウィザードのモバイル UX に問題があります。
  • 「オンボーディングのステップを増やしたら、アクティベーション率が下がった。」チュートリアル過多のパターンです。多ければよいわけではありません。
  • 「スキップの仕組みは機能するが、ユーザーが戻ってセットアップを完了しない。」スキップして後で行う仕組みが機能していません。戻るよう促すアプリ内プロンプトがないか、無視されています。
  • 「前回のリリース後、ウィザードの分析が機能しなくなった。」計測にずれが生じています。追跡し、更新してください。

フレームワーク:オンボーディングウィザードを設計する際の12の考慮事項

オンボーディングウィザードを設計または監査する際は、以下の12項目を確認してください。

  1. ウィザードを使うべきか。 ウィザードが適切な手段でしょうか。それとも、状況に応じたプロンプトで十分でしょうか。
  2. チュートリアル過多や、スキップしやすいものの中身が空の状態ではなく、段階的開示を実現する。 各ステップを通じて、ユーザーが価値に一歩ずつ近づけるようにします。
  3. ステップ構成が適切である。 各ステップでユーザーを価値に近づけます。貢献しないステップは削除します。
  4. 「あっ」と気づく瞬間を作り込む。 最初のセッションで、アクションに結びついた、目に見える価値の瞬間を一つ作ります。
  5. 段階的開示を適用する。 今必要なものだけを表示し、残りは後回しにします。
  6. スキップの仕組みが誠実である。 スキップできるようにしつつ、製品が空っぽの状態にならないようにします。
  7. 再開の仕組みが機能する。 スキップしたユーザーが戻る手段を用意し、再開したかを計測します。
  8. 離脱の測定を計測可能にする。 開始時点からステップごとに追跡します。
  9. ユーザータイプ別のバリエーションを適切に調整する。 バリエーションは最大2〜3種類とし、過度な差別化を避けます。
  10. モバイルとの同等性。 対象ユーザーが使うデバイスでウィザードが機能するようにします。
  11. 成功指標としてアクティベーションを使う。 完了率だけではなく、ウィザード後の製品エンゲージメントを指標にします。
  12. 保守を徹底する。 製品の変更に合わせてウィザードを更新し、四半期ごとに監査します。

このフレームワークの成果は、ユーザーを「あっ」と気づく瞬間へ導き、ユーザーの時間を尊重し、チームが説明できるアクティベーション率を生み出すオンボーディングウィザードです。


参照ファイル


まとめ: ウィザードはユーザーの最初のセッションを勝ち取る

複利で効いてくる資産として機能するオンボーディングウィザードは、ユーザーを最初のセッション内で価値に到達させるものです。ウィザードがすべての機能を説明したからではありません。ウィザードが素早くスキップされたからでもありません。ウィザードがアハ体験を設計し、ユーザーの時間を尊重し、適切なタイミングで適切なものを提示したからです。

それが基準です。基準を下回るのは、チュートリアル過多(すべてを最初に提示し、誰も完了しない)とスキップしやすい空(スキップが目立ちすぎて、誰もアクティベーションしない)です。基準を上回るのは、各ステップがユーザーを価値へ一歩ずつ近づけ、スキップが結果について正直であり、アクティベーション指標がウィザードの実際の役割を反映している、獲得型の段階的開示ウィザードです。

規律は設計上の選択にあります。そもそもウィザードを構築するか、コンテキストヘルプに委ねるかの判断。アハ体験に収束するステップアーキテクチャ。適切なタイミングで適切なものを提示する段階的開示。空の製品からユーザーを守るスキップの仕組み。継続的な改善に役立つ離脱の計測。ウィザードをそれが表す製品と同期させ続けるメンテナンスのサイクル。

迷ったときは、こう問いかけてください。ユーザーは最初のセッションでアハ体験に到達したか、そしてウィザードはそれを助けたか妨げたか。前者が「はい」で後者が「助けた」なら、そのウィザードは構築する価値を勝ち取ったと言えます。どちらかが「いいえ」なら、再設計してください。

コメント