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

ウォークスルーは、アプリケーションのフロー内で直接操作の指導を提供します。 ガイドに使用されるウォークスルーには、単一ステップまたは複数ステップのものがあり、ユーザーがプロセスを円滑に進めるために役立ちます。また、ツアーのような体験を作成するために、ルールおよびトリガーロジックを使用することができます。

以下の画像は、従業員がウェブアプリケーションを使用してウォークスルーステップを見る方法の一例です。

ウォークスルー用Adoptエディターへのアクセス

Nexthink Applicationsでウォークスルーを作成した後、インストールしたNexthinkブラウザ拡張機能を使用してAdoptエディターを起動してください:

ブラウザ > 拡張機能:

  1. インストール済みのNexthinkブラウザ拡張機能管理者としてサインインしてください。

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

  3. 該当するガイドをクリックして、ウェブアプリケーションURLでAdoptエディターを直接開いてください。

ウォークスルー用Adoptエディターの理解

Adoptエディターをモードで開いたとき、アプリケーション内インターフェースは次のように表示されます:

  1. Adoptエディターをページの右側に移動させます。それがすでに右側にある場合はその逆を行います。

  2. NexthinkによってAIで生成されたガイドコンテンツのレビューや上書きのためにガイドの言語を変更します。

  3. コンテキストヘルプを切り替えできるガイド設定にアクセスしてください。

  4. Adoptエディターをオフにし、ガイドをプレビューできるようにします。

  5. ガイドステップは、判断を除いて数値の順番でリストされます。

  6. 順番の再配置のために、ステップを上に移動します。

  7. 順番の再配置のために、ステップを下に移動します。

  8. コンテンツの追加表示の定義位置の定義およびトリガーの定義に対してステッププロパティにアクセスしてください。

  9. ステップを削除するか、オプションにしてください。

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

Adopt Editorを使用してウォークスルーのステップ、アクション、意思決定を開発する

ステップはすべてのガイドの基盤ですが、アクション決定によってウォークスルーに没入感と集中を追加できます。

ステップの作成

ウォークスルーのためのAdoptエディターにアクセスした後:

  1. 新しいステップを作成するには、ステップを追加を選択するか、**+**アイコンをクリックしてください。

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

    • これにより、ページ上の要素をこのステップに関連付けるための要素ピッカーがアクティブ化されます。

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

{%ヒントスタイル="info" %}

Shift + Sショートカットは、カーソルで要素を選択できない場合に便利です。 例えば、選択した要素がクリックしても表示されないポップアップメニューにある場合です。

  1. ステッププロパティを開き、プロパティタブへアクセスします: コンテンツ, 表示, 配置および表示。これらのタブを使用して次のことを行います:

アクションの作成

アクションを使用して、従業員のために自動的に特定の操作を行わせることができます。

Adopt Editorにアクセスした後、+ メニューから:

  1. アクションを選択して作成します。

  2. 要素に関連付けられている場合、アクションクリックまたはフォーカスに設定します:

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

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

判断の作成

判断により、条件によってウォークスルーの順序を変更できます。 条件が満たされると、特定のステップをスキップまたは戻すことができます。

Adopt Editorにアクセスした後、+ メニューから:

  1. 意思決定を選択して作成します。

  2. 要素条件またはルール条件に基づいて条件を定義します。 1つのオプションが有効になると、競合を避けるためにAdoptは自動的に他のオプションを無効化します。

意思決定のための要素条件

選択された要素が表示または存在しているかどうかに基づいて条件を設定します。

  • 表示は、ページに表示されていることを示します。

  • 存在は、要素がDOM内で使用可能であることを示します。

必要に応じて、キー ページの選択を無視することや、Nexthink Applicationsからの要素セレクターオーバーライドの有効化または無効化と同様に、セレクターを変更または非アクティブにすることで要素の位置を変更します。

選択された要素が存在するかどうかを確認した後、Adoptがどのガイドステップを表示するかを選択します。

  • ウェブページ要素の非同期レンダリングの特性により、意思決定が適切に解決されない場合があります。 したがって、オプションで遅延を秒単位で追加することができます。

  • Adoptは、判断の条件が満たされているかどうかを確認する前に、遅延が終了するのを待ちます。

意思決定のためのルール条件

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

  • エンゲージメント条件は、現在のガイドまたは関連するガイドと顧客の対話に集中します。

  • 発生条件は、現在のガイドの表示または対話の頻度に集中します。

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

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

Last updated

Was this helpful?