以用户为中心的设计

这是UCDChina提前预览网页留下的存档,不包括作者可能更新过的内容。
推荐您进入文章源地址阅读和发布评论:http://www.5gme.com/space......id-24208.html

高级搜索设计(译文)

作者:张明星  |   发布: (编辑)Tony   |   时间:2008-09-25 10:59:11 文字大小:- +

本来就要睡了,结果阅读一下Google reader时还是发现了一片好文章,关于高级搜索的,忍不住翻译出来(因为之前有段时间一直在思考高级搜索的设计),原文链接如下http://www.boxesandarrows.com/view/advancing-advanced .

高 级搜索就像交互设计的丑陋的孩子-一直存在,却从来没有被爱过(一直都有,却很少有人使用).随着网站内容的不断增加各个网站越来越依赖于站内搜索,然而 最近这几年高级搜索并没有太大 的发展.缺乏准确的匹配和过多的搜索结果对用户来说仍然是一个很大的问题.也许标准的搜索模式需要进行一次革新了,不断演化的方法能够让用户过滤繁多的搜 索结果从而得到他们想要的结果.

图1.一个普通搜索和高级搜索的典型分布,(雅虎)这种设计不鼓励用户使用高级搜索

为 寻求网站更加实用,我们通常用这样的方式处理搜索:一个干净简洁最小化的搜索框,加上一个高级搜索的链接.雅各布尼尔森推荐"使用一些令人恐惧的字眼,比 如"高级搜索"来阻止新用户进入这个页面从而给自己造成困难."(1)这种模式是成功的.搜索和网站层级导航在很多网站是作用相当的,尤其是一些繁杂的网 站比如Ebay和Amazon.但是实际来说,使用高级搜索的用户还是很少.

为什么大部分用户不愿意使用高级搜索呢?

先不谈它的称呼,功能上实际上并没有多么高级丰富.虽然可以很大程度上解决搜索结果过多的问题,但是现在的状况设置了太多的障碍给用户,具体来说:

  • 链接一般都是小字体,模糊不清,也没有告诉用户用它有何好处
  • 典型的高级搜索页面给用户的都是容易让人混淆,很少有人关注的页面
  • 一般都缺少搜索修改功能,一旦用户点击搜索按钮,一个搜索完成,"高级性"也就消失了.举例来说google的高级搜索页面提供标准的搜索界面,你必须保证你第一次输入的查询就是正确的,之后就不能再更改调整了
图2.google的高级搜索仍然很复杂

谁使用高级搜索?

蒂 姆布雷写道"使用高级搜索的一般都是狂热的高级用户,比如专业图书管理员,特工间谍和私人侦探等".(2)在很多时候,分割细化用户群会让判断某一方面需 求是否是大众需求变得更加困难.现今的设计是出于假设相互分开的用户群有着非常差异明显的需求.现实情况是,这种搜索限制着部分共同的需求.

搜索的关键问题-有太多的相关搜索结果-现在依然存在

一个典型的用户不得不在点击一个搜索还是点击一个链接做出选择,换句话说,用户必须考虑是在本页面输入搜索字词还是点击跳转到一个新的页面?简洁的即时反馈的文字输入框和复杂的高级搜索页面相对来说,用户当然会选择尝试前者.

好 吧也许旧的框架是错误的,问题不在于使用者是普通用户还是狂热高级用户,而在于是否在已开始用户就看到高级搜索的明显好处.不幸的是,典型的情况是当用户 意识到她需要高级搜索时却找不到相关的途径-当她们找不到想要的结果而且显示太多的搜索结果时.他们错过了高级搜索的"出入口".用户不想让搜索过程中的 努力白费,她们需要额外的技术支持来完成现有工作,新的搜索模型能帮助解决这个问题.

其他的搜索方式

让我们看看过去十年搜索的创新,随着网站数据的增多和更有条理,标签和分类变得更为常见,通过过滤让结果过载这个问题的解决有了新的机会,只要它足够的简单和清晰.尽管用户不会翻看第一页搜索结果页以后的内容,但是她们还是乐意使用一些显而易见的工具来过滤搜索结果.

定义参数的搜索在一些网站比较常见(比如航空售票网站),但是对大多数网站来说,跟数据相关的交互设计本身并不是数据驱动的.


图3 travelocity.com航班搜索,只使用高级搜索.


标签通过更好的描述用户寻求目标来改善搜索结果

图4 amazon.com用标签标注产品

