web-dev-qa-db-ja.com

価格に2桁と4桁の両方のバリエーションが存在する場合、列の価格を揃える方法を教えてください。

Coinmarketcapに似たデータをコインの価格で表示しようとしています。1$を超える場合は2つのゼロに丸められ、一部が1 $未満の場合は小数点以下4桁になります。ここで、人々が数値アプリケーション/価格に正しい配置を使用することを提案したたくさんの投稿を見ました

アプローチ1 10進数で整列

 1. $13,700.05
 2.      $0.0048

アプローチ2右揃え

 1. $13700.05
 2.   $0.0048

これらのアプローチのどれを提案しますか?お時間をいただきありがとうございます

4
PirateApp

あなたの最初のアプローチ(10進数で整列)は、明らかにはるかに読みやすいようです。同じ意味の数字の同じ位置のため、量ははるかに簡単に認識されます。そのため、テーブルをスキャンするだけで、数値の大きな差をすばやく見つけることがはるかに簡単になります。これのどれもあなたのデザインに関連がない場合にのみ、あなたは例えばスペースのみで非常に制約されている場合は、おそらく2番目のオプション(右揃えのもの)を検討します。

10
Justas Vilimas

小数点以下の桁数はその前後の桁の値を伝えるために重要であるため、ユーザーが数字の値を簡単に比較できるようにする場合は、数値を小数で揃える必要があります。

正しい位置合わせでは、ユーザーは値を比較する前に最初に小数点を見つけるためにスキャンする必要があり、10進数で位置合わせされた値は非常に簡単に比較できることは言うまでもありません。

数値を正しく揃えるには、十分な理由が必要です。この場合、間隔を空けるために使いやすさを犠牲にすることは適切なトレードオフではないと思います。

3
Michael Lai