web-dev-qa-db-ja.com

ツールチップにない場合、この情報をどのように表示すればよいですか?

ツールチップ(下の画像)を持っているのは、ユーザーがその上にマウスを置くと、ホバーしたものの簡単な1行の要約と、さらに8行の情報が表示されるというものです。情報が多すぎることはすでに知っていますが、いくつかの問題が発生しています。

  1. More textエリアの情報を短くする方法は実際にはありません。
  2. ユーザーがカーソルを合わせたときに、ユーザーに情報を提供する必要があります
    • これは、ユーザーがデータをフィルタリングする方法にすべて関連しています

More text部分の背景をさらに説明するために、それらはユーザーがホバーしたオブジェクトのメトリックになります(NameLocationなど)。移動したいテキストです。

これは現在のところツールチップです:

Tooltip


質問

More textのすべての作品を表示する最良の方法は何ですか? このリーフレットマップが米国の州の情報 に対して行ったことと同様のことを行うことを検討しましたが、それが最善の方法かどうかはわかりません

1
BDD

それは良い解決策のようです。結果は、使用する視覚的およびマイクロコピーに大きく依存します。非表示になっている情報があることを示すアイコンと組み合わせると、UIの残りの部分に収まる場合は、非表示のコンテンツを見つけることができます。または、UIを初めて使用するときにそれをユーザーに知らせるチュートリアル。

この種のやり取りは、これらのデバイスで動作させる必要がある場合に備えて、モバイルデバイスには理想的ではないことを覚えておいてください。

1
digsrafik