web-dev-qa-db-ja.com

グローバルツールチップの動作はどのように定義する必要がありますか?

開発者がガイドラインとして直面するすべてのケースで使用するグローバルなツールチップの動作を定義しました。私はこの問題について調査しましたが、本当に関連するものは何も見つかりませんでした。最後に、画面を6つの部分に分割することにしました。各領域では、ツールチップの動作が異なります。上:左、中央、右。下:左、中央、右。

私が作成した地図の下を見てください:

それを定義する他の方法はありますか?

enter image description here

7
Feder

enter image description here

私は同様の問題に直面しました

次のレイアウトの方が快適です。バリエーションのメモが少なく、ほとんどの画面で均一です。

ただし、開発者が適切なプラグインを使用している場合は、この問題は発生しません。

1
Arif Kazi

デフォルトのツールチップ位置がマウスポインター座標の下(右下)に設定されている場合は、2つのウィンドウエッジ(下と右)をチェックし、2つのルールを設定します。
ルール1:下のエッジと重なる場合は、上(上)に移動します。
ルール2:ウィンドウの右端に重なっている場合は、右端に揃えます。

この動作では、ほとんどの場合、ツールチップはユーザーからあまり役に立たない/相対的なコンテンツ(テキスト/リスト)を隠します
そして開発者はあなたを愛するでしょう。

0
cameraman

私があなたのグラフィックを正しく読んでいる場合:

  • アクティベーションポイント(AP)が画面の上半分にある場合、ツールチップはAPの下に下がる必要があります。それ以外の場合は、APの上に上がる必要があります。
  • APが画面の8番目の[推定]の左にある場合、ツールチップはAPの右側に伸びるはずです。右側の8分の1の場合、ツールチップは左に伸びるはずです。それ以外の場合は、APの中央に配置する必要があります。

状況に応じて、上記のルールでツールチップが画面から消える場合(つまり、画面の中央付近で非常に長いツールチップがアクティブになる場合)に何が起こるかを指定する必要があります。

0
TripeHound

あなたの質問はあなたが何の研究をしたのかあまりわかりません。研究でドキュメントを読んだり同僚に尋ねたりする場合は、UIプロトタイプを作成し、対象ユーザーでテストすることをお勧めします。その後、あなたは確かに知っているでしょう。

0
John Doe IV