it-mure.jp.net

データテーブルのテーブルの使いやすさ/読み取り可能なフォント

データテーブルに最適なフォントは何ですか?モノスペースは適切ですが、より多くのスペースを必要とするため、アイテム間に余白をあまり入れることができません。同様に、データテーブルの優れたユーザビリティの原則は何ですか?シマウマの縞模様など。アラートボックスを検索してみましたが、何も見つかりませんでした。

12
Kevin Burke

MIL-STD 1472F セクション5.14.3.5には、ユーザーインターフェースでのテーブルの表示に関する非常に優れたセクションがありますが、最新のGUIの更新に耐えることができます。 GUIの箇条書きでマークされた私の解釈とともに、いくつかの標準を以下に示します。

5.14.3.5.4タイトル。複数のページを占めるテーブルの場合、列ヘッダーはテーブルのすべてのページにある必要があります。

  • 拡大すると、ユーザーが表のすべての項目を表示するためにスクロールする必要がある場合、ヘッダーは常に表示されたままになります(たとえば、非スクロールdivに配置するか、それらを繰り返すことにより)。

5.14.3.5.5水平延長。テーブルは、ページ間で水平に分割してはなりません。

  • 行ヘッダー(レコード識別子)が固定され、スクロールして見えなくなることがない限り、水平方向にスクロールすることをお勧めします。

5.14.3.5.6リスト。リスト内の項目は、時系列、アルファベット順、順次、機能、重要度などの認識可能な順序で配置する必要があります。

5.14.3.5.6.2垂直拡張。リストが複数の表示ページにまたがる場合、1つのページの最後の行が次のページの最初の行になるはずです。

  • ひとことで言えば、スクロールバートラックをクリックしてテーブルを一度にフレームフルでスクロールする場合、1つのフレームフルの最後の行が、後続のフレームフルの最初の行になるはずです。

5.14.3.5.6.5複数列の垂直方向の順序。リスト内の項目が複数の列に表示される場合、項目は 各列内で垂直に並べられます になります。

  • これは、スクロールする必要なくリストが完全に表示されている場合にのみ適用されます。

5.14.3.5.10数値入力の正当化。ユーザーは、正当化を考慮せずに、テーブルに数値を入力できます。コンピュータは、整数を右揃えにするか、存在する場合は小数点に関して正当化します。

  • つまり、簡単に比較できるように、すべての数値の小数点以下の桁を揃える必要があります。

5.14.3.5.11測定単位のラベル付け。表示されるデータの単位は、表示される列ラベルに一貫して含まれるものとします。

5.14.3.5.13列スキャンの手がかり。 3スペース以上のカラム間隔を維持する必要があります。

  • これは、12ポイントのArialを標準として使用して、約12ピクセルに変換されます。

5.14.3.5.14行スキャンキュー。多数の行がある密な表では、一定の間隔で行のグループの後に空白行が挿入されます。空白行を挿入せずに5行以下で表示する必要があります。

テーブルのフォントの読みやすさは他の場所とほとんど同じであるため、おそらく他のコンテンツと同じフォントを使用する必要があります。 Courier Newのようなモノスペースフォントは避ける必要があります :読み取りが遅く、最新のマークアップを含むテーブルでは、その理由はまったくありません。それ以外は フォントの読みやすさは複雑です ですが、Tahomaのような一般的な「通常の」フォントを選択すれば、おそらく大丈夫でしょう。

12

Segoe UIは、小さいサイズでも読みやすいフォントだと思います。

1
Ravi

sans serifフォント(HelveticaやVerdanaなど)を使用することをお勧めします。これは、serifフォント(Times New Romanなど)よりもきれいで、したがってテーブルが雑然として見えるようにしないでください。どうして?セリフは装飾的な「フィート」またはカールを使用しますが、サンセリフは使用しません。 「フォントタイプとサイズが高齢者によるオンラインテキストの読みやすさと読み取り時間に与える影響」や「Webページのテキストと背景色の組み合わせの影響」など、画面上で最も読みやすいフォントタイプを測定するさまざまな調査が行われています。読みやすさ、保持力、美学、行動意図について」とサンセリフの方が効果的です。インターフェイスが乱雑になると、認知負荷に影響を与え、テーブルを理解するのが困難になります。

私自身は統計的に有意な調査を行っていませんが、質問した人は、テーブル内のサンセリフは視覚的にもっと楽しいと思っているようです。 (ターゲットグループが同じ経験を持つことを確認するには、ターゲットグループに尋ねる(または補足するためにブレインスキャンを行う)必要があります。)

視覚的に楽しいものがあれば、テーブルの使用感に影響を与えます。美学とユーザーの満足度と喜びの間にも強い相関があります。これは、例えば、「肯定的な感情と認知への影響の神経心理学理論、心理学的レビュー、106、529-550」で研究されています。どうして? -ポジティブな気分の認知的影響の一部は、ムードの上昇を誘発するイベントから生じる前頭皮質領域のドーパミンのレベルの増加が原因です。また、「Webサイトの知覚された視覚的美学の次元の評価」という調査をチェックすることもできます。

プレーンテーブルとゼブラストライプテーブルの間の読み取り速度と精度を測定しようとする研究は1つしか見つかりませんでした。ほとんどまったく違いがないようですこれら2つの間。 ここで完全な研究を参照してください

ただし、人々はゼブラ縞模様のテーブルを好む傾向がありますおそらく見栄えが良いためです。 (これが重要である理由については、上記の段落を参照してください)

スクロールする必要のある列が多数ある非常に長いテーブルを生成している場合-固定されたテーブルヘッダーを使用して、数値が何を意味するかを確認できるようにします。彼らの短期(非常に短期)の記憶に依存することなく。

0
Tony Bolero

Verdanaは優れたIMOです。低解像度の画面で読むことを意図しています。小さいサイズでも読みやすいです。

0
Elias Zamaria