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

一体化分面面包屑的初步可用性评估

一体化分面面包屑早起可用性测试结果显示，使用链接的HTML原型是非常有前景的。我用一个简单的8页HTML原型，测试了12个目前流行的电子商务界面和不同性别年龄背景用户的变化。被测用户能够迅速的掌握一系列可能的交互，并使用界面有效的解决了复杂的查找任务，现有的搜索界面是很难做到的。经过1~2个简单的任务后，参与者精确预测系统行为的信息和能力也明显提高了，这表明用户对IFB设计的学习曲线是非常短的。尽管没有正式的研究对比使用IFB的性能与现有的分面查找的问题，在进行某些种类的查找任务时，相比现有的沃尔玛针对特定分类的搜索任务使用的分面搜索设计，IFB 设计更被青睐早期可用性测试表明，IFB设计提供了许多好处超越了传统的分面搜索设计：

1、学习成本低：熟悉的链接和下拉菜单使的这个控件相当直观。很少使用面包屑的用户也会很有效的操作IFB。
2、效率：面包屑和分类结合成一个控件有效的利用了有限的屏幕空间，大大降低了重复控件造成的杂乱。
3、无限通道：搜索和浏览的结合，允许无限制的访问任何页面与当前查询页面。
4、一体化：充分的将落地页、品牌目录和类别页整合到分面搜索的架构中。在屏幕上方有突出的位置可以看到你的当前位置和用户所需要访问的所有导航工具。
5、灵活性：在整个查找过程中，用户可以根据需要随时从浏览切换到搜索。
6、应变性：为扩大搜索范围，访问与当前查询相关的产品和服务提供了机会。

什么让IFB与众不同？

Danniel Tunkelang在2009UIE网络研讨会（分面搜索：设计你的内容、导航和UI）上说，大部分基于面包屑的查找不直观也不易使用的。什么让IFB设计与众不同？我相信IFB的设计相对于其他的分面面包屑更加直观，应变性更强，根据多年设计和研究分面界面的经验得到以下关键设计建议：

1、层级位置与面包屑特征结合
2、利用变化而不是设置删除
3、自动保留最近查询信息
4、面包屑的分类标签
5、清晰的表达如何开始一个新的搜索
6、允许直接操作关键词

在下面几节中，我将讨论这些设计建议，解释对比与现有的分面面包屑，IFB的解决方案是什么。

1、分层的位置与面包屑特征结合

在2002年，信息建筑师Keith instsone在他的第三次年度IA峰会海报上编目了面包屑的三种类型，以揭示标题：定位、路径和属性面包屑。在分面搜索界面中，属性面包屑通常传达应用方面的价值，如价格，类别，风格，品牌。一般属性面包屑就是路径面包屑，用户按照目前的搜索结果的顺序显示层级值，Ariba查找网络的属性路径面包屑UI。

Ariba查找网络的属性路径面包屑UI

不幸的是，属性路径面包屑从一体化搜索和浏览的角度来看并不能应变的帮助用户查找相关内容：

1、暂时的面包屑，不能使用有效链接和锚类别，落地页，品牌目录和其他浏览页面，正是因为它承载着所有的历史属性
2、暂时的面包屑不能有效的展示用户可以去哪里，因为他们只能展示用户去过哪里。
3、带有暂时的面包屑的页面不能通过自然搜索有效链接，因为用户每次访问就会创建不同的URL
4、当查询发生变化时，面包屑上属性就会“随机”的跳来跳去。

相反，位置面包屑是有层级架构的：他们不处理用户去过哪里，只处理现在所处页面组织。层级结构提供了一个直观的方式来访问复杂性和访问资源，在大范围的查找和导航任务中都是非常有用的。我们如何确定属性的层级？我的研究让我相信，大部分人会直观的发现，在位置属性中，把会显示未选中的分类（最典型的是左侧导航栏），把分类看作另外一种属性的面包屑，显示未选中的层级也提供了一种有效的整合搜索和浏览的方法，在大多数查找界面中，分类首先出现在左侧导航中，这使得“浏览”类别属性的价值大于分面搜索的价值。

Amazon.com的左侧导航栏

大多数人发现IFB面包屑结构简单直观，能够准确地预测复杂筛选任务的系统行为，只操作几分钟就可以应用、删除和改变筛选值。