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

心得技巧
探讨电子商务网站的最常见度量:Abandonment Rate
设计思想:产品设计的情感与情绪
网页设计细节:有效期时间格式的展现
淘宝网女装优惠活动视觉设计实例分享
如何才能设计出一件真实可信的作品
网页设计师设计网站时要考虑在线广告的设计
10个WEB设计戒律和10个设计师戒律
值得收藏的10个优秀的用户体验博客
网页设计师参考:国外100个网站欣赏站
如何创建有效的行动召唤按钮
制作良好的行动召唤按钮的10个技术
网页设计师:好的行动召唤按钮的组成
如何设计完美的行为引导按钮
设计实例:支付宝创意LOGO设计思路
网站开发之前后端分离模式理解
电子商务B2C网站用户购物付款流程设计
设计师的KPI指标应该如何设计
设计师感悟:从被辞职中反思自己
设计理论:民族的未必是世界的
设计师:感性和理性的结合体

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


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-10-01   浏览: 98 ::
收藏到网摘: 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是最难理解的,因为在我输入内容的同时它不能够为我指明当前搜索引擎的名称。