使い方ガイドへスキップ
Onboarding Design作者 Owl-Listener

Onboarding Design スキル。

製品全体の学習を求める前に、新規ユーザーが有用な成果にたどり着けるよう支援します。

  • インタラクションデザイン
  • オンボーディング
ソースレビュー · Onboarding DesignSKILL.md
タスク インタラクションデザイン 成果物 • 必須のセットアップ手順と後回しにできる手順を示した、最初の価値に至る経路。 • ガイダンス、サンプルデータ、空の状態を対象としたパターンの選択。 • アクティベーション、所要時間、ステップ離脱の計測計画。 開始前に 後から計測を行う場合は、製品固有のアクティベーション定義と計測の仕組みが必要です。
編集部による要約 · ソース確認日 2026-10-07 · 生成されたサンプルではありません

01 機能概要

最初の価値に至る道筋を設計する

アクティベーション、コンテキストに応じた学習、最小限のセットアップ、情報を伝える空の状態を中心とした初回体験の設計ガイドです。

ソースに基づくワークフロー実行ベンチマークではありません

進め方

Onboarding Designは、登録から意味のあるアクションまでの初回体験を扱います。必須のセットアップと任意の情報収集を区別し、製品が価値を提供する前に何を必要とするかに応じて、段階的なガイダンス、セットアップウィザード、サンプルデータ、短いプロダクトツアーを比較します。

ソースで特に実用的なのは、空の状態をオンボーディングとして扱っている点です。最初の空のワークスペースは、単に空の表を表示するのではなく、その目的を説明し、明確な開始アクションを示すべきだとしています。このスキルは計測の定義も提案しますが、アクティベーションやリテンションの結果は提供しません。

期待される成果物

  • 必須のセットアップ手順と後回しにできる手順を示した、最初の価値に至る経路。
  • ガイダンス、サンプルデータ、空の状態を対象としたパターンの選択。
  • アクティベーション、所要時間、ステップ離脱の計測計画。
サンプルブリーフを見る

ブリーフからレビューまで

  1. 01
    最初の価値を定義する

    アカウント作成だけで十分とみなすのではなく、最初の有用な成果を表すアクションやインサイトについて合意します。

  2. 02
    前提条件を減らす

    必要な設定は残し、任意の詳細は後回しにして、製品が許す範囲でスキップや後で行う手段を用意します。

  3. 03
    コンテキストに沿ったガイダンスを設計する

    空の状態、サンプルコンテンツ、限定的なツアーを、役立つタイミングで使います。何を計測するかを定め、実際の新規ユーザーでテストします。

02 利用場面

使う場面

後から計測を行う場合は、製品固有のアクティベーション定義と計測の仕組みが必要です。

適したケース

  • 新規ユーザーのアクティベーションユーザーがアカウントを作成しても、中核となるワークフローに到達しない場合に役立ちます。
  • 複雑なセットアップ避けられない連携や設定と、後回しにできる質問を見分けるのに役立ちます。

確認すべき制約

  • サインアップフォームだけではないフィールドのレイアウトやバリデーションは、form-designのより限定的な関心事です。
  • リテンションの保証はない提案されたアクティベーション経路はテストが必要です。その後のリテンション向上を示す根拠ではありません。

用意する入力

  • 中核となる利点価値を示す最も早いアクションを説明してください。
  • セットアップの依存関係そのアクションを行う前に必要な情報と接続を列挙してください。
  • 新規ユーザーのコンテキスト経験レベル、想定される目的、観測済みの離脱データがあれば提供してください。

03 重要な判断

重要な判断

  1. 終了手段のあるサンプルデータ

    デモコンテンツは、空のままでは分かりにくい製品を説明できますが、明確な表示と、まっさらな状態で始める簡単な方法が必要です。

  2. 完了はアクティベーションではない

    ツアーを終えることと有用な成果を得ることは別です。計測計画では両者を分けて扱うべきです。

04 依頼例

焦点を絞ったブリーフを試す

以下のサンプルブリーフはテストされていません。使用前にスキルのセットアップを確認してください。

セットアップを確認する

リポジトリに記載されているインストール方法を使い、参照されている関連ファイルも保持してください。このエントリーは実行可能なアプリケーションではなく、焦点を絞った設計手法を説明しています。

アップストリームのソースファイル
https://github.com/Owl-Listener/designer-skills/blob/9a6930cf84a822eb458624bd11c61aac5bbdf224/interaction-design/skills/onboarding-design/SKILL.md

後から計測を行う場合は、製品固有のアクティベーション定義と計測の仕組みが必要です。

まず1つの成果物から始める

スキルを実行する前に、このブリーフの範囲、元資料、制約を調整してください。

サンプルブリーフ
チーム向け計画アプリにonboarding-designを使用します。最初の価値となるアクションは、実際のタスクを1件割り当てて完了することです。必須のチームセットアップと任意のプロフィール詳細を区別し、最初の空のワークスペースを設計し、デモデータとコンテキストに応じたガイダンスを比較してください。スキップ経路と計測定義を含め、コンバージョン向上を主張しないでください。

結果を確認する

実際の出力を、以下の観察可能な基準に照らして確認してください。

  • 経路が、定義された有用なアクションにつながっている。
  • 任意のステップは、必要な作業を妨げずに後回しにできる。
  • デモコンテンツと、その削除方法が明確に示されている。

OpenDesignは、コーディングエージェント向けのローカル設計ワークスペースを提供します。この掲載は、スキルが同梱されていること、または外部ツール、認証情報、ソフトウェア依存関係が含まれていることを意味しません。

05 ソースとライセンス

ソースとライセンス

このページは、以下にリンクされた固定済みのソースリビジョンについて説明しています。アップストリームの動作や要件は変更される可能性があります。

ソースの所有者
Owl-Listener
ライセンス
MIT
確認済みスナップショット
2026-10-07 · 9a6930cf84a8
編集部によるソース要約
アクティベーション、コンテキストに応じた学習、最小限のセットアップ、情報を伝える空の状態を中心とした初回体験の設計ガイドです。

リンク先のソースに基づく、OpenDesignによるオリジナルの要約です。リポジトリのスター数は日付付きの人気の指標であり、スキルの利用状況や品質評価ではありません。

06 開始前の質問

始める前の質問

プロダクトツアーは必須ですか?

いいえ。ソースではツアーを選択肢の1つとして扱い、いくつかの中核概念に絞って控えめに使うことを推奨しています。

空の状態は何をすべきですか?

その場所を説明し、最初のアクションを示し、コンテンツが入ったときの見え方をユーザーが理解できるようにします。

最も重要な指標は何ですか?

ソースは、定義された最初の価値のアクションを最優先しています。セットアップの完了と後のリテンションは別のシグナルであり、分けて報告すべきです。

OpenDesign

次のデザインの反復に向けて余白を作りましょう。

ブリーフ、元資料、デザイン作業をローカルワークスペースにまとめて管理できます。ワークフローに追加する前に、スキル自体のセットアップを確認してください。

アップストリームのソースファイル
https://github.com/Owl-Listener/designer-skills/blob/9a6930cf84a822eb458624bd11c61aac5bbdf224/interaction-design/skills/onboarding-design/SKILL.md