后台实战:如何设计一张合格的列表?

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

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

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

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

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

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

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

  列表想设计好也不是一件容易的事情,多多总结,多多打磨,形成一套适应自身业务体系的列表规范,才能事半功倍,别等挖了坑才想到去填。欢迎留言交流。

  网站在前期的时候都是很难上排名的吗,那么是因为你的网站基础优化都没做好,怎么可能会有排名呢,首页说到了基础的优化那就要从根本的地方说起。前期就是先把网站的设计和网...

  随着情人节的结束,2月份的设计圈干货大合集悄然更新。新的工具新的资源,依然是以往的分量,依然是相同的味道。和过去的合集相似,免费的素材、工具、服务占据了列表中9成的...

  每个网站都是由不同功能不同类型的页面构成的,当用户打开错误链接的时候,网站的404页面就派上用场了。一个可靠的404页面在告知用户他们走错地方的同时,还应当引导用户继续浏...

  今天来给大家讲讲如何用Axure实现上下滚动效果。 如何实现上下滚动效果: 让内容在显示区域滚动; 内容面板没有接触到顶部时,让内容面板移动至顶部; 内容面板接触到顶部,没有接...

  你还在加班为每一个小功能的实现自己“码码码”吗?今天想早点下班的你,快来看看我最新发现的工具包吧!有了他们,这些功能你只需要直接用,或者用一点时间把他们优化的比作者创造时更...

  当我们需要设计任务型功能的时候,除了基础的线框图和交互,更需要提前搞清楚整个功能的内部逻辑流程,简称功能逻辑图。 举几个大家熟悉的任务型功能作为例子,方便大家理解概...

  如何设计一个简单的新闻聚合产品?文章介绍了制作极简的新闻聚合产品的7步骤,好奇的你和我一起来看看。 你知道在三四线的县城,用户在哪里看新闻么?不是在今日头条里,而是...

  当你面对两家售卖同样品质、有着同等价格的咖啡店铺,服务设计的意义在于让你走进其中一家而非另外一家。 目前,在国内服务设计一词被很多从业者注意到,并在近几年得到了广泛...

  老年用户群仍然有巨大的增长潜力。但就像其他任何用户群体一样,老年用户需要我们设计出符合他们需求的体验。随年龄而产生的局限意味着,数字科技中一些常规的吸引用户手段对...

  本文教大家如何利用Mockplus的面板组件,快速地做一个手风琴式的菜单,简单实用,学起来吧。 手风琴菜单是一种比较常用的菜单形式,利用原型工具来做这种菜单通常要用到中继器。...

上一篇:「昌黎县seo」java中如何用urlrewritefilter实现网站伪静态?
下一篇:电商网站面包屑导航设计技巧和方法

欢迎扫描关注我们的微信公众平台!

欢迎扫描关注我们的微信公众平台!