web-dev-qa-db-ja.com

省略記号を使用するときに元のデータを表示するにはどうすればよいですか?

UIには、かなり長くなる可能性のあるいくつかのフィールドがあります。通常、これは場所フィールドです。現在、省略記号をフィールドに配置していますが、ユーザーが文字列全体を表示する必要がある場合があります。デザインは最初はマーキー(shudder)を使用していましたが、これを行うにはもっと良い方法があるはずだと思います。

enter image description here

私が考えたいくつかのオプション:

  • ホバーのツールチップ。ツールチップはかなり大きくなる可能性がありますが、タブレットはどうですか?)
  • ホバーのマーキー、理想的ではないが恐ろしいではないでしょうか?タブレットにも適していません。
  • より短いデータを表示します。 27 Packman Drive, LE11 0TZより多くの情報を提供し、省略記号の必要性を打ち消す可能性がありますか?ただし、文字列の長さが十分に短いことを確認するのは困難です。
4
Chris

ユーザーがアドレスラベルを操作することを選択した場合にすべての情報をユーザーに表示する、タッチフレンドリーなアプローチを採用します。

mockup

download bmml sourceBalsamiq Mockups で作成されたワイヤーフレーム

1
Aaron Hudon

タッチデバイスのbehaviourをホバーからクリックでトグルに変更し、トグルスイッチを明確に認識できるようにする場合(場合によっては省略)、ホバーに関するツールチップは問題ないように見えます。オブジェクト)。これは、高度なCSSやJavaScriptを使用するだけで比較的簡単に実現できます。

0