分面搜索（Faceted Search）（2）
作者：老董 来源：Tencent CDC Blog 发布时间：2009-07-31 12:44:00
分面搜索设计tips
分面搜索出现的位置
分面搜索的功能和表现都与导航相似，其出现的位置一般在网页的左侧或顶部。一般来说放在左侧有利于展示更多分面内容，并且容易在其他页面重复使用。不过在Like.com中，设计师将分面选项放在顶部，同样得到不错的效果。
灵活使用分面
分面不但可以用来筛选结果，也可以用来对结果排序。电子商务网站中常用风格、品牌等分面筛选搜索结果，而价格、信誉、上架时间等分面则用来排序。
有时用户并不明确自己的目的，因此提供宽松的筛选方式更符合这部分用户的预期。Bing的旅行搜索中选择航班时，用户可以通过滑块来选择某个时间段起飞的航班。
如果可能，在同一分面中支持多选。并且可以随时取消分面选项，扩大结果范围。在有货中，用户可以在网页左侧同时选择多个品牌。
只展示分面中的部分选项，经过一步操作再查看全部内容。如Yahoo Shopping中服装风格的展示。
问题探讨
分面搜索的功能全面，但是要做到让用户容易使用，确实比较困难。这里针对分面之间的独立性说些个人看法，仅用来抛砖引玉，欢迎大家提出更多观点。
分面之间的独立性
在确定分面时，如果将不同分面的内容混杂在一起，会影响用户的选择。例如，下面例子中，将女装按照“类目”分面划分成21个选项。其中雪纺衫和针织衫2个选项混合了“类别”和“材质”2个分面，与衬衫选项并列在一起，用户可能会困惑，雪纺衫不能是衬衫吗？
解决的方法：
1.拆分“类别”和“材质”2个分面，用户可以通过“类别：衬衫>材质：雪纺”的方式搜索到雪纺衫。
2.在衬衫中包含雪纺衫的内容，这样用户无论选择衬衫还是雪纺衫都不会漏掉关于雪纺衫的内容。
3.也许在分类时，设计师对雪纺衫和衬衫有明确的定义，只是用户并不明白其中的奥妙，因此可以增加相关的图形或文字说明，让用户理解分类的规则。例如PriceGrabber.com中给选项加上图形说明。
0
投稿猜你喜欢
- 查看表空间的名称及大小代码如下:SQL>select t.tablespace_name, round(sum(bytes/(1024
- 网页上的图片如果设置了alt属性，当鼠标移经时就会有tooltip出现，但是只能显示一行文本，有时需要多行文本，乃至图片来显示图片、链接或者
- “正则表达式”对象，我们就可以非常方便的对各种数据进行合法性的校验了。首先，让我们来了解一下究竟什么
- 好久没有更新博客了，今天看到论坛上有位朋友问起全屏布局，有点像vc的界面。来了兴趣，就写了一个。运用IE6的怪异模式，通过绝对定位来实现的。
我们提倡尽可能使用CSS，而且我们常常能做到这一点。现代浏览器有很好的CSS支持-这无疑足够好让你使用CSS来控制布局和版面设计。但是有时候- 当我们建好数据库及表后,首先想到的就是向数据库的表中输入数据.下面我们就来探讨一下如何向数据库增加数据:1.常用的方法是insert语句in
- 阅读上一篇：AJAX的jQuery实现入门(一)要写入数据库,我们知道的最简单的就是注册了, 就做个最简单的注册表单, 看看是如何提交数据的
- 因些朋友发来邮件讲根据文章修改后无效，懒羊再次检查后发现在工具栏中并无添加，所以还得做一下下面步骤，再此给大家造成的不便还请多多谅解！因FC
- 内容摘要：您是否想让您的网站有多种显示风格呢，本文介绍了如何使用CSS结合js实现动态更换页面皮肤风格。看了下面的介绍您就明白了如何实现了这
- 随着对Dreamweaver cs3中集成Spry功能的深入学习，了解并掌握到Spry框架的一些功能模块，其中就有通过Dreamweaver
- 一. 建库,建表,加约束. 1.1建库 代码如下:use master go if exists (select * from sysdat
- 一个网站信息结构需要表现给用户看，这样用户才能知道当前是在哪儿，才有可能去猜测某个内容可能会在哪儿。如何表现网站的信息结构给用户呢？用导航。
- 有个简单的方法，使用display:table, display:table-row and display:table-cell 就可以实
- 内容摘要：为什么要什么XML文件:其优势就是处理该XML数据的文档可以是静态文档，比如HTML文件通过Javascript、XMLDOM来解
- 弄个随机数的东西，直接从网上找了一个现成的，简单看了两眼，感觉算法应该是对的，但今天测试下来，是不对的；网上大多数人用的写法是这样的：fun
- 这个函数是前几年刚流行小偷程序的时候，偶写来用于小偷程序中截取代码的；可能有些朋友在我以前的代码中看见过了，但没有写用法，现在把调用方法及使
- 这个间歇性向上滚动js代码很适合做广告展示，友情链接等等。与平常的无缝向上连续滚动不同的是它每滚动一个就会停顿一会儿。<!DOCTYP
- function getBytesLength(str){ var re=/[\x00-\xf
- 原文地址：30 Days of Mootools 1.2 Tutorials - Day 9 - Input Filterin
- 做网页时（其实是网页木马呵呵），最让人烦恼的是自己辛辛苦苦写出来的客户端IE运行的javascript代码常常被别人轻易的拷贝，实在让自己的
