表格在网页设计中的作用 第1篇
因批量操作需要勾选左边复选框，放置在表右上方不符合操作动效，本着效率至上的原则，此处不考虑放在右上方。
优点：操作项信息前置能清楚的知道有哪些功能，无需用户记忆
缺点：但当批量操作较多时，会挤占页面空间，导致操作按钮很多，不易查找
表格在网页设计中的作用 第2篇
如果还有在场箱、已出闸、已在船三个类别，那这三个tab标签是放在左图还是右图合适？
答案是：右图是正确的
原因：这三个tab是状态和过程的流转有关系，他们是同类型的的数据集，和上面日期、港区的选择是同一个层级的，不会互相影响，之所以把它拿出来呢，是因为它这个筛选比较常用，本质上也是把这个选项给平铺出来了，方便用户查找。
我们再来总结一下案例中tab的用法。不同性质的数据集分类放在表格的顶部，下面的筛选和表格都是它的子维度。同性质，不同状态流程的筛选条件如果比较高频，可以从细分纬度的筛选条件中拿出来，紧挨在表格上方
案例二：会员筛选优化
比如说这我们以一个会员的这个筛选为例，我们的产品经理在做需求的时候，特别喜欢按照业务逻辑来做一个去梳理。
对会员的筛选，首页是这个人是不是会员，初始的注册时间，然后会员的来源、性别营销顾问等等，然后她的标签是什么，都有什么卡，然后再往后面耗费次数怎么样呢？积分怎么样？做这样的一个逻辑。
那可以思考下这样的逻辑是对的吗？这样的排序逻辑是对的吗？
表格在网页设计中的作用 第3篇
使用场景：标签切换一般用于和时间、状态的流转有关，且没有交集的数据内容（可以是同性质，也可以是不同性质）。主要样式有基础、卡片、胶囊等。
优点：根据标签，可以很清楚知道划分，切换tab就可以筛选内容。
缺点：分类需覆盖选项，并且保证每一项没有交集，分类不能过多，超过7±2个选项可选择下拉筛选。
提升用户体验的一个小细节：默认用户最关注的选项，而非全部，这样可以缩短查询路径，同时给出条目，让用户清晰明了每个选项的数量，便于操作。
3. 组合筛选
在企业级中后台中，用户查看的数据往往属性较多且不唯一，通过简单的检索方式很难精确定位到目标数据，所以，在实际使用时，常会将大量非交叉关系的属性进行罗列，搜索、筛选、标签切换组合出现，形成多属性组合检索。
而筛选项互相组合，其展示方式分为平铺和折叠两种。
表格在网页设计中的作用 第4篇
报表管理里面有一个吞吐量统计、舰次（舰是船的意思）和箱量的统计，一个是放在左图中筛选的最上方用我们带小横线的这个标签页默认样式，一个是用胶囊的样式放在筛选最下方表格的上方。这两个哪个的用法是正确呢？
5、4、3、2、1…
先来说下结论吧：左图是正确的
表格在网页设计中的作用 第5篇
优点：上内容下操作，符合操作动线
缺点：和分页放置一起不易于业务拓展
根据我司业务，最复杂的批量操作不超过3个，是可以满足业务场景的，即使后续再有新增的批量，也可以和下钻到「更多」，综合考虑后选择方案三，放置于表的左下方。