web-dev-qa-db-ja.com

リストに期間を表示する最良の方法は?

アイテムのリストがあり、属性の1つは期間です。 (ユーザーを想像し、特定のアクティビティ間の平均時間)。

ほとんどの場合、この期間は0〜120秒の範囲になります。時々、それは数分、場合によっては数時間にジャンプします...そして、まれに(しかしそれは可能ですが)期間が数日である可能性があります。

現在のところは、「2h 43s」、「2d 15h」、「21s」、「8d 2h」のような表示です。しかし、それらをすべてリストに入れると、すぐには明確ではないため、問題が発生します。 「2d 15h」は「2h 43s」と同じ長さであるため、短い方の束の中に座っている長い期間があります。

「2d 15h 00m 11s」に秒/分を追加すると、日が確実に表示され、すべての要素が揃うようになります。しかし、よくわかりません。それは多くの追加ノイズです。

10
James Boutcher

何時間も何日もキューを使用できます。それらはよりまれなので、アイコンはあまり視覚的なノイズを作成しません。
enter image description here

17

私は単純なhh:mm:ss形式(適切にローカライズ)を使用し、それらがゼロの場合に最も重要なコンポーネントを省略します。

       0:SS
      MM:SS
   HH:MM:SS
Dd HH:MM:SS

結果として生じるサイズの変化は、大きさの優れた視覚的指標を提供し、右揃えは、それらが容易に比較できることを保証します。

1
Tom