横向筛选条or纵向筛选器?

国内似乎没有相关的思考/总结,翻了点国外的文章,收获颇丰:

1、筛选条释放了屏幕宽度
左侧筛选器(纵向筛选器)占据了将近1/3的屏幕宽度,筛选条(横向筛选器)则将他们释放了出来。

2、筛选条方便用户滚屏
筛选条可以悬浮吸顶,尽管左侧筛选器也可以悬浮固定,但前提是筛选器不能比列表更长。

3、筛选条更灵活
一般来说,左侧筛选器仅能提供checkbox或超链等交互形式,而筛选条却能适应滑动等交互形式

4、筛选条易用性更高
相比左侧筛选器,筛选条在页面上处于更焦点的位置,一览无遗的筛选项也更便于用户查看和使用。

5、筛选条对手机和平板更友好

但,

1、左侧筛选器扩展性强,能够直接展示筛选项,而不用像筛选条一样一一点开,效率高。

2、左侧筛选器配合checkbox更便于复选操作。

「Why filter bars are better than left-hand filters」——UX for the masses

筛选条受限于屏幕宽度,仅能展现有限的筛选条件,此时可以收起更多的筛选项 e.g.: http://www.crateandbarrel.com/

筛选条在很大程度上降低了以下2个由左侧筛选器引发的问题:
1、用户看漏了某个筛选项
2、用户会认为筛选器和排序规则只能二选一,甚至把排序误认为筛选

但筛选条需要做到:
1、允许复选
2、根据筛选条件实时更新列表
3、在下拉菜单外展示所选的筛选条件

「Filtering UI: A Horizontal Toolbar Can Outperform the Traditional Sidebar

扩展阅读:
「The Current State Of E-Commerce Filtering
Baymard研究所对于50个美国主流电商平台筛选排序功能的基准测试。

你可能感兴趣的:(横向筛选条or纵向筛选器?)