HI,下午好,新媒易不收取任何费用,公益非盈利机构
24小时服务热线: 4000-162-302
请扫码咨询

新媒易动态

NEWS CENTER

表格应该层级分明、一目了然,让用户更多地感受表格承载的内容信息而不是表格的形式

2021-06-16

设计原则与目标

1. 设计原则

其基本设计原则是业务的全面整合,流畅的阅读体验,重要信息的快速检索,便捷的业务处理。满足业务需求+符合用户心智模型。

1)好查找

表格应该层级分明、一目了然,让用户更多地感受表格承载的内容信息而不是表格的形式。

对于提高表格查找效率,这里给出一些我个人的建议:

  • 保持一致,保持表格外观、布局一致,外观相同的表格用户会更快地接受,用户一次学习就可通用查看,凭肌肉记忆快速查找关键信息;
  • 呼吸适中,表格内容区采用合适的行高和列宽,可以帮助更快地获取信息;
  • 视觉降噪,通过字体、字号、颜色等多维度进行视觉降噪处理。

2)好处理

表格应该是可交互的,对于查找好的数据能让用户迅速找到对应操作进行决策,如导出、编辑等的快捷操作处理。

处理交互提效建议:

  • 亲密性,数据选择与数据操作保持亲密性;
  • 操作露出与操作隐藏,不同业务操作选择不同的操作形式,比用户多想一步。


2. 设计目标

对数据进行高效地查找、新增、编辑、删除等操作是用户对表格使用的终极目标。

三、表格构成

从视觉角度出发将表格分为:标题、筛选操作区、表头、内容、底栏五部分进行构建。


1. 标题

对表格信息内容的整体概括,让用户对表格用途一目了然。标题内容可以包含数据来源、日期、地区等信息。同时在具体业务中也可结合图标对标题进行补充,帮助用户更形象地理解表格传达的内容。

标题作为重要的表示元素一般会放在表格的左上角,符合用户的阅读习惯,同时也能突出标题的重要性。但在有些情况严格意义上的标题则不存在,会被页面标题、面包屑或其他内容代替,主要看其能否表达对表格的概括。

2. 筛选操作区

两个区域常被称为工具栏,其实两个区的功能各不相同,也可以分开讲筛选区与操作区。

筛选操作区指方便用户快速定位查询数据与操作数据,是承载表格核心功能“增删改查”的重要桥梁。筛选操作区的排序方式对整个表格“好查找”起到了至关重要的左右,对不同的业务进行分析对筛选操作区进行排序变化。

3. 表头

表格信息是对数据属性的分类或基本概括,可以理解为表格总结,是用户快速浏览表格布局的关键信息,表头字段应当符合人们的思维惯性,保证大部分用户能理解数据。

表头也可以指行标签,是对所属行或列的描述。表头也可以承担一些简单的筛选、冻结与排序,方便用户对具体的行列进行筛选操作。

相关推荐