web列表设计总结

无论是B端产品还是C端产品，都会有显示列表的情况。表格的设计体现在可视化（可读性）和易操作两个方面，用户主要对列表信息进行快速的查看、查询、筛选、分析等操作。

下图为微信商户平台的订单列表页面：

列表的显示

表头：

表头是固定的还是可滑动的？按照“7±2原则”，范围之内（表格字段较少的情况）可以固定显示，范围之外可设置横向或纵向滚动条。若表格左侧有关键字段或右侧有操作按钮，可以固定左侧或右侧。主要是方便信息查看和对比。

表头是否需要根据查询条件或者用户个性化设置自动生成？

分页：

是否需要分页？大部分情况，报表数据一般比较多，因此是需要分页的。分页每页显示多少行？当前数据总共分为几页？是否可以直接跳转到某页？

单元格：

内容超过单元格长度如何显示？显示....或者折行显示。

空白单元格：显示为空？显示“无”？显示“0”？还是显示--。

数据权限：是否会根据不同权限的用户，对特殊字段做隐藏和显示

点击：是否需要支持查看详情或者进行跳转？跳转回到列表，定位还原位置还是第一行？

列表的操作

导入（导出）：

导入的文档是什么类型？Excel或者Txt？表头是否可修改？模板中是否需要表明各字段的要求？是否需要示例？是否支持图片？

一次最多导入多少条数据？若数据有时间范围，则需要规定一次最多导入多长时间范围内的数据？

导入后有没有预览？导入中有错误，如何反馈给用户？若导入后有预览，可直接标记出错误数据，导入则忽略错误数据，或预览页面支持修改错误数据。

导入数据量大，导致时间缓慢，是否需要显示给用户当前导入进度？比如当前256/600，表示总共600条数据，现已导入256条。或80%表示已完成80%数据的导入。

查询：

查询条件有哪些？比如时间查询：时间指的是什么时间？创建时间还是修改时间？是否需要精确到时分秒？

搜索输入框是模糊搜索还是精确搜索？是否需要支持清除？

查询结果为空时，页面如何显示？

筛选：

筛选的条件有哪些？支持单选还是多选？筛选是否支持搜索？

“实时筛选”还是“点击查询按钮触发筛选”？一般情况下，筛选条件存在交叉时使用触发筛选，不存在交叉时使实时筛选；条件少时用实时筛选，条件多时用触发筛选。

筛选结果为空时，页面如何显示？

排序：

列表默认按照什么排序？若按照时间排序，则需要明确是什么时间

是否支持升序和降序？上箭头为升序，下箭头为降序。

是否有多种排序方式？排序方式较多时应采用下拉选择，因为这样信息展示最直接有效，且能减少反复操作的次数。

是否支持用户自定义排序方式？

打印：

打印的内容有哪些？列表中的内容是否需要全部打印出来？用户是否可以自定义？

打印机、打印纸张的设置？打印的排版？1次打印多少份？