レポートの列タイトルを揃えるための最良のUIアプローチ
ヘッダー列をデータ型に応じて整列させる最善の方法は何ですか？.
これを説明するヒューマンデザインインターフェースの記事は見つかりませんでした。
ヘッダー列は、データ値が使用するのと同じ配置に従う必要がありますか？
もしそうなら、私はいくつかの信頼できる参考文献を見たいのですが。
図の列は、同じ単位を共有し、見出しが一致する場合、表形式で右揃えにする必要があります。
Morten Hjerdeによるガイドライン（ IXDAスレッド ）：
- すべてのテキストを左揃え
- すべての数字は右揃え
- 単一の文字が中央に配置されます
- たとえば製品コードのように、値ではない数値はテキストのように扱われ、左揃えされます。
- 列のすべての数値に同じ小数点以下の桁数を使用する
- 日付を左揃えにします。
- 日数には2桁と先行ゼロを使用します（これは文化的なものかもしれません）。日付全体で同じ形式を使用します
タフテ風のリファレンスは見つかりませんが、たくさんの例があります：
まだ担当者がいないため、追加のリンクと画像を削除する必要がありました。すまない友よ ：\
Hoefler＆Co.は、より印刷デザインに焦点を当てた観点から、妥当な例を示しています（ source ）：
例2（ this Behanceプロファイルから抜粋）。何が起こっているのかを伝えるのに十分なほど明確です：
一般に、Excelはデータグリッドアプリケーションの祖父であると考えられており、データテーブルを備えたほとんどのアプリは、通常、基本的なデフォルトに従います。したがって、タイトル、日付、テキストは通常左側に配置され、数値は通常右側に配置されます。データ型に関係なく、列ヘッダーは常に左揃えになります。
- 数値データは右揃えされます。
- テキストデータは左から右に読み取られるため、左揃えになります。
- ヘッダーはデータに合わせて配置され、中央揃えは推奨されません。
私はこの質問が5年前のものであることを知っていますが、答えがないのを見て、この記事を見つけました "Design Better Data Tables） 非常に詳細で完全な回答です。
数値データは右から左に読み取られます。つまり、最初に1の数字、次に10の数字、次に100の数字というように、数字を比較します。これは、ほとんどの人が算術を学ぶ方法でもあります—右から始めて左に移動し、数字を運んでいきます 1 。したがって、テーブルは数値データを右揃えに保つ必要があります。
テキストデータは左から右へ（英語で）読み取られます。テキスト要素の比較は通常、アルファベット順にソートすることによって行われます。2つのエントリが同じ文字で始まる場合、2番目の文字が使用され、以下同様に続きます。テキストをすばやくスキャンしようとすると、左揃えになっていないと腹立たしいことがあります。
ヘッダーは、一般的に、データの配置が何であっても運ぶ必要があります。これにより、テーブルの縦線がきれいに保たれ、一貫性とコンテキストが提供されます。
中央揃えでは、テーブルの線が「不揃い」になり、エントリのスキャンがはるかに困難になり、多くの場合、追加の仕切りとグラフィック要素が必要になります。
Dwilsは興味深い点だと思います。彼の例は、印刷物のアカウントの世界を参照しているように見えます。私はこれらの視覚化の設計原則を、開発したHTMLデータテーブル/グリッドで使用しました。数値データを含む列などの原則は、ヘッダーと同じように右揃えになり、小見出しがある列は、スパン全体で中央揃えになります。
banks および building societies が年次報告書をどのように提示しているかを見てください。レポートは、表形式で視覚的な一貫性を示します。