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