题续上篇,继续说说关于搜索的设计。
下午的时候群里一个童鞋列出了一些电子商务网站对于空搜索的处理结果,然后引发了一个关于空搜索处理的讨论。这里,空搜索指的是:不在搜索框里输入任何内容,直接点击搜索按钮。
可以肯定的是,造成空搜索的用户的比例应该不大,主要是误操作,当然也不排除向我这样的探索者。但是作为电子商务网站用户体验的一部分,这个地方必须要考虑到。
我们先来看看主流电子商务网站的处理结果(这里不需要讨论搜索引擎的返回结果,因为它就是做搜索的,没有也没必要去给你推送什么其他的内容):
阿里巴巴中国站;弹出提示框“请输入产品名称”,点击确定后没有任何反应
慧聪;弹出提示框“请输入查询内容”,点击确定后光标落在输入框内“输入你感兴趣的内容”后面
百度有啊;跳转到查看所有分类页面
淘宝;跳转到查看所有分类页面
拍拍;跳转到查看所有分类页面
卓越;跳转到搜索结果页面,提示找到0条搜索结果
亚马逊;刷新一次页面
从结果上看,主要分为4类:弹出窗口提示、跳转到列表页、显示0条搜索结果、刷新一次页面。那么,哪个网站的设计的用户体验最爽呢?
前几天我正好对网站搜索部分做了一次改版,采取的是优化了的弹窗形式:弹出窗口提示输入关键词,该窗口自动在3秒内关闭,关闭后光标被移动到搜索输入框内,且框内原先的提示信息被清除掉,弹窗的位置控制在离搜索框很近的位置,目的在于不要造成宽屏用户的鼠标长途奔袭。
于是我最开始的时候倾向与这种结果的返回。出发点是在于对于用户的误操作给出善意的提醒,同时尽最大可能不给用户造成额外的负担。
洗澡的时候突然觉得这样的做法有点不符合老大经常教导我的“产品要和运营挂钩”的原则。应该尽最大的努力展示网站的内容给我的用户,同时想办法引导他们去点击去使用,那么,从这个角度来看,淘宝、拍拍的做法应该是合理的。
擦干身子抽了颗烟,觉得这样似乎也不是很妥,于是找wkcow讨教了一下,被点醒了,其实最好的用户体验设计应该是亚马逊。
首先,空搜索既然是用户的误操作就需要给用户一些提醒,那么没有任何反应的设计必然是错误的,因为用户看到没动,可能认为是网站出问题了,这种设计是最最傻的;其次,对于弹出窗口的设计用户是不愿意去等待那3秒的,那么就必须要点一次确定,这样就多了一次交互,还是给用户增加了负担,且在设计上要考虑弹出窗口的位置、光标的位置的问题,这种设计事实上很累也很傻;第三,返回列表页的设计是想给用户推送一些其他的内容,但是实际上用户是不会理睬这些内容的,且这个结果改变了用户的初衷,更改了最简单的流程。
亚马逊的设计恰恰是一个最最正常的流程,不需要交互、不需要解释,就是一个简单的刷新已经告诉了用户很多信息:点击搜索按钮,网址执行了该操作,但你输入的是空白,我也就给你一个空白的结果(这里,卓越跳转到搜索结果页,且提示搜索结果为0的做法是一个很不人性化的机械的执行用户操作的傻设计)。
把这次的探讨总结成一句话共勉:注重用户体验,就需要尽可能的减少交互,不给用户增加不必要的负担!
Update:发布的5G之后,老白和白鸦给出2种更优化的方法;
之一:干嘛要刷新页面? 这不还是让人和机器交互了一次吗,万一页面大这个刷新的成本有多少? 就让他点了以后输入框做个简单的提醒(比如输入框的光标出现,或者输入框的颜色闪动等小到有那么有点反应即可),不行吗?
之二:没有空搜索,搜索栏默认热词,光标过去立即清空,等待用户录入同时提供下拉备选。
谁还有更好的方法?欢迎探讨。


