ガイド付きツアーの詳細

  • リリースバージョン: Xanadu
  • 更新日 2024年08月01日
  • 所要時間：10分

    • タスクの実行方法をユーザーに示すことができる ガイド付きツアー 機能について説明します。

    ガイド付きツアーについて知る

    ガイド付きツアーは、 ServiceNow ユーザーインターフェイス (UI) 内でユーザーのトレーニングとオンボーディングに役立ちます。各ツアーには、ユーザーがブラウザウィンドウ内でオンラインタスクを完了するのに役立つ一連のインタラクティブな手順が含まれています。アドミニストレーターは、 ServiceNow アプリケーション、サービスポータル、カスタムアプリケーションのツアーを作成できます。たとえば、インシデントの作成や変更要求のレビューなど、特定のポリシーとプロセスのトレーニングモデルを示すツアーを作成できます。

    ガイド付きツアーでは、複数のページにまたがる一連の手順が使用されます。ユーザーが内容を読んで確認する、 ServiceNow インスタンスを変更せずに済むように、純粋に情報提供用のステップを作成することができます。または、ユーザーがクリックして手元のアプリケーションを積極的に操作できるインタラクティブなエクスペリエンスを提供することもできます。たとえば、「インシデントの概要」ツアーでは、単にインシデントテーブルの主な機能を紹介することができますが、「初めてのインシデントの作成」ツアーでは、実際のインシデントの作成を順を追って説明し、インシデントリストに新しいレコードを作成することができます。

    重要:
    ガイド付きツアーは、構成可能なワークスペースや、ネクストエクスペリエンス UI フレームワークを使用して UI ビルダーで構成されたページなどのネクストエクスペリエンスページでサポートされています。ネクストエクスペリエンスサポートを有効にするには、com.snc.guided_tours.standard_ui.enable システムプロパティを構成して True に設定します。構成可能なワークスペースでのガイド付きツアーの詳細については、「 構成可能なワークスペースでのガイド付きツアー」を参照してください。次のシナリオは、 ネクストエクスペリエンス を有効にしても引き続きサポートされます。
    • クラシック環境 (リストとフォームを含む) での新規または既存のガイド付きツアーの作成と実行
    • サービスポータルの新規または既存のガイド付きツアーの作成と実行
    • 統一ナビゲーションメニュー ([すべて] メニューや [お気に入り] メニューなど) の新しいガイド付きツアーの作成
    「Next Experience」を参照してください。ガイド付きツアーデザイナーはコア UIでのみ利用可能です。デザイナーは UI15 と互換性がありません。コア UI プラグインをアクティブ化する方法については、「コア UI のアクティブ化」を参照してください

    ベースシステムには、パフォーマンスアナリティクスなどの特定のアプリケーション用のガイド付きツアーがいくつか用意されています。アドミニストレーターは、既存のツアーを編集したり、ツアーを作成したりできます。ツアーに 1 つ以上のロールを割り当てて、アクセスを制御することもできます。

    ガイド付きツアー機能では、ガイド付きツアー (com.glide.guided_tours) とガイド付きツアーデザイナー (com.glide.sn_tourbuilder) の 2 つのプラグインを使用します。

    ガイド付きツアーへの移動

    ガイド付きツアーは、標準、サービスポータル、カスタム、ワークスペースの 4 種類の UI で実行されます。ツアーは、各ツアータイプに基づいて、アクセス時に次のように異なる方法で開始されます。
    標準フォームとリスト UI:

    ユーザーは、ガイド付きツアーがあるページに移動して、ガイド付きツアーにアクセスします。ツアーの対象となるロールが 1 つ以上ある場合は、 ツアーが利用可能であることを示す青いトグルヘルプサイドバー アイコンをクリックすると、GTD パネルが開いて [ ツアーを開始 ] ボタンが表示されます。1 人のユーザーが 1 ページで複数のツアーを利用できる場合は、[ ツアーを選択 ] 選択リストが表示され、どのツアーを起動するかを選択できます。

    カスタム UI ページ/アプリケーションのツアーにも同じ方法でアクセスできます。これは、ナビゲーターで開かれたカスタムページにのみ適用されます。ユーザーがナビゲーターなしでカスタム UI ページを開いた場合、ツアーは表示されません。
    サービスポータル UI:
    ユーザーは、ガイド付きツアーがあるページに移動して、ガイド付きツアーにアクセスします。ユーザーがガイド付きツアーがある サービスポータル ページにアクセスすると、GTD パネルは表示されません。代わりに、[ サービスポータルのツアーを開始する方法をユーザーに表示する ] メニューアイテムが、ツアーが利用可能であることを示すバナーに表示されます。サービスポータルのページでガイド付きツアーを利用できる場合は、[ ツアー ] メニューの右側にカラーインジケーターが表示されます。ユーザーが [ツアー] をクリックすると、ページで利用可能なすべてのツアーが表示されます。
    ページに サービスポータル ヘッダーメニューがない場合、ユーザーは [ツアー] メニューアイテムにアクセスできません。この場合、ユーザーは自動起動によってのみツアーにアクセスできます。「ガイド付きツアーの自動起動の設定」を参照してください。
    ツアーに少なくとも 1 つのロールを追加すると、対象者はそのロールを持つユーザーに制限されます。サービスポータルガイド付きツアーの詳細については、「ガイド付きツアーを有効にする」を参照してください。
    ワークスペース
    ユーザーは、ガイド付きツアーがあるページに移動して、ガイド付きツアーにアクセスします。ユーザーがガイド付きツアーを含む ワークスペース ページにアクセスすると、ツアー が利用可能であることを示す青いトグルヘルプサイドバー アイコンをクリックすると、GTD パネルが開いて [ ツアーを開始 ] ボタンが表示されます。1 人のユーザーが 1 ページで複数のツアーを利用できる場合は、[ ツアーを選択 ] 選択リストが表示され、どのツアーを起動するかを選択できます。

    ガイド付きツアーデザイナーのサポート

    注:
    標準 UI と同じシステムプロパティを使用して、ガイド付きツアーを有効または無効にします。

    ガイド付きツアーデザイナー (GTD) は、リスト、フォーム、参照する要素など、標準的なプラットフォーム UI 領域とそのコンテンツのほとんどをサポートしています。また、カスタム UI 要素を含む サービスポータル ページもサポートされています。

    GTD は現在、次の領域をサポートしていません。

    標準フォームとリスト UI:
    • Flow Designer
    • Agent Workspace (エージェントワークスペース)
    • ポップアップウィンドウ
    • GTD スライドパネルの Connect チャットと埋め込みヘルプ
    • Select2 要素
    • SVG 要素
    • カスタムタグ
    • コンテキスト検索などのカスタム UI 要素を持つ標準 UI ページ。
    サービスポータル：
    • IFRAME を含むサービスポータルページ
    • サービスポータルのブランディングエディター (IFRAME も含む)
    • Select2 要素
    • SVG 要素
    • カスタムタグ
    • Seismic コンポーネント (シャドウ DOM)。例:sn-search-combobox - AI 検索ボックス、sn-search-results-container - AI 検索結果。
    ワークスペース
    • 次のアプリシェルエクスペリエンスのみがサポートされています。
      • ブレッドクラムアプリシェル
      • ACE Unified Nav アプリシェル
      • ワークスペースアプリシェル
      • カスタムアプリシェル
    • 空のアプリシェルを使用したエクスペリエンスはサポートされていません。
    • カスタムアプリシェルで開始して Polaris アプリシェルに移動するツアーはサポートされていません。
    • UI16 のワークスペースでツアーを作成することはお勧めしません
    • バリアント
    • ワークスペースの iframe 内の吹き出し
    • 標準 UI またはワークスペースで開始してサービスポータルに移動するガイド付きツアー
    • ガイド付きツアーはページ内でのみサポートされています。リンクが新しいタブで開くと、ツアーは続行されません
      注:
      アドミンは、新しいタブで開くことができる要素の吹き出しに適切なアクションを追加する必要があります。
    • ガイド付きツアーはモバイルビューではサポートされていません
    • ビジュアル化コンポーネントまたは PAR ウィジェット内の要素の吹き出し
    技術的な制限
    • ページ効果ガイド付きツアーをスクロールすることによって DOM にロードされる要素。フォームが存在する場合、アドミニストレーターはさらにスクロールするようにユーザーに通知する必要があります。
    • ツアーの作成中に選択可能な要素にクリックアクションがない場合は、親要素に吹き出しを配置します。

    ガイド付きツアーの ワークフロー

    ガイド付きツアーは、作成するツアーの構成要素として機能する次のコンポーネントで構成されています。

    表 : 1. ガイド付きツアーコンポーネント
    コンポーネント 説明
    はじめに ユーザーに紹介メッセージを表示します。
    ステップ 順序を意味するガイド付きツアーの個別のコンポーネント。ステップでは、定義、指示、またはその両方を指定できます。
    吹き出し ツアーの現在のステップに関する定義と指示を表示します。吹き出しには、次のステップに進むための指示が含まれています。これは、命令が記述する要素を指します。
    要素 ツアーが指すオブジェクト (データベース内のレコードやページ上のウィジェットなど)。ツアーを要素にリンクできるように、要素を書式設定する必要があります。
    トリガー ツアーを次のステップに移動します。トリガーには、Enter キーの押下、UI 要素のクリックまたは右クリック、吹き出しの [次へ ] ボタンのクリックなどがあります。
    まとめ ガイド付きツアーの最後に、ユーザーに終結メッセージを表示します。

    ガイド付きツアーでは、インスタンスにツアーを入力する前に慎重に計画する必要があります。ガイド付きツアーを作成する際に役立つ、アウトラインを作成し、前提条件を含めることができます。各ステップ、吹き出し、トリガーを一覧表示する。

    表 : 2. サンプルガイド付きツアーの概要:休暇の委任の設定
    ステップ 吹き出し トリガー
    このツアーでは、ユーザーが次の場所に移動したことを前提としています ユーザー管理 > 代理人. UI ページは sys_user_delegate_list.do です。
    [委任] フォームを開いて新しいレコードを入力します。
    • [代理人] リストビューの [新規] ボタンをポイントします。
    • テキスト:[ 新規 ] をクリックして、休暇中に通知を受信する代理人を設定します。
    		 要素 [ 新規] ボタンをクリックします
    [User (ユーザー)] フィールドについて説明します。
    • [ユーザー] フィールドを指します。
    • テキスト:あなたの名前は、デフォルトで別のユーザーに委任するユーザーとして設定されます。他のユーザーの委任を設定する場合は、別のユーザーを選択できます。
    		 [次へ] ボタン
    代理人を選択
    • [ 委任 ] フィールドを指します。
    • テキスト:委任先を指定します。ユーザーの名前を入力し、表示されたら選択します。
    		 [次へ] ボタン
    開始日を設定
    • [ 開始 ] フィールドを指します。
    • テキスト:通知の転送を開始する日時を入力します。フィールド以外の場所をクリックして続行します。
    		 [値の変更: 開始] フィールド
    終了日を設定
    • [終点]フィールドを指します。
    • テキスト:通知の転送を停止する日時を選択します。フィールド以外の場所をクリックして続行します。
    		 [値の変更: 終了] フィールド
    委任オプションについて説明する
    • [ミーティング招待] フィールドの下をポイントします。
    • テキスト:これらの通知を代理人に転送しない場合は、これらのフィールドをクリアできます。
    		 [次へ] ボタン
    委任レコードを送信
    • [ 送信 ] ボタンをポイントします
    • テキスト: [ 送信 ] をクリックして代理人を追加します。
    		 要素 [ 送信] ボタンをクリックします