ガイド付きツアーの設計
これらのヒントは、ユーザーにとって効果的なガイド付きツアーの作成に役立ちます。
ガイド付きツアーの計画
チュートリアルの詳細を説明する前に、次の質問に答えてください。
- ツアーの目的は何ですか? ユーザーが機能をよりよく理解できるように、ユーザーインターフェイスの詳細な説明を提供する吹き出しを使用しますか? または、新しいインシデントの作成方法など、タスクの実行方法をユーザーに学習してもらいたいですか? ツアーの計画を開始する前に、これらの質問を検討し、場合によっては調査を行い、全体的な目的を個別のステップに適切に分解できるようにすることが重要です。
- ツアーはどこで利用できますか? からの サービスカタログ アイテムの注文やインシデントの作成など、ユーザーが毎日実行する可能性のあるタスクを完了するようにガイドする場合は、ツアーを本番インスタンスで利用できるようにするのが理にかなっています。システムに実際のレコードを作成せずに、これらのタスクを探索できるようにユーザーをトレーニングする場合は、代わりにトレーニング目的で非本番インスタンスでツアーを利用できるようにすることを検討してください。どちらのシナリオも有効です。
- ツアーにはどのような名前を付ければよいですか? ツアーを作成すると、ツアー名を入力するように求められます。ユーザーがツアーの目的を理解できるように、名前は一意で直感的にわかるものに する必要があります。たとえば、ツアー名として「Create a New Incident」や「Review the Incident List」などを使用します。
- ユーザーがページまたはタスクについて既に知っていることについて、どのような仮定をしていますか? ツアーに参加できるすべてのユーザーの理解度は同じですか? この情報を使用して、ツアーを開始するすべてのユーザーがコンテンツを理解できるように、ツアーの開始時にどの程度の説明を提供するかを決定します。
- ツアーの目的がタスクを実行することである場合、ツアーに参加する各ユーザーが異なるレコードを作成するように、手順をどのようにパーソナライズできるか? たとえば、ツアーで Facilities というグループを作成する手順をユーザーに説明する場合、吹き出しでグループの [Name] フィールドに一意の値を割り当てるように指示することで、後続のユーザーが重複する名前のエラーが発生しないようにすることができます。
ツアーを計画する際に、次の追加の質問にも対処できます。
- ツアーはどのページから開始すればよいですか?
- 目標を達成するために重要なステップは何ですか?
- ユーザーは 1 つのステップから次のステップにどのように移動する必要がありますか?
ガイドツアープラン
ホームページの サービスポータル 探索を目的としたチュートリアルについて、次のサンプル計画を確認してください。
入力する必要があるこの重要な情報と、チュートリアルの作成時に使用するフィールド値に注意してください。
- ツアー名: サービスポータル 概要
- 目標: ユーザーは、ホーム ページの主要な要素 サービスポータル をナビゲートする方法を十分に理解する必要があります
- ポータル名: サービスポータル
- 開始ページ: サービスポータルID インデックス
- ロール:すべて
| ステップ | 吹き出し | トリガー |
|---|---|---|
| はじめに |
|
[次へ] ボタン |
| 1 |
|
[次へ] ボタン |
| 2 |
|
[次へ] ボタン |
| 3 |
|
[次へ] ボタン |
| 4 |
|
[次へ] ボタン |
| 5 |
|
[次へ] ボタン |
| 6 |
|
[次へ] ボタン |
| 7 |
|
[次へ] ボタン |
| 8 |
|
[次へ] ボタン |
| 結び | テキスト:おめでとうございます! これで、ホームページの概要 サービスポータル を理解できました。 | [ 完了 ] をクリックしてツアーを終了します。 |
トリガーの選択
ツアーの目的が、カスタムダッシュボードなどの製品に慣れるためにページの機能を紹介することである場合は、[ 次へ ] ボタンをトリガーとして使用します。レコードの作成など、タスクの達成が目的である場合は、次の点を考慮してください。
- 参照フィールドや日付フィールドなどのルックアップ要素をフィールドに入力するには、ルックアップウィンドウを開くトリガーを使用しないでください。ルックアップウィンドウが開いたらツアーは終了します。次のいずれかのトリガーを使用します。
- [次へ ] ボタン: ユーザーは値を入力するか、値を調べて選択し、[ 次へ] をクリックします。
- [要素値を変更] トリガー:ユーザーが値を選択してフィールドの外部をクリックすると、トリガーは次のステップに移動します。
- 一部の UI 要素では、 要素の右クリック トリガーを使用できます。通常、右クリック アクションはメニューを開くために使用されますが、右クリック メニュー オプションに吹き出しを配置することはできません。このトリガーは、右クリックメニューオプションを説明する説明的なチュートリアルで使用できます。吹き出しテキストに説明情報を入力し、要素を右クリックしてメニューを表示するようにユーザーに伝えます。このタイプの吹き出しの例を次に示します。
ユーザーが要素 (この場合はフィールドラベル) を右クリックすると、この命令は消え、次の命令が表示されます。
- [要素]トリガーの[マウス]は、[要素]トリガーの右クリックと似ています。ユーザーが要素をポイントすると、吹き出しが消えます。たとえば、フィールドラベルをポイントするとヒントが表示されることを示すと、ヒントテキストが表示される前に吹き出しステップが非表示になります。このタイプのトリガーは、チュートリアルフローを中断させるように見える場合があります。
吹き出しの使用
要素を操作するには、要素の上に吹き出しを配置する必要があります。ターゲットとして選択されている場合、要素は青色で強調表示されます。次の例では、吹き出しがコンテキストメニューアイコンを指しているように見えますが、ヘッダーバーが青色で強調表示されています。
この例は、コンテキストメニューの吹き出しの正しい配置を示しています。コンテキストメニューアイコンが青色で強調表示されています。
次のヒントも役立つ場合があります。
- タブを含むフォームに吹き出しを配置するときは、ユーザーがタブを開いて表示していない可能性があることを考慮してください。ツアーの残りの部分に進む前に、まずタブを開くようにユーザーに指示する新しい吹き出しを作成します。
- 動的コンテンツに関連付けられているフィールドの吹き出しを最小限に抑えます。ページの更新が遅れると、ユーザーが関連するツアー要素を見つけられない場合、ツアーが途中で終了することがあります。
- ポップアップウィンドウでユーザーをガイドするときは、ポップアップアイコン上またはその近くにある元のページに吹き出しを追加します。吹き出しはポップアップウィンドウに追加できないため、吹き出しの指示内で、ポップアップウィンドウ用の手順をユーザーに案内します。
- 吹き出しの色は標準プラットフォーム UI で固定されていますが、 で サービスポータル吹き出しをカスタマイズできます。コールアウトと サービスポータル ページ間のルックアンドフィールに一貫性を持たせるには、この機能の使用を検討してください。ページで作成するサービスポータル チュートリアルの詳細については、「 チュートリアルを申し込む」を参照してください。
ツアーの自動起動
ユーザーが最初のページにアクセスしたときにツアーに参加する場合は、ツアーを自動起動します。
1 つの開始ページから複数のツアーを自動起動することもできます。この場合、各ツアーに自動起動順序を連続して適用して、ユーザーが 2 ページ目にアクセスしたときに 2 番目のツアーを開始し、3 ページ目にアクセスしたときに 3 番目のツアーを開始するというようにすることができます。ユーザーを入門ツアーから開始し、フォローアップツアーで複雑さのレベルや異なる重点領域を追加する場合は、このオプションを使用します。
ツアーのテスト
チュートリアルが意図した目標を達成していることを確認するために、次の方法でテストできます。
- ロールの代理操作を行い、対象ユーザーの目を通してツアーを確認します。ツアーの対象となるロールを持つユーザー、またはツアーが複数のロールを対象とする場合は複数のユーザーの代理操作を行うことで、ユーザーと同じようにツアーを体験できます。
- ツアー URL リンクを同僚に送信して、ツアーを確認してフィードバックを提供します。フィードバックが貴重な場合は、それに応じてツアーを変更してください。ツアーのフィードバックの詳細については、「」を参照してください チュートリアルの作成。
- ツアーが公開された後、[チュートリアルの概要] ページに表示されるエラーが原因でツアーが失敗したかどうかを確認します。これらの失敗を確認すると、ツアーで問題が発生したユーザー、ツアーが失敗したステップ、およびエラーメッセージの内容に関するインサイトが得られます。この情報を使用して、問題のトラブルシューティングと解決を行うことができます。