分面面包屑设计技巧:设计分面搜索界面技巧(3)

http://www.itjxue.com  2015-08-07 20:44  来源:未知  点击次数: 

2、利用变化而不是设置删除

null
通过复选框实现.库存积压设置删除

删除应用是在面包屑方旁边取消选中复选框,对于大部分人来说,设置删除项是不符合用户心理模型的。一个评估者表示:“这个感觉就像我每次要切换电台都不得不关闭收音机。”大部分人认为使用下拉框把佳能换成尼康更为简单方便,而不是为了选择尼康而删除佳能。下拉操作比典型的删除操作更为直观,用户可以从父级分类或者目录发现所有的导航选项。这个方法最先是由luke wrobelwski在他的优秀书籍网站中介绍的:网络可用性的视觉方法。edmunds.com实现了在面包屑中使用下拉框空间。

null
Edmunds 带有下拉选项的面包屑

在我的测试中,比起设置一个删除选项的模式,绝大部分人更喜欢带有下拉选项面包屑的设计,因为它更直观有效。

3、自动保留相关查询信息在我的研究中,我发现人们很少想要完全从头开始查询,除非他们想明确的表示这个行为。相反,在每一次变化的时候,用户希望尽量多的保留查询信息,并希望系统帮助他建立一个更“符合情理”的查询,优雅的下拉选项便不再适用于他们的新查询。不幸的是,如今很少有网站很好的实现这个功能,例如,很多用户期望把模型Fusion选项改为Mustang时,不保留2005年的选项。正如上图所示,Edmunsd.com重新选择模型使,年份便重置为当前年,很简单的不再显示在面包屑上了。

null
Edmunds.com下拉分类可改变需要的查询信息

我发现保留相关属性值的应变系统行为是适用于新的查询,这是一直都产生搜过结果的最好方式。
下图展示了一体化分面面包屑设计把产品类型由digtial camera改成lenses后,保留了brand和keywords类别,同时去掉了相机的resolution类别(因为他不适用于lenses类别)

null
一体化分面面包屑保留相关查询信息

保留类别适用于用户更新查询时将注意力集中在他们的目标上,让系统来处理其他细节。

如果用户真的非常想只浏览Lense产品类型呢?我的测试显示大部分用户可以直接点击lense的链接到lenses的结果页,这是非常直观的。把现有面包屑链接加下拉功能的结果是我们获得了一个强大的、直观的、灵活的查找控件。

如果不是浏览,有人想要从面包屑中删除一个层级而保留剩下的查询分类呢?我的研究显示,大部分用户会很容易发现一体化面包屑在下拉菜单中,很直观提供了“查看所有”选项。

null
IFB直观的去除了一个层级

(责任编辑:IT教学网)

更多