SaaS平台：数据列表设计

产品规则如下：

• 锁定的列字段最多三个。
• 锁定的列字段要排在列表字段中最前位置。
• 相同锁定的列字段，则按照设置的先后顺序进行展示）解除锁定后，该列字段依然显示在原来的位置。
• 该位置排序方式：根据【设置-显示字段】的排序进行。
• 【设置-显示字段】的非锁定状态字段挪动到锁定字段前面，排序方案遵循第二点。即：先展示全部的锁定字段，再按照非锁定字段的先后顺序排序即可。

观察销售易列表，我们发现许多设计亮点。例如：传统在列表上方的筛选区域不见了，取而代之的是，把列表筛选功能巧妙的嵌入到了列字段中。

体验上：

1）鼠标移动到了列字段旁的下拉图标，即可展开搜索列表，使用比较顺畅。

2）列表的滑动模式：如果列字段过多，一般解决方案是，在底部增加一个滑块进行拖动。但这里会产生另外一个不好的体验：伴随着对列表展示数据的不同（10，20,50,100,200..），要查看那些在非可视区的列字段内容，则需要把整个列表往下滑。销售易的解决方案是，通过鼠标滚轮的滑动，则可以对那些非锁定状态的字段进行左右滑动。

3）多种挪动列字段的方式：

• 用户可以在【设置-显示字段】里，对列字段进行排序。
• 用户甚至可以直接在列表某字段上方，长按字段并进行拖动的方式。（这里有一个Bug:当想要把非锁定状态下的列字段，拖动到所有非锁定列字段最前面时，其实是做不到的。实际拖动到的是非锁定列字段的第二位。）
• 双击单个区域，可灵活编辑某个行列交叉的内容。直接编辑的颗粒度非常大。（一般的解决方案是会针对整行进行编辑）

销售易整体上的设计所应用到了以下的抽象：

传统的列表上方的筛选区域，由于和列字段是一一对应的关系。因此，把这两个功能进行了聚合。把筛选列的各个功能分别融入到列字段中。

这样的模式优点是：

1）没有了筛选区，给列表区腾出了更多的展示空间。（我们知道，如果存在了筛选区，并且筛选区基本上是固定的，在PC端上也是把许多区域占据了。这里有非常多的解决方案，上文也进行了分析）。

2）按需搜索，无须对无关紧要的列字段进行展示了。

3）界面干净、利于统一。

（这里有业务场景限制，只有当彼此严格对应是才可以使用该抽象）

（编辑：安卓应用网_ASP源码网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!