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