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

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

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

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

网页教学网在多处进行操作习惯的调研,比如名站论坛、QQ群1(非互联网活跃用户)、QQ群2(大多是做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是最难理解的,因为在我输入内容的同时它不能够为我指明当前搜索引擎的名称。

时间: 2025-01-30 07:06:45

设计心得:网站搜索的用户体验设计的相关文章

以用户为中心的设计:网页确认框的用户体验设计

文章描述:以用户为中心的设计:网页确认框的用户体验设计. 确认框,顾名思义,对关键的用户行为进行确认,比如"询问是否删除","告知已删除".根据网上的观察,发现有的网站对确认框的设计缺乏合理性.本文谈谈自己的思考. 类别 根据触发目的,确认框分为两类:询问和告知. 询问 转推的确认框 询问,类似 Javascript 里的 confirm(),即:是否去做? 告知 Flickr 的告知 告知,类似 Javascript 里的 alert(),即:做的状态. 必要性

网站建设做好用户体验设计四问

中介交易 http://www.aliyun.com/zixun/aggregation/6858.html">SEO诊断 淘宝客 云主机 技术大厅 用户体验的展现形式是站长做网站建设时必须充分考虑的重点.好的用户体验,能够对用户建立信任产生直接影响,尤其是在用户第一次访问你的站点时.就像装饰精致的精品店一样,外观能直接刺激用户的购买欲望.这里,我们总结了用户体验设计应充分考虑的四个问题. 一.实现期望:第一次使用时,体验提交了品牌承诺吗? 品牌承诺,就是保证网站在每个环节的交互当中保持言

web2.0社会化网站新闻书签用户体验设计

社会化网站也就是所谓的web2.0形式,可以提供新闻书签等内容,主要特点是在内容基础上提供会员之间交流互动,可以说社会化网站的参与度相比其他仅仅提供内容的网站来说要高很多,因此在设计这类网站时,更要注意用于的体验很感觉,大多数界面都会做得比较容易操作和使用,比如本文中推荐的这些. 1. DesignBump 这个社会化媒体新闻网的界面在Digg.Reddit或者Mixx用户的眼中再熟悉不过了,设计理念很简单:你的链接只要得到足够多的投票就能够上升至首页. 目前该网站用户已达16000以上,其中有

微软搜索Bing用户体验设计浅析

我看"必应" 最近两天总是能看到关于bing的新报道涌现,先是老大发的一篇Bing谷歌雅虎三家搜索性能大比拼的文章.对BING有了个初步的了解,然后是腾讯的西贝同学关注微软Bing的文章.慢慢地我也对微软的"live二代"有了浓厚的兴趣.一开始感觉它的名字很怪,官方给的解释好象是"有求必应"的意思.不过也有些不同的意见,今天同事之间调侃:"名字多难听啊?谁没事找"病"啊?虽然是句玩笑话,也并非空穴来风,大部分评论都直

大话传统企业网站用户体验设计 做细节就是做用户体验

中介交易 SEO诊断 淘宝客 云主机 技术大厅 说到网站用户体验,很多行内的兄弟们要说得可比接下来要写的话还多,用户体验直接影响了网站的营销效果,如从营销推广的五层数据(即浏览层.点击层.访问层.咨询层.转化层)来看,用户体验在其中间起着举足重轻的作用,哪一层用户感觉不爽了都可能跑掉.无论是传统的企业网站还是专业设计的营销型的网站,用户体验一样可轻易地适用于两者之上,优秀的用户体验设计往往在:视觉性.友好性.易用性.有用性(实用性)等方面体现,无论如何,只要用户浏览网站感觉好.舒适.习惯,那么这

通过设计让学习变轻松 - Google 的 Primer 团队是如何做用户体验设计的

本文讲的是通过设计让学习变轻松 - Google 的 Primer 团队是如何做用户体验设计的, 学习一向是个苦差事,如何在设计上下功夫,让学习变得愉快呢? 说起来容易做起来难.直观上讲,人们通常不会全力以赴地学习新知识.调查显示,仅3%的美国成年人在他们的日常生活中会花费时间去学习.¹ 那么可想而知:尽管大量信息对我们来说触手可及,而所有的新技术都似乎在一夜之间涌出,97%的人丝毫不会为了提升自己而花时间寻求这些新知识. 这就是我们团队在Google打造 Primer,时面临的挑战,Prime

《用户体验设计 本质、策略与经验》一1 简介

1 简介 用户体验设计 本质.策略与经验 关键词 用户体验世界里的专业技术有一些空缺. 很大一堆空缺. 有些技能无人提起,哪怕这些技能对于那些想要实现卓越作品的设计师来说,都是些至关重要的技能,就算这些技能可以助你走向成功,而就算是领导者,也不能完全掌握用户体验中的海量课题. 这些空缺包括设计师如何学习,怎样变得更具说服力:如何从项目结果反推开始,如何知道怎样的技能组合在专业的世界最有效:了解手头项目在没有预算或时间的时候会发生什么:如何让他人明白,设计远比在屏幕上移动像素复杂得多:如何解决项目

1688网站搜索LIST页面用户体验设计

网页制作Webjx文章简介:1688网站搜索LIST页面用户体验设计. 改版背景 创建专业的电子商务垂直搜索,以及把原有的信息聚合平台转型为在线采购批发交易平台.根据行业特点及交易需要,对原有的零批(小额批发)搜索进行改版,改造为适合行业搜索交易频道,便是这次改版的设计目标.我们搜索产品线的产品经理与用户体验设计师们进行了长达半年的准备工作. 项目组成员将对现有的功能需求,信息架构,视觉色彩,用户体验等,做多视角.多纬度的分析.力求在1688.com上线后,推出另一个电子商务垂直搜索用户体验盛宴

用户体验设计实例:B2C搜索LIST页面设计

改版背景 创建专业的电子商务垂直搜索,以及把原有的信息聚合平台转型为在线采购批发交易平台.根据行业特点及交易需要,对原有的零批(小额批发)搜索进行改版,改造为适合行业搜索交易频道,便是这次改版的设计目标.我们搜索产品线的产品经理与用户体验设计师们进行了长达半年的准备工作. 项目组成员将对现有的功能需求,信息架构,视觉色彩,用户体验等,做多视角.多纬度的分析.力求在1688.com上线后,推出另一个电子商务垂直搜索用户体验盛宴. 功能需求取舍   在项目中,我们从市场运营那里采集了大量需求,那怎么