像淘宝的结果页面中顶部第二行就是这样,这种方法对于那些筛选选项较少的应用来说是最适合的,因为这样最直观,
像上面的去哪网就可以使用这种方式。
(2)可以使用灯箱
像亚马逊就是这样。一般来说,在当前页面中直接进行筛选会让用户感觉操作的过程更加流畅而不被打断。
(3)综合使用(1)(2)
如果筛选选项不多,并且筛选选项对于当前的页面非常的重要的时候,结合使用(1)(2)是非常好的方式
比如,当我们通过搜索“北京——沈阳”的机票之后,出现的结果页面中,应提供的筛选选项有:航空公司、起飞时段、
起降机场等几个非常重要的筛选选项,就可以按照去哪网的处理方式,兼用(1)(2):
2、发生跳转,点击筛选按钮之后,跳转到一个专有的筛选页面
3、兼用上面两种类型
淘宝就兼用了上面的两种类型,参加上面的有关淘宝搜索的截图
细化页面中应该会注意的一些问题
①我们先来看看eBay应用提供筛选功能中有哪些值得借鉴的地方
这个应用是“细化页面”模式的楷模,提供了不同类型的使用的细化选项
1、可多选的复选框
2、能够继续深入的类别选项
3、同时在筛选界面中提供了排序选项
这样的多维度、多类型、高度集成的筛选方式有着很好的用户体验,像亚马逊、淘宝都遵循了这样的原则
②还有一个值得注意的问题:筛选页面的层次不可以太深,这样容易让用户处于一种不安的境地中,加重用户的记忆负担
像上面的ebay的筛选层次就有些太深,点击每一个子类别的筛选列表项之后,又会进入下一个筛选页面。亚马逊和淘宝处理的非常巧
妙,通过使用二级下拉列表,将所有的筛选选项全部做到了一个页面中,非常值得称道。
③排序选项是否应该放到筛选页面中?
Greg Nudelman的说法是:排序实际上也是一种筛选,因此将排序放大筛选页面中作为一个筛选选项的房方式是符合用户预期的。