「后台列表页设计原则和技巧」

摘要： 本文详述了管理后台列表页的设计原则和技巧，对于新手有很大的学习价值。

无论是什么类型的产品，几乎都会出现「列表页」，前台部分的列表页设计技巧已经有很多的介绍了，下面我以「电商系统」为例，谈谈业务后台的列表页设计原则和技巧。

1 什么是「列表页」

1.1 「列表页」的概念

列表页是一些具有同种属性的内容的聚合。简单讲，在电商系统里面，展示所有商品或订单信息的或相似页面就是列表页。列表页的简单特征就是一行一条数据，和数据库或Excel表格的概念都很像。商品列表页就是一行一条商品信息，订单列表页就是一行一条订单信息。

1.2 「列表页」的类型

根据列表行数据的生成方式，可分为「主动型列表」和「被动型列表」，在阐述这两个概念之前，我们先来区分两种用户的身份，一种是「使用后台的管理员用户」，另一种是「使用前台的终端用户」，这两类人常常不是同一群人，我们都称之为「用户」，读者需要根据不同场景注意区分。

主动型列表：指的是列表中的数据是由管理员生成的，而非终端用户生成。例如「商品列表页」中的数据就是由管理员生成，与终端用户无关，用户在前台看到的商品信息均由后台编辑生成，用户无法变更商品信息。

被动型列表：指的是列表中的数据均是由终端用户生成的，而非管理员生成。例如「订单列表页」中的数据就是由终端用户生成，用户选择商品，提交订单，形成订单信息。

主动型列表和被动型列表虽然都是列表页，但是由于其内容的来源不同，所以在设定其产品逻辑方面有很大不同。

2 列表页设计原则

列表页有以下几条设计原则。实际上说原则也并不准确，因为产品设计并没有一个既定的标准，而是这些方法论是由行业前驱提出，并且经过了相关产品、市场的重重考验，被证明了是行之有效的。

第一条：根据场景提供展示的业务列。

第二条：产品新数据行能够便捷地看到。

第三条：操作宜少不宜多。

上面的几条原则可能比较抽象，难以理解，下面我来详细讲解。

3 列表页设计技巧