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