logo
banner 返回列表

 如今的查找界面没有有效的支持一体化查找,用户的注意力经常被一些不同的搜索结果和浏览界面所混淆。在这篇文章中,我建议使用一体化分面(分面指事物多维度的属性)面包屑(IFB)设计,通过综合分面的力量,更加细化的为浏览者提供直观的查询扩展。尽管其他基于面包屑的查找界面依然存在,但他们都因忽略最佳的实践而未达到预期的结果。面包屑最好的方式是放在侧边的、占有最少空间而又更强大的查找控件

相比之下,面包屑是IFB设计的超级英雄,处理了很多被可用性问题困扰的查找界面。为了证明这点,我尽全力测试了我的假设。12个评估者都发现了IFB更易用、更直观和灵活的解决复杂搜索任务,这是传统的搜索界面是很难做到的。

一体化查找的挑战

在petermorville最近的UIE网络研讨会上,他称赞了综合查找的优点:“浏览和搜索串联工作…查找界面很好的实现了平衡,让用户在浏览和搜索中流畅自如的移动。”不幸的是,如今很多网站没有有效的一体化分面查找和浏览。例如,walmart.com浏览和搜索的途径是使用两个不同的界面,创建一堆重复的控件淹没用户,使网站更加难以使用。如图1.

walmart.Com上丰富的筛选、链接和选项,使用户成功的重复搜索或有效的发现相关主题和内容都非常不容易。重复查找的方法还创建了一个自然搜索的问题,因为每个查找页面仅限于特定的对话。Marti hearst的《搜索用户界面》的第8章说:分面查找的首要设计目标是实现”灵活导航、无缝综合使用定向(关键字)搜索浏览,精炼和扩展交替流畅,避免空结果,整个过程都让用户感到可控和理解“。

分面面包屑一体化(IFB)设计

为了满足搜索和浏览一体化的挑战,我提出了一体化分面面包屑(IFB)的设计方案。推荐walmart.com采用一体化分面面包屑重新设计用户界面的线框图,如图2所示。

面包屑简单、直观、灵活、应变能力强。正如jacob Nielsen在她的2007年ALertbox中的陈述,面包屑导航越来越有用:“相对于更高层次的概念,面包屑显示了用户的当前位置,帮助用户理解与其他页面之间的位置关系。面包屑支持一键访问上一级目录,从而解救了那些通过搜索或深度链接,到达非目的地的用户。面包屑在用户测试中从未出现问题,用户不会误解面包屑,也不会出现操作问题。

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

一体化分面面包屑早起可用性测试结果显示,使用链接的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、清晰的表达如何开始一个新的搜索

其他文章

  • otherarticle

    超级面包屑的分面查找