关于搜索建议的两点小问题

  最近在做搜索设计时,发现了两个容易纠结的小问题,在这里谈谈自己的一些分析。

  问题一:提交的关键字是哪个?

  凡客的这个例子中,搜索建议“时尚斜拉链”高亮显示,这个时候点击“搜索”,提交的关键字是输入框中的“s”还是“时尚斜拉链”呢?答案是“时尚斜拉链”。


网页设计/交互设计

  再看看百度,当搜索建议中的“sina微博”高亮(鼠标悬停)时,点击“百度一下”,提交的关键字是输入框中的“s”,而不是高亮的“sina微博”。


  到底哪种方式更好一些呢?我个人是这么认为的:

  就搜索组件来说,主体应该是搜索框和搜索按钮,搜索建议只是一个附加的工具,甚至可以没有。


  因此不管搜索建议状态如何,“搜索”按钮(或按“Enter”键)提交的应该是搜索框中的内容,这样才不容易产生歧义。

  回到凡客的例子,若选中搜索建议后(可通过点击方向键、鼠标悬停、鼠标点击等方式),点“搜索”或按“Enter”键提交的是该搜索建议,则搜索框中的内容应该立刻被替换掉;否则输入框内不发生变化。


  问题二:是否要高亮显示第一条搜索建议?

  看了很多相关产品,比如google、淘宝、百度、凡客等,它们的搜索都没有高亮显示第一条搜索建议。

  但是也还有少数产品的搜索,是默认选中第一条搜索建议的。这样会有什么问题呢?


  和第一个问题类似,这里也容易出现分歧:即提交的关键字是输入框中的内容还是高亮的第一条搜索建议呢?

  如果提交的是搜索建议,那按照前面说的方法,把输入框中的内容替换成第一条搜索建议是行不通的,毕竟这个不是用户自己选的,那么这个歧义就很难解决了;另外,倘若用户再手动选择其他的搜索建议,搜索框中的内容也不适合再被替换成相应的搜索建议了,因为这样就会和初始状态不一致(初始状态下搜索框中的内容和默认选中的搜索建议很可能是不一致的)。

  如果提交的不是搜索建议,那么这里高亮显示它又有多大的意义呢?

  总结:

  若触发搜索操作后提交的是高亮的搜索建议,则搜索框中的内容应该被替换成相应的内容

  在搜索建议中不要高亮显示第一条内容

  文章来源:legene的交互设计博客 转载请注明出处链接。

时间: 2024-12-27 01:43:09

关于搜索建议的两点小问题的相关文章

交互设计:关于搜索建议的两点小问题

中介交易 http://www.aliyun.com/zixun/aggregation/6858.html">SEO诊断 淘宝客 云主机 技术大厅 最近在做搜索设计时,发现了两个容易纠结的小问题,在这里谈谈自己的一些分析. 问题一:提交的关键字是哪个? 凡客的这个例子中,搜索建议"时尚斜拉链"高亮显示,这个时候点击"搜索",提交的关键字是输入框中的"s"还是"时尚斜拉链"呢?答案是"时尚斜拉链&qu

Google搜索建议新功能

Google又推出了新功能. 有时候觉得Google挺烦的,三天两头整一些新功能.小玩意.介绍吧,频率比较高,没几天就有新玩意.不介绍吧,很多东西还真挺有意思.还是介绍一下吧. 前两天推出的是几个搜索建议(Search Suggest)功能.原本的搜索建议就已经挺有用,用户在搜索框打头几个字,Google就将建议最常见的以这几个字开头的http://www.aliyun.com/zixun/aggregation/8601.html">搜索关键词,给用户省下一些打字时间. 这次的新功能包括

如何提高商品搜索排名---2钻小卖家学习笔记

