当前位置: 首页 > 图文教程 > 网页制作 > 心得技巧 > 浅谈关于搜索的设计

心得技巧
网页弹出窗口和网页浮出层哪个好?
欣赏:使用矢量插画设计制作网站整体布局
网站设计用户体验:网站搜索框的设计
网页宽度是多少符合用户浏览
tab(标签)在使用时的禁忌
互联网产品用户体验设计多元化
设计理论:提升设计的专业性和感染力
网页页面适应不同客户端浏览器和分辨率
大屏幕下的网页设计
电子商务网站有针对性的产品宣传
设计理论:网站交互设计与购物习惯
网页设计中的通用提示信息与用户交互
如何实现网页设计立体盒子效果
网页tab(标签)使用注意事项
制作GUI设计师简历的需要注意的地方
草图工具帮你成为更好的用户体验设计师
网站搜索框的设计理论
浅谈关于搜索的设计
设计师的插画化的自画像
设计理论:网页像素误差的解决方法

心得技巧 中的 浅谈关于搜索的设计


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-09-28   浏览: 33 ::
收藏到网摘: n/a

下午的时候群里一个童鞋列出了一些电子商务网站对于空搜索的处理结果,然后引发了一个关于空搜索处理的讨论。这里,空搜索指的是:不在搜索框里输入任何内容,直接点击搜索按钮。

可以肯定的是,造成空搜索的用户的比例应该不大,主要是误操作,当然也不排除向我这样的探索者。但是作为电子商务网站用户体验的一部分,这个地方必须要考虑到。

我们先来看看主流电子商务网站的处理结果(这里不需要讨论搜索引擎的返回结果,因为它就是做搜索的,没有也没必要去给你推送什么其他的内容):

  •  阿里巴巴中国站;弹出提示框“请输入产品名称”,点击确定后没有任何反应
  • 慧聪;弹出提示框“请输入查询内容”,点击确定后光标落在输入框内“输入你感兴趣的内容”后面
  • 百度有啊;跳转到查看所有分类页面
  • 淘宝;跳转到查看所有分类页面
  • 拍拍;跳转到查看所有分类页面
  • 卓越;跳转到搜索结果页面,提示找到0条搜索结果
  • 亚马逊;刷新一次页面

从结果上看,主要分为4类:弹出窗口提示、跳转到列表页、显示0条搜索结果、刷新一次页面。那么,哪个网站的设计的用户体验最爽呢?

前几天我正好对网站搜索部分做了一次改版,采取的是优化了的弹窗形式:弹出窗口提示输入关键词,该窗口自动在3秒内关闭,关闭后光标被移动到搜索输入框内,且框内原先的提示信息被清除掉,弹窗的位置控制在离搜索框很近的位置,目的在于不要造成宽屏用户的鼠标长途奔袭

于是我最开始的时候倾向与这种结果的返回。出发点是在于对于用户的误操作给出善意的提醒,同时尽最大可能不给用户造成额外的负担。

洗澡的时候突然觉得这样的做法有点不符合老大经常教导我的“产品要和运营挂钩”的原则。应该尽最大的努力展示网站的内容给我的用户,同时想办法引导他们去点击去使用,那么,从这个角度来看,淘宝、拍拍的做法应该是合理的。

擦干身子抽了颗烟,觉得这样似乎也不是很妥,于是找 wkcow 讨教了一下,被点醒了,其实最好的用户体验设计应该是亚马逊。

首先,空搜索既然是用户的误操作就需要给用户一些提醒,那么没有任何反应的设计必然是错误的,因为用户看到没动,可能认为是网站出问题了,这种设计是最最傻的;其次,对于弹出窗口的设计用户是不愿意去等待那3秒的,那么就必须要点一次确定,这样就多了一次交互,还是给用户增加了负担,且在设计上要考虑弹出窗口的位置、光标的位置的问题,这种设计事实上很累也很傻;第三,返回列表页的设计是想给用户推送一些其他的内容,但是实际上用户是不会理睬这些内容的,且这个结果改变了用户的初衷,更改了最简单的流程。

亚马逊的设计恰恰是一个最最正常的流程,不需要交互、不需要解释,就是一个简单的刷新已经告诉了用户很多信息:点击搜索按钮,网址执行了该操作,但你输入的是空白,我也就给你一个空白的结果(这里,卓越跳转到搜索结果页,且提示搜索结果为0的做法是一个很不人性化的机械的执行用户操作的傻设计)。

把这次的探讨总结成一句话共勉:注重用户体验,就需要尽可能的减少交互,不给用户增加不必要的负担!

Update:发布的5G之后,老白和白鸦给出2种更优化的方法;

  • 之一:干嘛要刷新页面?   这不还是让人和机器交互了一次吗,万一页面大这个刷新的成本有多少? 就让他点了以后输入框做个简单的提醒(比如输入框的光标出现,或者输入框的颜色闪动等小到有那么有点反应即可),不行吗?
  • 之二:没有空搜索,搜索栏默认热词,光标过去立即清空,等待用户录入同时提供下拉备选。

谁还有更好的方法?欢迎探讨。

原文:http://www.ikent.me/blog/1404