ガイド付きツアーの詳細

  • リリースバージョン: Washingtondc
  • 更新日 2024年02月01日
  • 読む10読むのに数分

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

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

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

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

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

    特定のアプリケーション (Performance Analytics など) のベースシステムには、いくつかのチュートリアルが用意されています。管理者は、既存のツアーを編集したり、ツアーを作成したりできます。ツアーに 1 つ以上のロールを割り当てて、アクセスを制御することもできます。

    Guided Tours 機能では、Guided Tour (com.glide.guided_tours) と Guided Tour Designer (com.glide.sn_tourbuilder) の 2 つのプラグインを使用します。

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

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

    ユーザーは、チュートリアルがあるページに移動することで、チュートリアルにアクセスします。ツアーの対象ロールが 1 つ以上ある場合は、 ツアーが利用可能であることを示す青色の切り替えヘルプサイドバー アイコンをクリックすると、GTD パネルが開き、[ Take a Tour ] ボタンが表示されます。1 つのページで複数のツアーを使用できる場合は、開始するツアーを選択できるように [ ツアーを選択 ] 選択リストが表示されます。

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

    Guided Tour Designer のサポート

    注:
    標準 UI と同じシステムプロパティを使用して、チュートリアルを有効または無効にします。

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

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

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

    Guided Tours ワークフロー

    チュートリアルは、作成するツアーの構成要素として機能する次のコンポーネントで構成されています。

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

    チュートリアルでは、インスタンスにツアーを開始する前に入念な計画が必要です。概要を作成し、前提条件をガイドとして、チュートリアルを作成できます。各ステップ、吹き出し、トリガーをリストアップします。

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