表 设计体系

检查进度

重置

01

结构及意义

在使用环境中比较信息和演示。

为数据设置标题使用正确的表结构将列名称、单位和单元格关系分配给标题。一致的数字表示使比较比为每个单元格添加颜色更快。示例 “收入，VND”列右对齐，每行具有相同的格式。按类型对齐数据保持字母、数字、日期和状态一致；细胞之间有足够的空间。对齐方式和单位一致,同时保留足够的空间,以免误读相邻两列中的数据。需要时查找记录说明您的搜索范围并保持关键字和结果数量清晰。说明正在查找的字段并检查每个字段中表示的数据,而不仅仅是测试记录名称。显示使用中的顺序如果可排序，请指明排序的列和方向，键盘支持。

02

交互性和可用性

尝试操作，更改状态并继续工作。

将操作与正确的行相关联使用具有上下文的用户名，而不仅仅是在悬停时显示操作。使用支持工具读取动作名称时,需要知道该动作属于哪一行;不要让每个按钮都只是一个修复。在窄屏幕上保留字段名称允许水平滚动或有目的的折叠，而不会切断重要数据。如果选择水平滚动,则保留列上下文和可滚动指示;不要完全删除重要的列。说明在列表中的位置如果合适的话如果分页，请清楚地写出总数、当前查看的范围和转换按钮。换页后,保留表格标题并记录查看范围,以便用户了解在整个结果中的位置。区分加载、空载和错误保持结构稳定，针对每个原因采取适当的行动。

03

完成体验

检查设计投入使用时容易忽略的细节。

定义行样式和密度指定行高、间距、分隔符以及悬停或选择指示器,以便以预期的密度轻松扫描数据。对于多行表,平衡快速扫描和足够的交互空间。测试两行单元格内容和选定的行。按有用字段过滤如果过滤器可用,则显示活动条件和数据范围,并提供清除它们并返回完整列表的方法。过滤和排序是两个不同的事情;更改过滤器不应导致用户忘记当前订单。

进度会自动保存在此浏览器中。

指南

检查方法

01

为数据设置标题

一致的数字表示使比较比为每个单元格添加颜色更快。

示例

应用示例

为数据设置标题

“收入，VND”列右对齐，每行具有相同的格式。