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

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

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

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

  

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

  

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

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

  

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

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

  

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

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

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

  

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

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

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

  总结:

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

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

  本文链接:http://www.yixieshi.com/ucd/9254.html

  关键字:交互设计|搜索设计|搜索建议|

  版权所有:转载请注明出处

时间: 2024-10-01 02:44:26

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

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

最近在做搜索设计时,发现了两个容易纠结的小问题,在这里谈谈自己的一些分析. 问题一:提交的关键字是哪个? 凡客的这个例子中,搜索建议"时尚斜拉链"高亮显示,这个时候点击"搜索",提交的关键字是输入框中的"s"还是"时尚斜拉链"呢?答案是"时尚斜拉链". 网页设计/交互设计 再看看百度,当搜索建议中的"sina微博"高亮(鼠标悬停)时,点击"百度一下",提交的关键字是输

交互设计笔记之产品分类管理:小分类大学问

也许把分类单独拿出来讨论有些站不住脚,范围大涉及面又广,但不想拐弯抹角,希望能有业内人士不吝指点. 分类(Classification),顾名思义的概括就是分开并且归类.学科上通常对分类的认知有以下三个方面: 1.按照种类.等级或性质分别归类 2.把无规律的事物分为有规律的.按照不同的特点分类事物,使事物更有规律! 3.推测事物间存在的一些自然关系 其实中心意思也是在讲首先区分,其次归类.在产品设计中,分类管理这种东西总是会层出不穷的跑出来让人做抉择,他们跟导航设计似乎又有着千丝万缕的干系,好的

关于原型交互设计文档的一些建议

  文档的一些建议-交互原型设计软件"> 作为一名合格的交互设计师,为方便产品经理.设计师.开发及项目相关人员能够看到直观的效果,进行更有效的沟通;提供直观的产品设想,说明用户将如何与产品进行交互,在交互设计的过程中一定会产出各种各样的产出物,如流程图.思维图(脑图).纸上的草稿.甚至高保真演示稿. 这里简单分享下自己在项目过程中的原型交互设计的一些心得. Axure 制作交互Demo的软件有很多,个人比较喜欢且习惯的就是Axure.Axure操作简单明了,对于初学者来说,非常容易上手;它

网站设计分析:关于交互Demo设计的一些建议

为方便产品经理.设计师.开发及项目相关人员能够看到直观的效果,进行更有效的沟通;提供直观的产品设想,说明用户将如何与产品进行交互,在交互设计的过程中一定会产出各种各样的产出物,如流程图.思维图.纸上的草稿.甚至高保真演示稿. 这里简单分享下自己在项目过程中的交互Demo设计的一些心得. Axure 制作交互Demo的软件有很多,个人比较喜欢且习惯的就是Axure.Axure操作简单明了,对于初学者来说,非常容易上手;它也拥有强大的交互演示动作,对于高级使用者来说,制作非常高保真的演示Demo,

关于交互Demo设计的一些建议

为方便产品经理.设计师.开发及项目相关人员能够看到直观的效果,进行更有效的沟通:提供直观的产品设想,说明用户将如何与产品进行交互,在交互设计的过程中一定会产出各种各样的产出物,如流程图.思维图.纸上的草稿.甚至高保真演示稿. 这里简单分享下自己在项目过程中的交互Demo设计的一些心得. Axure 制作交互Demo的软件有很多,个人比较喜欢且习惯的就是Axure.Axure操作简单明了,对于初学者来说,非常容易上手:它也拥有强大的交互演示动作,对于高级使用者来说,制作非常高保真的演示Demo,

WP7应用开发中交互设计和UI设计的几点建议

文章描述:WP7交互特性浅析及APP设计探究. Windows phone7是无线领域的新生力量,但是迟迟没有进入中国市场.Mango(注意WP7和mango不是一个概念)的发布带来了中文的操作系统,也让人们看到了该系统的无限可能.在此,我结合自己在进行相关应用设计的经验以及自己对WP7系统认识和理解,浅谈一下这一特别系统的交互特性. 本文索引: 涅磐重生的WP7(以及它的历史简介) WP7对比iOS和Android WP7设计风格 WP7内容和结构框架及特有名词解释 WP7交互特质分析 WP7

细节思考表单交互设计:机票搜索的校验思考

在前一篇的校验思考中,我们整体概括了一些校验出现的类型,出现的情况,以及校验设计的设计原则与经验.而在具体设计过程中,需要结合产品的业务逻辑,旅游机票预订的全流程,是我碰到过交互逻辑中,相对比较复杂的情况,它的搜索来说也囊括了比较多的输入项,和各种类别的表单控件,因此它的校验情况也相对比较多样化. 我们来探讨下预订机票中的搜索表单 1. 提到校验,我们往往会联系到提交表单后出现的错误提示类信息,但是其实在填写表单前的提示信息与表单填写校验有着莫大的关系.此类提示信息能够帮助用户在填写表单前,降低

关于手机产品交互设计的三点建议

对于当下的智能手机市场来说,产品的交互设计是手机吸引用户的非常重要的一方面,当产品经理定义出用户模型与需求后,就可以开始UI框架图的绘制了.首先是交互的流程设计,可以手绘草图,也可以使用Visio或者Axure等工具,最重要的是记录下完整的设计思维.要事先知道自己的首页要给用户一个什么样的直观感觉,是多数功能都显示在一个主页上的复杂信息型还是少量按钮的流程型.这是交互设计师的技能也是UI设计师对于产品的理解,特别是对于小屏幕的手机来说,如何尽量少的形式表达出用户真正的需求.针对这个给出如下三点建

草根也移动 移动网站交互设计避免的“小”错误

中介交易 http://www.aliyun.com/zixun/aggregation/6858.html">SEO诊断淘宝客 站长团购 云主机 技术大厅 没有移动端支持的网站,就只是在等泥石流将其冲走.可见移动网站设计是多么重要,很多地方论坛都着手涉及客户端了,还有其它类型的网站.况且,你怎么知道百度不会根据移动端的访问量对网站进行评估呢?不急着优化,改善好移动网页,毕竟君子藏器于身,待时而动.草根们,是时候打造移动互联网的天地了. 千万不要让你的客户等太久,用户的耐心就像大太阳下的水