后台实战:如何设计一张合格的列表?
文章来自作者的自身工作经验,希望对你有所帮助。
做后台的产品经理都会知道,列表是后台中最常见一种展现形式,几乎每个业务模块都会用到列表。列表虽然常用,但是想做好一张列表并不是一件容易的事情,下面我来介绍一下怎么设计一张后台的列表。
列表交互分区
整张列表我们可以划分为三个大的模块:整体操作区、个体展示操作区、列表属性
整体操作区
- 列表搜索
- 列表筛选
- 列表新增
整体操作区是指对列表进行整体操作的部分,其中搜索和筛选是针对有相对大量的数据进行设计的,让使用者能够快速找到目标数据,提升效率。所以核心是要平衡好研发成本与收益的关系,在产品早期数据量较小的时期,搜索和筛选功能都是可以忽略的功能。
单体展示&操作区
- 信息展示区
- 单体操作区
列表单体区域——列表主体, 主要分为信息展示与单体操作两个部分。对于信息展示区来说,每一个字段都要是有用的,能够传达足够的信息量,非必要不要加。同时要定义好每个字段的信息,如“字段类型,长度限制,是否换行”等信息,是的整个表单能够简洁清晰。
单体操作区,一般是对单条信息进行的“增、删、改、查”等操作。其中的删除和修改要格外注意,尤其是涉及到线上正在使用的时候,产品经理要做出合理的判断,考虑尽可能全的场景,定义好不同状态下允许的操作类型及权限,必要的时候在触发信息执行时做相应提示。
列表属性
- 列表导出
- 列表分页
- 列表排序规则
- 列表的数据加载
列表导出,是针对需要导出的内容进行设计的,最好使用现成的组件,会大大降低设计和研发成本。
列表分页,当涉及到数据量较大时,需要支持分页及页面跳转,这里需要注意的是分页数量需根据业务的实际情况灵活设置,亦可使用现成的组件或自己开发相应的组件。
列表排序,当我们进行操作时,会对某一部分数据操作的频次远远大于另一些数据,这时候排序就异常重要。列表的排序可以支持多种排序规则,一般会有主排序规则和次排序规则,需综合评估研发需求程度和研发成本进行安排,非必要的时候就采用默认的排序规则。常用的排序规则有“时间倒序”、“数量升序(降序)”、“状态序列”等。
列表的数据加载,当数据量较大时,一次性加载数据会非常慢,这时候就要考虑数据分段加载的设计。这里是坑最深的地方,需要考虑数据搜索时的分段分段加载&整体加载;有筛选条件下的数据加载情况;是否要做本地缓存以及缓存数据在何种契机下同步。这些虽然是技术设计上的细节,但是产品经理在设计的时候如果考虑不全面会挖下无数的坑等着你来填。
总结
列表想设计好也不是一件容易的事情,多多总结,多多打磨,形成一套适应自身业务体系的列表规范,才能事半功倍,别等挖了坑才想到去填。欢迎留言交流。
相关阅读:
本文由 @迅哥喝茶 原创发布于人人都是产品经理。未经许可,禁止转载。
题图来自PEXELS,基于CC0协议
不知道可不可以分享一些后台产品的案例呢?新人一枚。。
下次我整理一下我的文档库,找一些不敏感的发出来吧
嗯嗯嗯,简直太好了!大好事一件!加油加油。。期待ing
只能说,合格了
没有案例就没有说服力
不是每一家公司都允许案例对外分享的,望理解
点赞,多点图形案例就好了
后台图形不方便展示,如果是APP端展示效果会好很多