当前位置: 首页 > 图文教程 > 网页制作 > 心得技巧 > 设计心得:网站搜索的用户体验设计

心得技巧
Webjx收集46个优秀的网页排版网站实例
网站用户体验设计:页面间的跳转
设计心得:互联网产品策划文档要解决的问题
设计探讨:艺术和设计的差异
设计理论:可用性设计的10个准则
25个国内的和港台的明星的网站设计实例
网页设计技巧:网页中导航和搜索合并设计
用户体验设计:基于用户的改进设计
用户体验设计研究:多种研究方法结合
用户体验设计:可复用的写作方法
用户体验设计:有时候用户不需要引导
设计师需要知道的10个锦囊妙计
网页按钮交互设计中的确定和取消设计原则
关于确定与取消的按钮摆放顺序
设计理论:将熟悉的问题陌生化
设计分析:交互设计的事件分类
视觉设计理论:眼动研究和数据分析
WEBJX收集iphone手机网站设计实例
用户体验:10条有用的网站可用性设计参考
电子商务网站商品缺货按钮设计隐藏还是解释?

心得技巧 中的 设计心得:网站搜索的用户体验设计


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

上图A:IE上google的搜索框设计,鼠标移动到“搜索”触发操作。

上图B:火狐中google的搜索框设计,用放大镜标识触发。

上图C:IE上搜索框设计,用按钮的方式标识触发操作。

软晨学习网在多处进行操作习惯的调研,比如名站论坛、QQ群1(非互联网活跃用户)、QQ群2(大多是做HCI的)等。针对不同的用户群体提出了同样的问题:

哪种搜索最易用,是我最期望的,为什么?

[b]普通用户[/b](对快捷操作不熟悉,不是资深的网民):

心理上需要安全感,觉得全部显示出来是最安全的。设计要明确的给出“你要我怎么操作,哪里是用来点击的,哪里是用来选择的,我在哪里输入信息”。

A:最常见的,最明确的。但是“搜索”用文字表达,要去点击才知道是按钮的操作。

B:多了一份简洁,但是按钮再输入框中,有误认为是图标的概念。

C:了解如何操作,就是不清楚下拉的选择为什么是在后面操作。

总结出来的样式:

成熟型用户:

表现方式变得不再重要,基本来说使用“Enter键”。使用键盘操作多,少量使用鼠标的用户在输入后,最快的满足方式就是Enter建。而且西贝意外的发现成熟型人员比较喜欢输入后才寻类别,不知道是调研的群体比较狭窄还是调研的人都比较喜欢这个方式~

所以思路就是这样的“输入》类别》Enter搜索”。那么C方案就是比较适合的了。

总结出来的样式:

那么,是不是可以说忽视考虑资深网民的操作习惯,采用Enter的快捷键就ok了?重要的就是考虑普通网民的设计了呢?而且美观和简洁当道的Web世界,是不是图标放到输入框下,做可以点击的样子就是最合理呢?

如下方式是最好的吗?欢迎大家给不同意见:

附调研部分意见:

不熟练用户会将鼠标放到放大镜那里,有变化会更好,即ie上的搜索框的那种效果。。。

习惯输入内容后enter。

并且在输入完后,就有选择搜索引擎类别,这也挺方便。

有些喜欢输入前寻类别,个人偏向后者。

通常我只用enter按键。

估计是因为用本本久了,所以偏向喜欢C。

我会选C,比较直观,不需要思考过程,箭头下拉的指示也比较明确

对于普通网民来,他们绝大部分就只知道点“按钮”AC都可以吧。

最好是输入搜素关键词后,直接enter按键就可以搜索。

选C,操作可提示性和美化程度结合得比较好。

我和很多人都是直接回车提交信息的。

我选B~。google一直都提倡输入内容后直接按回车键,这点在用GOOGLE网站搜索的时候也会提示,所以在A里的搜索没有做直接的提示为按钮也在情理之中,从这一点来说,B无疑是最佳的选择,因为不会在视线里造成其它的困绕。相对来说我觉得C是最难理解的,因为在我输入内容的同时它不能够为我指明当前搜索引擎的名称。