我上班比较清闲,不想虚度就在淘宝上开了个小店,经营女装,原本想着开店很简单,一申请一开通一上传,衣服好看价格定低,客户就滚滚来啦.真正开起 来才发现,根本不是这回事,开了一个多月根本就无人问津,自己去淘宝上一搜,吓出一身冷汗,光连衣裙都成千上万套,我的宝贝被淹没在茫茫衣海,100页之 后啦,根本搜不到. 痛定思痛,没有什么能随随便便成功的,小脑袋百度竞价工具小编开始学习,首先学习淘宝的各种规则.规章制度,然后上淘宝论坛看前辈们的经验总结,看的多了,慢慢的有些许心 得,照着做,效果还行,从一颗心慢

在IE9中添加google.com.hk搜索和开启搜索建议

在IE9地址栏自动完成的下拉列表中,单击右下角的"添加"按钮. 然后在弹出的"Internet Explorer 库 Add-ons"网站中寻找到google搜索,再单击"Click to install"进行添加. 在弹出的"添加搜索程序"对话框中,勾选"将他设置为默认搜索提供程序",在单击"添加"按钮.此时我们还发现"使用此提供程序的搜索建议"选项是灰色的.而添加

必应推出新版图片搜索:优化搜索建议和缩略图

北京时间6月22日早间消息,微软(微博)必应周四推出了全新图片搜索功能,可提供更好的搜索建议.过滤器以及更大缩略图. 微软在几周前对其常规搜索页面进行了重新设计,并在周二推出了图片搜索功能更新.通过此次更新,微软改善了相关搜索的搜索建议,用户可更加轻易的通过尺寸.颜色.类型和布局过滤图片. 微软还将这些新功能放置了在页面顶部,此举使得必应图片搜索页面看起来更加简洁,查找和使用也更加方便.更新后的图片缩略图更大,图片间的白色区域变窄,相关搜索列表更长,右侧栏还提供了趋势搜索列表. 和谷歌(微博)图

给IE9添加带搜索建议的Google搜索

IE9 Beta 的发布显然是最近最热门的科技新闻,IE9 也可以像 Chrome 一样直接在地址栏输入搜索关键字进行搜索了,但是搜索引擎必然是 Bing 了,当然我们还是有办法把它改成 Google 的. 如上图,点击 Bing 搜索建议右下角的 Add. 你就会来到 IE Add-ons Gallery,在角落里面找到 Google Search Suggestions,点击 Add to Internet Explorer. 如上的窗口会出现,选择 Make this my default

【百度地图API】如何使用suggestion--下拉列表方式的搜索建议

原文:[百度地图API]如何使用suggestion--下拉列表方式的搜索建议 摘要: 百度地图上有一个很强大的搜索建议功能,以下拉列表的方式展示出来.比如,输入"百度",下拉列表中就会出现"北京市海淀区百度在线网络技术(北京)有限公司".这个如何实现呢?让我们一步一步来学习. -----------------------------------------------------------------------------------------------

Google搜索建议进行多项改进 提供链接添加广告

中介交易 http://www.aliyun.com/zixun/aggregation/6858.html">SEO诊断淘宝客 站长团购 云主机 技术大厅 北京时间5月21日消息,据国外媒体报道,Google近期将对搜索建议功能做出多项改进,将在搜索建议里提供网页链接,根据用户浏览历史提供个性化建议,并尝试在搜索建议里放置广告. 目前各大主流搜索引擎都提供了搜索建议功能,当用户在搜索框输入关键词时,会出现相关的搜索建议.不过,Google不满足于搜索建议现有的功能,计划对其进行改进. 此

Safari 搜索建议导致浏览器崩溃

昨天,有大量苹果Safari用户报告浏览器崩溃,问题与服务器端的功能有关,既影响桌面版也影响移动版.有人为此还开发了一个 crashsafari.com和crashsafariagain.com的 网站.崩溃和挂起问题没有影响所有用户,在同一个地方,可能有一部分人能重现问题,而另一部分人却可能没事.问题被发现与Safari的搜索建议功能有 关,该功能是在 iOS 8中最早引入的,当用户在地址栏输入时会从苹果服务器上提取相关内容,苹果证实问题已经解决. ======================