web-dev-qa-db-ja.com

テキスト/リンクでツールチップを使用する必要がありますか?

テキスト/リンクにツールチップを使用する必要がありますか?テキストに財団サポートツールチップなどの多くのフレームワークが表示されますが、その理由がわかりません。私はテキストが自明であると思いましたが、財団はテキストにツールチップを表示するための十分な理由があるはずだと思います。

http://foundation.zurb.com/sites/docs/v/5.5.3/components/tooltips.html

テキスト/リンクのツールチップを使用する必要があるいくつかの例は何ですか?

4
takeradi

リンクしたウェブサイトから:

ツールチップは、ページ上の用語またはアクションに関する拡張情報を提供する簡単な方法です

テキストでは、このためのいくつかのアプリケーションがあるかもしれません:

  • ユーザーが混乱する可能性のある用語の用語集情報を提供する
  • ユーザーをページの下部に移動させることなく脚注テキストを表示する
  • リンクのターゲットを表示する(ユーザーがブラウザのステータスバーにリンクが表示されないことが心配な場合)
  • Unicodeに関するページで、ページ上の特定の文字の文字コードを表示します。
    • より一般的には、テキストコンテンツを他のテキストコンテンツに関連付けることができるページで、ツールチップを使用してそれらを関連付けます。
  • ページのテキストに隠されたイースターエッグ
3
Toby 1 Kenobi

成功した2つの例を紹介します。

  • 長いタイトルが文字数制限を超えています。タイトルが強制的に切り捨てられ、識別情報が途切れる場合。互いに同一に見える3つ以上のタイトルのリストを簡単に見つけることができます。ツールチップはニースフォールバックを作成するため、ユーザーはページを離れずに情報を検索できます(これにより、歯車の負荷が増加します)。
    • 大きなデータセットのページ番号付け。例:シリーズリンク<1、2、3、4…>パターンは、前方へのブラインドパスのみを提供します。これの代わりに、各番号付きリンクでツールチップを使用して、コンテキスト情報を表示できます。 1996年から2000年、2001年から2005年までの最初と最後の日付、またはアルファベット順:A–Ab、Ai、Al–Avなど。
1
Mark Opalski

常に認識に基づいてインターフェイスを設計することがベストプラクティスです。ユーザーが鉛筆のようなツールチップグラフィックを認識した場合、ユーザーはそれが何かを編集するために使用される可能性があることを理解します(もちろんコンテキストによって異なります)。目標は、ユーザーの認知負荷を軽減し、快適な体験を提供することです。ツールチップを使用する場合は、リンクがユーザーに移動する場所またはリンクの用途に関連付けられているツールチップを使用します。リンクをクリックしている間にユーザーが完了するタスクを検討してください。ページ上の要素は、ユーザーが完了する必要があるタスクをサポートする必要があります。

1
Dgella89