ツールチップガイドの開発

ツールチップには、アプリケーションサイト上の特定の要素をホバーしたり使用したりして、エンドユーザーに自然に情報を展開するコンテキスト情報が含まれています。 したがって、

  • ツールチップはページ上の任意のフィールド、ボタン、または要素に適用されます。

  • ツールチップはヒントアイコンを通じて発見可能であり、ユーザーがこのアイコンと対話することでツールチップを表示できます。

  • ウォークスルーとは異なり、ツールチップは独立していてユーザーが発見可能で、迅速に構築できます。

下の画像は、従業員がWebアプリケーションを使用する際にツールチップがどのように表示されるかを例示しています。

Adoptエディターへのアクセスでツールチップを利用

Nexthink Applicationsでツールチップタイプのガイドを作成した後、インストールされたNexthinkブラウザー拡張機能を使用してAdoptエディターを起動します。

ブラウザー > 拡張機能:

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

  2. Nexthinkブラウザー拡張機能を開き、テナントを確認し、対象のWeb アプリケーションを選択します。

  3. 関心のあるガイドをクリックして、AdoptエディターをWebアプリケーションURLで直接開きます。

ツールチップについてのAdoptエディターを理解する

Adopt Editorモードでツールチップを開くと、インアプリケーションインターフェイスが以下のように表示されます。

  1. Adoptエディターをページの右側に移動し、既に右側にある場合はその逆も可能です。

  2. 新しいツールチップを追加します。

  3. ガイドのコンテンツをレビューして上書きするためにガイド言語を変更します。

  4. ガイド設定にアクセスします。

    • 現在、ツールチップにはガイド設定はありません。

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

  6. ツールチップは数値の順序でリスト化されています。

  7. 順序を変更するためにツールチップを上に移動します。

  8. 順序を変更するためにツールチップを下に移動します。

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

  10. ツールチップを削除します。

ツールチップコンテンツ開発のためのAdoptエディターの使用

ツールチップのためAdoptエディタにアクセスした後、

  1. ツールチップを追加するかAdoptエディターで + アイコンを使用します。

    • ツールチップと関連付けるためにページ上のエレメントを選択します。 確認するために(✔)を付けます。

    • ツールチップのプロパティを設定中にエレメントを再選択できます。

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

Last updated

Was this helpful?