关于后台筛选功能和表格设计的思考

后台是最近负责的项目，花了一些时间对表格和筛选研究了一下。写这个文章的目的主要是总结和记录，以防时间久了后忘记。文章会结合最近做的项目进行分析，有更好的做法欢迎提出~

一、关于筛选

筛选的作用：筛选在一个后台系统中是必不可少的，后台存在的内容较多且复杂，这会造成使用者的使用成本增加，通过筛选功能能够让使用者快速找到想要的内容。

1、所有筛选条件平铺展开。

优点：用户浏览时非常清晰直观，能够第一时间看到所有内容，便于筛选；

缺点：当筛选条件太多的时候，整个页面内容非常拥挤且冗余；

适用于：筛选条件较少的页面。

2、高级筛选。

高级筛选的做法通常有默认显示使用频率较多的筛选条件，频率较少的通常会放在高级筛选中，可以使用“展开”、“收起”这种方式。

上面这种做法把关键词筛选和其他条件筛选区分开（其实查询条件不止图上这些，是我没做完），主要是

（1）领导说一定一定要简洁，因为领导希望能够看到更多的表格内容，所以设计的时候默认不显示下面的筛选条件；

（2）“收起”操作放在关键词附近是为了便于用户操作。也可以默认显示使用频率高的条件再展开；

（3）关键词查询没有搜索按钮，也是为了简洁，主要还是感觉放个按钮很傻不拉几和下面的按钮也重复，提示用户可以使用哪些相关的词汇进行搜索，由于公司有一部分不太互联网的用户，所以给了回车进行搜索的提示，总之就是为了减少用户的使用成本；

（4）重置按钮适用于筛选条件多的情况，便于用户选择多个筛选条件后清空进行二次搜索。

二、关于表格

表格是展示后台内容的主要方法，最简单粗暴的做法是依次把内容展示完整，内容不多的时候还好，内容太多出现滚动条，这种做法的问题也非常明显，用户操作和体验都不好。以下是解决问题的几种方法：

1、当内容较少的时候，只需要考虑不同尺寸的屏幕显示的间距就行。

2、内容多的时候，可以把操作单独出来，放在表格前面，用户操作的时候需要先选中该条信息进行操作。这种方法需要两个步骤，相对常规操作还是复杂，尤其是当操作按钮特别多的时候（虽然把同类型的按钮使用下拉选择进行操作），太多的话视觉效果上还是会不好看。

3、默认显示用户非常关注的信息，将剩余不太重要但是又必不可少的信息进行隐藏。这样的好处是第一视觉感上不会出现滚动条，又能方便用户操作，当然这需要前期对用户关注的信息精准定位。

4、鼠标移动到表格时悬浮显示操作按钮。这种操作方式相对于用户而言不是很直观，需要鼠标移动的时候才能触发，虽然用户触发的几率非常大~

5、在项目中我们选择了对第一栏和操作栏进行固定的方式，中间内容部分使用滚动条查看。这样能够方便用户操作和查看表格信息，选择这种相对合适的方法。

6、对表格头部进行固定。当一屏幕的高度比较高时，用户下翻的时候表头会被隐藏掉，用户看到内容时需要上翻对应表头位置确认相关信息。

7、没有内容的表头可不显示，如需要显示可使用空白符号代替。比如我们公司后台项目改版前的联系人和联系电话大多数情况没有，这种时候可以不要、不显示，可以节省空间。需要显示的时候一定要给用户一些提示。

8、导出的时候给用户提示导出范围。我们公司后台导出改版前是点导出按钮直接导出....没有任何提示，不知道是导出的所有数据还是当前页面数据。

总结：表格交互的方式有很多，每种方式都有一定的优缺点，我们的目标是设计出一种适合每个项目的方式。

          对大家有用最好，没用就...没用吧