所见即所得~
个人觉得淘宝、拍拍、有啊在这块是从“商业目的”角度出发,而亚马逊在此是注重了用户体验。
这篇可以用做案例课程来讲述“以用户为中心的设计”了!
以前我也泛泛地想过, 也去试了一下baidu/google, google和”google搜索”和”手气不错” 的处理方式是不一样的.
还有,我也试了一个只打一个空格的情况. 不过打空格这种误操作可能性会比较低.
就我上一步操作说一句。
刚才的留言动作在点击提交后才发现下边的提示语,那个勾没能及时去掉——是否将“有人回复时邮件通知我”这个提示放到“提交(Ctrl+Enter)之前会更好呢?
呵呵,我这个模板我是选用的别人现成的,技术上的我不会搞,等有时间的找个技术上的朋友做下
如果是专门的搜索页,赞同刷新一下,没用其他任何多余的提示。就像Unix下,空命令什么都不做,只是跳到下一行(没用异常也很少有提示)。
对于内嵌的搜索条,则跳到专门的搜索页。
另外如果支持并启用了脚本,可以做一个不影响操作的提示(不过还没想到真正优秀的提示方式)。
p.s. 默认选中“邮件通知”真是个恶心的事情。
从用户认识的角度考虑问题,我想亚马逊不适合其它国内的其它网站。
起码淘宝、拍拍、有啊培养不少用户习惯。
之一:干嘛要刷新页面? 这不还是让人和机器交互了一次吗,万一页面大这个刷新的成本有多少? 就让他点了以后输入框做个简单的提醒(比如输入框的光标出现,或者输入框的颜色闪动等小到有那么有点反应即可),不行吗?
这个方法再改进一下,就是在搜索框出现“请输入商品名”类似的提醒文字,用户就清楚应该输入了,鼠标点击到搜索框之后文字自动消失。
如果是原先搜索框就已经有“请输入商品名”这样的提示文字,也可以在文字后面出现一个小箭头指过来,闪烁几下。
顶这个方案,之前也被这个问题困扰过,在调研过若干网站,并仔细分析后,感觉这个方案最适合。
另外,amazon.com可不是简单的刷新页面,而是进入搜索框前产品分类页面。当然,在首页进行空搜索,肯定感觉是刷新。
一旦用户使用了空搜索行为,可以弹出一个询问窗口,提示在该搜索框中输入关键词,否则用户在3秒内没有任何反应则该窗口跳转到查看所有分类页面。
这样设计是因为,用户可能因为一个误操作而进行了空搜索,所以,他会在搜索框中输入关键词搜索;用户也可能确实不清楚要干什么或是找什么,所以,3秒后为他跳到分类导航页面(像淘宝一样)。这种设计既注重了用户的体验,同时也帮助网站最大程度展示给用户。
用个泡泡提示吧,不用点的那种,指向输入框为,提示为空,光标焦点重置回到清空了的输入框。
此外,泡泡上面可以列出一些最近的热门关键词,用户可以点击直接到达搜索页面。
或者如果用户是已经登陆了的话,根据用户习惯或者用户数据库,将关键词换成用户相关的,如:知道用户为一个新妈妈,那么可以显示关于婴幼儿的关键词等等。
有没有可能搜索框内无内容时,搜索按钮时灰色的呢?
“无内容无搜索!”
第一想到的效果:
提交空搜索,在文本框或提交按钮旁局部响应,提示输入关键词;
不喜欢全页面刷新,特别针对大网页, 等待很痛苦;
不太喜欢默认query, 真正命中的几率不好说;
分类页或许可以最终解决我的问题, 但按钮的反馈跳出我的预期,会愣那么一下…
既然是误操作,当然什么不发生是最好,这也许才是用户最期待的!
我的理解是,对于这样的失误,用户应该是能马上意识到的,这时候,再提示他并不是最好的方式——因为他可能已经意识到操作错误了,更不要说跳转到新页面。
用户看到自己的失误没有任何的影响(刷新是必须的,因为是对刚才操作的响应),感受自然会比较好!
关于后面update中的第二点, 默认热词. 我也有想到过是否可以这么做.
但后来仔细想一下, 即然用户进行空搜索是误操作, 那么搜索结果未必是用户真心想看到的内容. 甚至可能会让用户不知所措: 我刚才好像碰到什么按钮了, 怎么就出来这么一个页面? 这是什么页面?
所以我觉得还是用搜索框本身的状态来解释用户的误操作行为好了.. 比如框体高亮, 或换背景色..
空搜索之后应该给用户什么样的用户体验。我觉得更应该多点多为什么造成空搜索为主体去考虑。
为什么会造成空搜索,和原文所说,可能是用户误操作。但这样的误操作的可能性?
也有可能是用户有意去那样操作。
淘宝等的方式我觉得就很适合我这种尝试去空搜索,从而带来更方便简洁的页面去寻找我需要的东西。
就算是用户造成了错误操作,把用户带到一个非常友好产品列目录页面也是一种非常好的用户体验。
反而,页面只是刷新了一下让用户更郁闷“怎么我刚才的操作没有效果?”
对于默认的关键字更是不可取,用户根本不需要这样的结果,默认的关键字更像一种广告行为。你没法知道用户对这种关键字得出的结果是否厌恶。
进行了空搜索的用户,进入了一个陌生的页面,有可能会不知所措,但他刚才使用的搜索框在很明显的位置看到就不会产生这种心理。
这方面’有啊’做得最好。
进行了空搜索的用户,进入了一个陌生的页面,有可能会不知所措,但他刚才使用的搜索框在很明显的位置看到就不会产生这种心理。
这就好像在一个陌生的城市里碰到熟人,你不再慌张寂寞
[...] 空搜索如何设计? (17) [...]
直接页面无动作!!!