后台实战：如何设计一张合格的列表？

2017-11-02 09:40:00

文章来自作者的自身工作经验，希望对你有所帮助。

做后台的产品经理都会知道，列表是后台中最常见一种展现形式，几乎每个业务模块都会用到列表。列表虽然常用，但是想做好一张列表并不是一件容易的事情，下面我来介绍一下怎么设计一张后台的列表。

列表交互分区

整张列表我们可以划分为三个大的模块：整体操作区、个体展示操作区、列表属性

整体操作区

列表搜索
列表筛选
列表新增

整体操作区是指对列表进行整体操作的部分，其中搜索和筛选是针对有相对大量的数据进行设计的，让使用者能够快速找到目标数据，提升效率。所以核心是要平衡好研发成本与收益的关系，在产品早期数据量较小的时期，搜索和筛选功能都是可以忽略的功能。

单体展示&操作区

信息展示区
单体操作区

列表单体区域——列表主体，主要分为信息展示与单体操作两个部分。对于信息展示区来说，每一个字段都要是有用的，能够传达足够的信息量，非必要不要加。同时要定义好每个字段的信息，如“字段类型，长度限制，是否换行”等信息，是的整个表单能够简洁清晰。

单体操作区，一般是对单条信息进行的“增、删、改、查”等操作。其中的删除和修改要格外注意，尤其是涉及到线上正在使用的时候，产品经理要做出合理的判断，考虑尽可能全的场景，定义好不同状态下允许的操作类型及权限，必要的时候在触发信息执行时做相应提示。

列表属性

列表导出
列表分页
列表排序规则
列表的数据加载

列表导出，是针对需要导出的内容进行设计的，最好使用现成的组件，会大大降低设计和研发成本。

列表分页，当涉及到数据量较大时，需要支持分页及页面跳转，这里需要注意的是分页数量需根据业务的实际情况灵活设置，亦可使用现成的组件或自己开发相应的组件。

列表排序，当我们进行操作时，会对某一部分数据操作的频次远远大于另一些数据，这时候排序就异常重要。列表的排序可以支持多种排序规则，一般会有主排序规则和次排序规则，需综合评估研发需求程度和研发成本进行安排，非必要的时候就采用默认的排序规则。常用的排序规则有“时间倒序”、“数量升序（降序）”、“状态序列”等。

列表的数据加载，当数据量较大时，一次性加载数据会非常慢，这时候就要考虑数据分段加载的设计。这里是坑最深的地方，需要考虑数据搜索时的分段分段加载&整体加载；有筛选条件下的数据加载情况；是否要做本地缓存以及缓存数据在何种契机下同步。这些虽然是技术设计上的细节，但是产品经理在设计的时候如果考虑不全面会挖下无数的坑等着你来填。