it-swarm.cn

数据表的表可用性/可读字体

数据表的最佳字体是什么?等宽是好的,但是会占用更多空间,因此项目之间不能有太多的空格。同样,数据表有哪些良好的可用性原则?诸如斑马条纹之类的东西。我尝试搜索Alertbox,但没有找到任何东西。

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垂直延伸。如果列表超过一个显示页面,则页面的最后一行应该是后续页面的第一行。

  • 作为扩展,当通过单击滚动条轨道一次滚动一个全帧表时,一个全帧的最后一行应该是后续全帧的第一行。

5.14.3.5.6.5多列中的垂直排序。如果列表中的项目显示在多列中,则项目应为 在各列中垂直排列

  • 仅当列表完全可见而不需要滚动时,才应适用。

5.14.3.5.10数字输入的对正。允许用户在表中进行数字输入而不必担心理由;计算机应右对齐整数,或如果存在则以小数点为准。

  • 也就是说,所有数字的小数位应对齐以方便比较。

5.14.3.5.11标记度量单位。显示数据的单位应始终包含在显示的列标签中。

5.14.3.5.13列扫描提示。柱间距应保持不少于三个空间。

  • 以12点Arial为标准,可转换为约12个像素

5.14.3.5.14行扫描提示。在具有多行的密集表中,应在规则间隔的一组行之后插入空白行。如果未插入空白行,则最多只能显示五行。

表格的字体可读性与其他地方几乎相同,因此您可能应该使用与内容其余部分相同的字体。 应避免使用Courier New这样的Monospace字体 :读取速度较慢,并且在带有现代标记的表格中确实没有理由这么做。除此之外, 字体的可读性很复杂 ,但是,如果您选择Tahoma之类的常见“常规”字体,您可能会没事的。

12
Michael Zuschlag

我认为Segoe UI是一种很好的字体,也可以以较小的尺寸阅读。

1
Ravi

最好使用无衬线字体(例如Helvetica或Verdana),因为它比衬线字体(例如Times New Roman)更整洁,因此不会使表格显得混乱。为什么?衬线使用装饰性的“脚”或卷曲,而无衬线则不使用。已经进行了各种研究来测量哪种字体类型在屏幕上具有最高的可读性,例如“字体类型和大小对老年人的在线文本的可读性和阅读时间的影响”或“网页文本-背景颜色组合的影响”。可读性,保留性,美观性和行为意图”和“无衬线”更为有效。当界面混乱时,会影响我们的认知负担,这会使我们更难以理解表格。

即使我自己尚未对此进行统计上的重大研究,但我要求的人似乎认为表格中的无衬线在视觉上更令人愉悦。 (您需要询问(或进行脑部扫描来确保您的目标群体具有相同的经验。)

如果某些东西在视觉上令人愉悦,它将影响表的可用性。美学与用户的满意度和愉悦感之间也有很强的相关性。例如,在“积极影响及其对认知的影响的神经心理学理论。心理评论,106,529-550”中对此进行了研究。为什么? -因为积极情绪的某些认知影响是由于额叶皮质区域中多巴胺水平的升高,而多巴胺水平是由引起情绪升高的事件引起的。您也可以查看“评估网站视觉视觉美感的维度”研究。

我只发现一项研究试图测量普通表和斑马条纹表之间的读取速度和准确性,而这两者之间似乎几乎完全没有区别请参阅此处的完整研究

但是人们倾向于更喜欢斑马纹的桌子可能是因为它看起来更好。 (请参阅以上各段,以了解这很重要的原因)

如果您要生成非常长的表,其中包含很多列,那么人们需要滚动显示-使用固定的表头,以便人们可以看到数字的含义而不必依赖其短期(非常短期)记忆。

0
Tony Bolero

Verdana是好IMO。它应在低分辨率屏幕上阅读。即使尺寸很小,也很容易阅读。

0
Elias Zamaria