复杂中见条理 —— 数据表格设计点集合（上）

上海网站建设公司建站资讯2017-09-04 次

　　数据表格中也包含着很多易忽略的设计点。　　

　　数据表格是很常见的设计元素。常见，以至于自己设计时会欠缺更加深入的理解与思考。

　　尤其是工作后接触到了很多后台系统，企业级系统等，更发现数据表格作为数据的载体，其实占据了比较重要的位置。它可以把数据，任务，有条理地归类。可能对于面向消费者的产品来说，数据表格的重要性没那么明显，但对于复杂系统来说，它们的背后，是成千上万的数据，而这些数据都需要一一呈现给用户，所以数据表格的存在，则是大大简化了数据的呈现与使用难度的。今天看到一篇文章介绍了数据表格的各种设计点，觉得很受用，因而希望分享一下。

　　1. 顶部固定滑动

　　顶部固定滑动是表格设计容易忽略的一个设计点，如果表格高度比屏幕高度高，就会需要使用滚动条来进行下拉查看数据，而这个时候表头就会被隐藏。虽然说有时候光凭借数据就可以推断出表格的表头，例如说日期的格式，对于大多数人都是熟知的，但是对于一些后台页面，里面可能会包含更加复杂的数据，例如专业技术名词，序列号等。因此在复杂情况下，表头对于数据的理解和展示又是十分重要的部分，而且表头中也包括了排序等操作。所以如果使用固定表头的形式进行设计，就可以保证表头一直展现，对于用户理解整个表格也是有帮助的。

　　(顶部滑动示例)

　　2. 横向固定滑动

　　这个设计适用于表头项比较多的场景，由于有时候表格需要展示不同类目的数据，所以数据会横向超出屏幕，，这个时候就需要用户横向滑动的来展示更多数据。而如果表格的首列一般是数据的名字，滑动时如果消失了，就很难让人辨认数据属于哪个项，(这个时候我一般会用很笨的办法，用眼睛死盯着屏幕滑回去看)，如果首项可以固定，对于信息的辨别也是很有帮助的。

　(横向滑动示例)

　　3. 筛选弹窗

　　数据一复杂，筛选就更加是重要的模块，图中的筛选主要以表头为中心，将表头作为可以筛选的条件，这样用户在选择的时候就可以选择自己需要的表头进行筛选。不过这种弹出筛选比起直接展示在外面的筛选操作步骤会多一些，而且一个弊端是不能实时进行表格的数据筛选展现。个人会觉得这个模块如果展现在外面，会形成更加直接的操作。