搜索结果过滤

面搜索(faceted search)或返回浏览类别,在搜索结果中(如易趣)可以有效地提示用户选择一个类别。

图5 ebay 的面搜索

过滤搜索结果


Amazon 和 Kayak 提供过滤来帮助用户减少结果数量,这样设计很有效但是由于提供给过滤项空间的限制,局限性也很明显,当页面载入的时候只有前面几个过滤项能够看见.


图 6 amazon.com和 Kayak的过滤

另外的方法:逐步展示功能

逐步展示可以很好的解决高级搜索的进阶性和复杂性.(3)去掉单一的复杂的高级搜索页面,取而代之的是分解的易于理解的步骤来逐步满足用户的需求.

在这个例子中,通过在搜索结果上面的高亮显示条来突出显示搜索过滤项(品牌或者价格等)

图 7 高亮条显示过滤(不一定绿色,但是一定要突出)

当用户点击一个链接,给与足够的空间来显示过滤项和说明如何使用它.与上面的左边栏提供有限的过滤项相比,这样可以提供更多的过滤项而且只有在需要的时候才会出现.

图 8 当用户点击上面的"价格",给与足够的空间显示保证可读

让我们看看下面的场景

1.用户输入正常的文字搜索

图 9 普通的搜索:搜索DVD 播放器

2.搜索的结果页面,突出位置提供搜索结果的过滤选项,传达过滤的价值.按照热门程度排序,使用字体来突出其他的.如果过滤项过多,提供隐藏的非常用过滤项在扩展视图里.

图 10 搜索结果页面,带有过滤选项.

3.当用户点击一个过滤项,显示该项对应的网页内容部分而不需要重新加载网页. 如果可能的话,应显示每个过滤项的搜索结果数目,使用户可以看到哪一个过滤项搜索会没有结果.

图 11 按照价格过滤的搜索结果

4.允许用户添加额外的过滤项,以时间顺序以帮助用户建立一个复杂的搜索查询.

图 12 按照价格和评级过滤的搜索结果页

建议

在 正常搜索方式的基础上增加一个暗含布尔符(and ,or)的搜索方法,不要让用户采取布尔查询.我的建议是:如果一个用户选择要几个不同的搜索参数,就进行并列"和"搜索(例如,索尼和便携式);如果他 们为同一参数选择多个值,就用“或”搜索(如索尼或Panasonic );当然如果参数(如产品功能)显然非排他性,也应该执行“和”搜索(例如,便携式和高清 ).

鉴于快捷搜索,全文检索和高级搜索可能建立于不同的技术(例如,直接数据库搜索, Google的模块,内容管理系统等),你需要和技术开发人员相互沟通来实现技术过渡转化.

如 果其中有许多参数(超过15 ) ,考虑减少不常使用到的属性且将其隐藏,通过点击“查看更多… ”的链接显示选项, 点击它应显示所有的选项而不需要页面刷新。研究你的搜索日志以保证展示的都是合适的参数,循环更换一些展示参数已发现更多的潜在热门参数:展示的参数总能 得到用户更多的使用.

结论

总得来说,高级搜索是被自身设计所阻碍而未能充分利用的一个工具.允许用户来添加更多的具体化多样化的参数,设计避免出现上面提到的那样的没人使用的高级搜索页面.化解这种复杂性并突出显示它在用户自然能找到的地方能够让高级搜索真正的得到高级的应用.

参考文献


( 1 )尼尔森,美国( 1997年), "搜索,然后你就会发现", Alertbox 7月15 , 1997 。

( 2 )布雷吨( 2003年),"搜索:用户"。

( 3 )wiki'百科:逐步披露

更多
打印  |  相关话题:站内搜索   |  类别:设计思想  |  源地址

UCDChina的书

《UCD火花集2》封面
UCDChina编著,定价35元
从卓越网购买 从当当网购买

《UCD火花集》封面
UCDChina编著,定价25元
从卓越网购买 从当当网购买

《应需而变——设计的力量》封面
UCDChina团队成员JunChen译,定价29元
从卓越网购买 从当当网购买

《网页设计解析》封面
UCDChina团队成员周陟著,定价62元
从卓越网购买 从当当网购买

《赢在用户》封面
UCDChina团队成员Angela译,定价29元
从卓越网购买 从当当网购买

《用户体验的要素》封面
UCDChina团队成员Angela译,定价25元
从卓越网购买 从当当网购买