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

文章描述:分面面包屑在我看来是下一代查找界面中最直观的关键控件,充分整合了分面搜索和浏览功能。我希望这篇文章能够协助大家设计分面搜索界面,也希望大家帮助宣传分面面包屑设计,帮助我们把灵活的一体化搜索普及到实践中。

译者注:搜索的关键是让用户更加容易的找到所需的信息,我发现该文精心的为用户创造了一个灵活的解决方法,交互形式不在拘泥于固有的设计原则,更多是从实际情况出发,创造更适合的交互控件。 翻译了这篇文章跟大家共享,若大家发现任何错误,欢迎随时给予纠正。

原文地址:faceted-finding-with-super-powered-breadcrumbs

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

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

一体化查找的挑战

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


walmart.com上搜索和分面查找的杂乱机制

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

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

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


walmart.com采用一体化分面面包屑(IFB)再设计界面的线框图

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

[1] [2] [3] [4]  下一页

时间: 2024-09-19 05:59:30

分面面包屑设计技巧:设计分面搜索界面技巧的相关文章

面包屑网页导航设计参考实例和最佳方案

在网站上说,有很多网页, breadcrumb导航可大大提高用户的方式找到自己的方向,网站访问者需要,以便获得更高级别的网页,并改善findability节的网站和网页. 他们还有效的援助,指出视觉的位置,用户在网站的层次,使之成为巨大的背景资料的目标网页. On websites that have a lot of pages, breadcrumb navigation can greatly enhance the way users find their way around. In

Delphi设计可中/英文切换的界面技巧

在一些软件中,我们经常会看到界面语言切换功能,不过程序需要的这些各国语言信息都封装在DLL中,有的也存储在INI文件中,下面我就向大家介绍一个小技巧,在DELPHI中不需要任何DLL文件和INI文件,就可以实现此功能. 首先新建一工程,然后在窗体FORM1中加入一些控件,在这里我假设加入了如下控件:三个TBUTTON按钮,两个TCHECKBOX,一个TGROUPBOX和一个菜单. 然后把他们的CAPTION属性改为中文信息,再将对应的英文信息放在这些控件的HINT属性中,信息如下: 控件名称 C

网站设计分析:超级面包屑的分面查找

译者注:搜索的关键是让用户更加容易的找到所需的信息,我发现该文精心的为用户创造了一个灵活的解决方法,交互形式不在拘泥于固有的设计原则,更多是从实际情况出发,创造更适合的交互控件. 翻译了这篇文章跟大家共享,若大家发现任何错误,欢迎随时给予纠正. 原文地址:faceted-finding-with-super-powered-breadcrumbs 如今的查找界面没有有效的支持一体化查找,用户的注意力经常被一些不同的搜索结果和浏览界面所混淆.在这篇文章中,我建议使用一体化分面(分面指事物多维度的属

电子商务网站设计分析:面包屑导航

AnyForWeb正式推出电子商务网站设计分析的系列文章,每月更新,本次主题为电商网站的面包屑导航设计,欢迎关注! 网站中的面包屑导航(Breadcrumb Navigation)导航是一种作为辅助和补充的导航方式,它能帮助用户明确当下所在的网站内位置,并快捷返回之前的路径. 面包屑的由来出自一个童话,两个孩子为了不在森林里迷路,于是沿途洒下了面包屑作为标记,帮助自己能够原路返回.通过这个故事我们可以看出,之所以被称为面包屑导航,正是因为它在网站中也起了相同的作用,让用户既能看清自己在网站中所处

网页设计技巧之面包屑设计

What? 什么是面包屑 面包屑是作为辅助和补充的导航方式(secondary navigation scheme),它能让用户知道在网站或应用中所处的位置并能方便地回到原先的地点. 最常见的面包屑的样式是:横向的文字链接,由大于号">"分开,这个符号也暗示了它们的层级关系. [ 面包屑的分类] 1.基于用户所在的层级位置.(Location-based) 基于位置的面包屑用于告知用户在当前网站中所在的结构层级.用在具有多级导航(通常具有2级以上导航)的网站中. 2.基于产品的属

面包屑设计:以用户还是以SEO为中心?

当我们分析一个网站可用性的时候,必定会考虑到面包屑.对于用户来说,面包屑几乎是一个"透明"的玩意儿,有谁会仔细观察那些页面左上方的导航链接呢?是的,没人在意,但却也没有人离得开它. 面包屑,就是在任何一个页面,都能清楚的知道让访问者明白他所在的具体位置的网站 GPS 定位系统,而面包屑导航对于大型网站和按分级排列页面的网站,更是不可或缺.就凭这一点,我们要介绍一下关于面包屑的一些核心内容: 一.面包屑的类型 一般来说,面包屑设计主要分为三种类型(作者坚持推荐第一种类型,因为后面两种类型

网页设计面包屑:面包屑的使用前提及设计规范

文章描述:网站面包屑(breadcrumb)设计. 一.什么是面包屑 A "breadcrumb" (or "breadcrumb trail") is a type of secondary navigation scheme that reveals the user's location in a website or Web application. The term comes from the Hansel and Gretel fairy tale i

网页设计中的面包屑路径

网页设计中的面包屑路径:样例及最佳实践 翻译:cocowool cocowool@gmail.com 原文:Jacob Gube   在我们的站点中都有很多的页面,利用面包屑路径能够极大的增强用户寻找路径的能力.从易用性上来讲,面包屑路径减少了用户回到更高级目录时所需要的操作,并且增强了网站各个单元的可寻性.面包屑路径还可以提供有效地视觉帮助来知道用户了解自己目前所处与网站中的等级,让他们能够更容易的找到他们的开始页. 什么是面包屑路径? Breadcrumb (Breadcrumb trail

基于云计算的分户热计量管理系统的设计

基于云计算的分户热计量管理系统的设计 贾广根 刘兆峰 吴绍佃 魏松 孔群 为适应分户热计量在我国北方大范围的推广,响应国家"十二五"节能减排的号召,文章结合云软件和云计算的优势,给出了云计算下管理系统的总体结构,重点介绍了上位机软件和数据库的设计.上位机包括两部分,一部分是自动抄表软件,通过GPRS和各个采集器通讯;另一部分是云软件,结合了智能家居的服务理念,对当前供热管理系统的不足之处做了改进和完善并以云服务器为平台,同时向多家供热公司和广大用热家庭提供人性化服务. 基于云计算的分户