SaaS平台：数据列表设计
副标题[/!--empirenews.page--]
我们知道，数据列表承载着业务上的数据。针对不同场景、不同业务、不同战略下的SaaS系统，客户通过SaaS平台实施业务管理，而每列每行的数据，就是业务颗粒度。每个颗粒度可能是一个订单、一个商品、一个服务、一个潜在客户、一条线索。如何对颗粒度进行有效管理呢？ 本文采用的分析方式是通过归纳、抽象的方法，得到SaaS系统的常见的列表设计方式，并基于抽象得到的模型进行适当的扩展，提供关于SaaS平台的列表设计创新解决方案。 一、常见的SaaS平台列表设计及分析本文以几个机构的SaaS平台为例进行说明。 他们分别是：有赞、易订货、校宝在线、知晓云、销售易CRM，分别涉及到的行业是电商业务、零售业务、教育业务、数据后台、销售业务。 1. 有赞有赞的管理后台，是比较传统一类的列表搜索模式。即采用了筛选区+列表展示区的模式。但又有一些不同的设计理念。
有赞管理后台-订单列表
有赞管理后台-订单列表 基于电商业务下，价格、交易额、利润、商品数量、订单状态等业务字段较为重要，需要对用户进行有效展示，增加可操作性。 在列表展示区，列字段增加了上下的图标。点击该图标，进行升序、降序上的排列。 不同地方在于，例如图中所示，增加了序号的排序方式。序号上可以输入数字，客户可基于序号的大小进行排序。 除此之外，还可以对商品进行分组排序、热门排序（根据浏览量、销量等字段设置）。这是基于电商业务层面上较个性化的地方。这是字段差异化的地方之一。 差异化地方之二：订单 由于每个订单显示不同的状态（待付款、待发货、已发货、已完成、已关闭、退款中）。有赞的设计方式是，并不会把订单的状态放到筛选区域，而是采用平铺的多个列表，用户分别点击不同列表tab切换到不同状态。 为什么要这样做？我们认为这是基于业务流的抽象，把订单的筛选状态进行了释放。 简单来说，如果订单中涉及到较为重要的业务流层面（例如：a->b->c->d..)，可采用平铺（线性展示）的方式，用户可不需再次切换筛选的方式，知道各个订单的详细状态。而这部分，有赞并没有给到升降序的排列方式。我们可以推断，在列表颗粒度过小情况下，是可以不需要排序。 2. 易订货易订货的列表设计，是在共性的基础上采取了一些变化。
易订货管理后台-订单列表
易订货管理后台-订单列表-高级筛选 我们可以获得以下的一些认识: 在订单模块： 1）搜索区域虽然存在，但只可以通过订单时间、订单号、客户名称这三个选项进行筛选，汇聚在一行内。所以，占据的空间并不会很大。 2）更多的筛选项，点击【高级筛选】文案后弹出。高级筛选弹窗展示的是更多的筛选项。 针对列表区：
列表区内的设计，采用了部分可点击的超文本链接、字色等方式。例如：客户名称可点击，点击后跳转到该客户信息详情；点击订单状态、跳转到了发货订单列表页。在该列表页上也采用了简单的排序。
易订货管理后台-商品列表-筛选 经过观察发现，易订货的列表设计，把更多的筛选项通过弹窗的方式进行展示。而把常用的、重要的几个筛选项集中在一行高度展示。有效减少了筛选项对屏幕空间的占用。 3. 校宝在线在校宝在线管理后台，采用了多种筛选机制的列表展示。
校宝在线管理后台-员工列表
校宝在线管理后台-列表 主要特点：多行标签+下拉框筛选两种类型相结合。标签选项可单选、多选。 列表的特点遵循了传统的设计样式，部分字段可升序降序、针对某行的数据可操作（编辑、删除、结班）等。我们可以看到，这是教培业务上的点融合到设计中。 4. 知晓云小程序开发中应用到了知晓云的数据托管，该数据后台的列表跟前面所分析的案例也略有不同。
知晓云管理后台-数据列表
知晓云管理后台-数据列表-字段管理 针对筛选项，放进了【查询】的入口里。点击【查询】弹窗中，即可搜索。空间使用效率较高。 列字段展示的特点：
我们发现，列字段的展示先后顺序，并无上述案例中所采用的箭头移动字段的方式。而是直接通过拖动列字段的先后顺序，进行展示。 5. 销售易销售易的列表设计，使用到较多的列字段设置和筛选的方式，两者结合程度较高。
销售易CRM
销售易CRM-向下图标
销售易CRM-设置-显示列表 图中可以看到，每个列字段的筛选机制中，采用了升降序的粗略排序方法+精准排序方法的结合。 例如：针对客户级别的排序中，则分为了A(重点客户)B(普通客户)C(非优先级客户)空四种筛选方式。而纬度的精准排序，则给定了一个纬度范围。 对比易订货发现，其实两个平台都有列字段显示、隐藏、排序功能。但设计方法并不一样。在操作步骤、可视化策略的使用上，两个平台各有差异。 根据对产品的实际过程体验，针对其中特别功能：锁定/非锁定的设置方式，我们可以对此进行产品规则的倒推。 （编辑：安卓应用网_ASP源码网） 【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容! |
