ウォークスルーガイド開発

ウォークスルーはアプリケーションのフローに直接的なコンテキストガイダンスを提供します。 それらは単一または複数ステップのガイドであり、ルールとトリガーロジックを使用してツアーのような体験を提供し、ユーザーを流れるようにプロセスへと案内します。

以下の画像は、従業員がウェブアプリケーションを使用する際にウォークスルーステップをどのように閲覧するかを例示しています。

ウォークスルーのためのAdopt Editorへのアクセス

Nexthink ApplicationsでWalkthroughを作成した後、インストールされたNexthinkブラウザ拡張機能を使用してAdopt Editorを起動します:

ブラウザ > 拡張機能

  1. インストールされたNexthinkブラウザ拡張機能管理者としてサインインします。

  2. Nexthinkブラウザ拡張機能を開き、テナントを確認してターゲットウェブ アプリケーションを選択します。

  3. 興味のあるガイドをクリックして、ウェブアプリケーションのURL上で直接Adopt Editorを開きます。

ウォークスルー用のAdopt Editorの理解

Adopt Editorモードでウォークスルーを開くと、アプリ内インターフェースは次のように表示されます:

  1. ページの右側にAdopt Editorを移動し、すでに右側にある場合は逆も可能です。

  2. ガイドの言語を変更して、AIによってローカライズされたガイドコンテンツをレビューおよびオーバーライドします。

  3. ガイド設定にアクセスし、コンテキストヘルプを切り替えることができます。

  4. Adopt Editorをオフにすると、ガイドのプレビューが可能になります。

  5. 意思決定を除いて、ガイドステップは数値順に一覧表示されます。

  6. 順序を変更するためにステップを上に移動します。

  7. 順序を変更するためにステップを下に移動します。

  8. コンテンツ外観位置、およびトリガーを設定するには、ステッププロパティにアクセスします。

  9. ステップを削除するか、オプションに設定することができます。

  10. 複数のステップを一度に選択可能です。 選択したすべてのステップの位置プロパティを設定可能です。

ステップ、アクション、決定の理解

ステップはどんなガイドの基本にもなりますが、アクション決定を追加することで、ウォークスルーに没入感と焦点をもたらします。

ウォークスルーステップの作成

ウォークスルー用のAdopt Editorへのアクセス後:

  1. ステップを追加するか、+ アイコンをクリックして新しいステップを作成します。

    • ドロップダウンメニューからステップを選択するか、キーボードショートカットShift + Aを使用します;

    • これにより、ページ上の要素を選択してこのステップに関連付けることができるエレメントピッカーが起動します。

    • カーソルをページ上でホバーし、要素をクリックするかキーボードショートカットShift + Sを使用して選択します。 これにより、選択した要素に割り当てられたステップが作成されます。

    • 同様に、新たなアクション決定を作成できます。

Shift + Sショートカットは、カーソルで要素が選択できない場合に便利です。

例えば、クリック時に表示されないポップアップメニュー内の要素を選択する際に便利です。

  1. ステッププロパティを開いて、プロパティタブにアクセスします:コンテンツ外観位置、および表示。これらのタブを使用して:

アクションの作成

アクションを使用して、従業員のために特定のアクションを自動的に実行します。 要素と関連付けされると、それらはクリックまたはフォーカスに設定できます。

  • クリックは関連付けられた要素と対話します。 従業員がウォークスルーのこの部分に到達すると、別のページへ移動するよう指示したり要素と対話させる代わりに、クリックアクションを作成できます。

  • フォーカスは、テキスト入力欄、テキストブロック、またはプルダウンメニューである場合、アクティブフォーカスを関連付けられた要素に切り替えます。 ウォークスルー中に重要なページ要素を従業員の注目を集めるフォーカスアクションを作成できます。

決定の作成

決定は、条件を設定することでウォークスルーの流れを変更できます。 条件を満たすと、特定のステップをスキップしたり、戻ったり、従業員がそのステップを実行する状況を変更することができます。

決定を作成する際には、要素またはルールに基づいた条件を定義できます。 どちらか一方が有効になっている場合、競合を防ぐためにAdoptが自動的に他方を無効にします。

要素条件

選択した要素がページ上で可視または存在しているかに基づいて条件を設定します。

  • 可視は要素がページ上で視認可能であることを示します。

  • 存在は要素がDOMにレンダリングされていることを示します。

セレクターを変更または無効化することで、主要ページ選択を無視したり、要素の位置を変更したりすることができます。 後者はNexthinkアプリケーションから要素セレクターのオーバーライドを有効または無効にするものと同様に機能します。

選択した要素が存在しているかどうかを確認後にガイドが表示するステップを選択します。 ウェブページ要素の非同期レンダリングの性質により、決定が正しく解決されない場合があるため、任意で秒単位で遅延を追加できます。

Adoptは遅延が終了するのを待ってから、決定の条件が満たされているかを確認します。

ルール条件

ガイドのエンゲージメントまたは発生に基づいて条件を設定します。 利用可能な条件は、コンテキストヘルプにガイドを含める条件を定義するために使用されるものと類似しています。

  • エンゲージメント条件は現在のガイドまたは関連するガイドでの顧客のインタラクションに焦点を当てます。

  • 発生条件は、これらのガイドのビューまたはインタラクションの頻度に焦点を当てます。

よりターゲットを絞った、または詳細な決定を達成するために、複数の条件を定義できます。 また、主要ページ選択を無視することもできます。

最後に、定義した条件がであるかであるかを確認した後にガイドが表示するステップを選択します。

Last updated

Was this helpful?