web-dev-qa-db-ja.com

静的ツールチップとマウスに続くツールチップ

これは、マウスが特定の要素の上にあるときに追加情報を出力するデバッグアプリ(プログラミング)用です。

たとえば、アプリはクラスメソッドのリストを表示できます。ユーザーがメソッドの上にマウスを置くと、そのメソッドのDocBlockコメントなどの追加情報がツールチップ内に表示されます。

現在、CSSとJavaScriptを使用して、マウスカーソルの位置に相対的なツールチップを表示していますが、修正する方が良いのではないかと考えていました。したがって、マウスを要素の上に置くと、ツールチップは常に同じ場所(たとえば、要素の上)に表示されます。後者の利点の1つは、CSSだけで実装できることです。しかし、ユーザーエクスペリエンスを損なう場合は、それほど重要ではありません。

3
Pony

一般的には人が見ている場所の情報を表示するのに最適です。彼らが特定の要素(Employeeクラスなど)を見ている場合は、彼らが見ている場所を示す必要があります。それ以外の場合は、ターゲットと情報が分離されます。

左側の名前と右側のその他の情報を確認する必要がある広いテーブルを考えてください。ターゲットと情報の両方を同時に表示することはできないため、情報を取得するのは非常に難しく、時間がかかります。

ただし、多くの場合、これらの距離がどの程度になるかによって異なります。モックアップを含めると、非常に役立ちます。

1
JohnGB

ツールチップは[〜#〜] contexctual [〜#〜]情報を、それを生成した要素に追加しますよね? (ホバー要素を指す矢印がある場合もあります)

したがって、マウスではなく参照要素に属します。それがスポーンしたら、それをそのままにしておきます。

それは気が散るだけでなく、動くときにチップを読みにくくします。マウスアウトすると消えます。そして、ユーザーはそれを読むためにもう一度マウスを動かす必要があります。

ところで、私は簡単に調べてみたので、バックアップなしでこれを言って頭をかしげられないようにします...おそらくこの理由のために、ツールチップの大部分は静的です。

マウスに追従するヒントを考慮する1つの理由は、画面上のすべての要素にツールヒントが必要かどうかです。ヒントが続き、テキストが変更されると、読みやすくなります。それはあなたの判断の呼びかけです。

1
Itumac