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

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

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

  • ツールチップはヒントアイコンを通じて発見可能であり、ユーザーはそのアイコンに対して操作を行うことでツールチップを見ることができます;

  • ツールチップは、ウォークスルーとは異なり、独立しており、ユーザーが発見でき、すばやく構築されます;

以下の画像は、従業員がウェブアプリケーションを使用するときにツールチップをどのように見ているかを示しています。

ツールチップのためのAdoptエディターにアクセスする

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

ブラウザ > 拡張機能:

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

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

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

ツールチップのためのAdopt Editorの理解

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

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

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

  3. ガイド言語を変更して、NexthinkによりAI生成でローカライズされたガイドコンテンツを見直し、上書きしてください。

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

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

  5. Adopt Editorをオフにして、ガイドをプレビューします。

  6. ツールチップは数字の順番で表示されます。

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

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

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

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

ツールチップコンテンツ開発のためのAdopt Editorの使用

ツールチップのためのAdopt Editorへのアクセスの後:

  1. ツールチップを追加、またはAdopt Editorの**+**アイコンを使用します。

    • ページ上の要素を選択してツールチップと関連付けます。 チェック(✔)を選んで確認します;

    • ツールチップのプロパティを設定し直すために要素を再選択することが可能です;

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

Last updated

Was this helpful?