以用户为中心的设计

这是UCDChina提前预览网页留下的存档,不包括作者可能更新过的内容。
推荐您进入文章源地址阅读和发布评论:http://www.ucdcn.com/spac......do=blog&id=92

从用户群体看细节交互

作者:西贝  |   发布: (编辑)Tony   |   时间:2008-09-15 15:56:48 文字大小:- +

 

上图AIEgoogle的搜索框设计,鼠标移动到搜索触发操作。
上图B:火狐中google的搜索框设计,用放大镜标识触发。
上图CIE上搜索框设计,用按钮的方式标识触发操作。

 

西贝在多处进行操作习惯的调研,比如蓝色论坛、QQ1(非互联网活跃用户)、QQ2(大多是做HCI的)等。针对不同的用户群体提出了同样的问题:

 

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

 

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

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

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

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

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

 

总结出来的样式:

 

成熟型用户:

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

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

总结出来的样式:

 

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

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

 

附调研部分意见:

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

习惯输入内容后enter
并且在输入完后,就有选择搜索引擎类别,这也挺方便。
有些喜欢输入前寻类别,个人偏向后者。

通常我只用enter按键。

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

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

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

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

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

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

 

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

。。。

 

欢迎拍砖讨论

banlon的建议:

更多
打印  |  相关话题:搜索框   |  类别:信息和交互  |  源地址

UCDChina的书

《UCD火花集2》封面
UCDChina编著,定价35元
从卓越网购买 从当当网购买

《UCD火花集》封面
UCDChina编著,定价25元
从卓越网购买 从当当网购买

《应需而变——设计的力量》封面
UCDChina团队成员JunChen译,定价29元
从卓越网购买 从当当网购买

《网页设计解析》封面
UCDChina团队成员周陟著,定价62元
从卓越网购买 从当当网购买

《赢在用户》封面
UCDChina团队成员Angela译,定价29元
从卓越网购买 从当当网购买

《用户体验的要素》封面
UCDChina团队成员Angela译,定价25元
从卓越网购买 从当当网购买