如何让你的搜索框“与众不同”

来源:设计经验分享网
添加时间:2024年02月
摘要:搜索框,供用户输入检索的入口。搜索框是网站更基本的也是更不可缺少的。虽然简单但是其重要性确是不言而喻的。如何在纷杂的网站中,让用户尽快的找到自己想要的东西,那么搜索框的设计便极其重要。 搜索框,供用户输入检索的入口。搜索框是网站更基本的也是更不可缺少的。虽然简单但是其重要性确是不言而喻的。如何在纷杂的网站中,让用户尽快的找到自己想要的东西,那么搜索框的设计便极其重要。
常规搜索:
通过用户点击搜索按钮后才开始执行搜索,以达到一定的目的。
即时搜索:
结果立即显示在用户界面上,不需要按钮,放大镜仅显示为一个图标,输入时立即搜索,达到一定的目的。
外观特征
1、不需要使用标签,使用一个可选的提示;
2、提示可以是一个指令(如搜索类型),或者一个范围;
3、提示语要简短;
4、即时搜索时,提示*字母大写;常规搜索时,*字母小写。
设计理念
1、它是界面的一部分,所以要放在一个显眼的位置,要容易找到;
2、在同一应用中,它们应该有统一的外观;
3、它的功能应该是有效的,它的结果应该是准确的,它的速度应该是尽可能快速的。
如何改进设计搜索框,以减少用户所需要花费的查询时间呢?下面就简单的介绍下。

搜索框要明显
如果搜索是你的应用程序/网站的一个重要功能,那么搜索框的显示务必要足够显著,以保证用户能够更快的发现它。研究发现,搜索框放置的更佳位置是你网站上每个页面的左上角或右上角,用户可以使用常见的F形扫描模式轻松找到它。理想情况下,搜索框应该完美匹配网站的整体设计,并在用户需要时轻松展现。
使用放大镜图标
一个搜索框应该始终与放大镜图标放在一起。所谓图标,其实就是代表着一个对象、动作、想法等多种含义的图形符号。我们通过图标看到的不仅仅是图标本身,而是它所代表的内在含义。然而,对于用户来讲,具有通用性代表含义的图标为数并不多,幸运的是,放大镜图标正是其中之一。即使没有文本标签,用户也能轻易地识别放大镜图标
将搜索框放在每一页上
用户在每个页面上都应该能获取搜索框,因为如果用户找不到他们要找的内容,他们往往会自然而然地想要尝试使用搜索功能来进行查找,他们才不关心自己当前是在你网站的哪个地方。
提供一个搜索按钮
搜索按钮可以帮助用户识别出触发搜索操作的下一步——即使他们可能往往会通过按Enter键来执行此操作。
搜索框要足够简单
如果你设计了一个搜索框,请确保它看起来确实像是一个搜索框,并且使用起来要足够简单。可用性研究表明,默认情况下不显示高级搜索选项对用户会更加友好。高级搜索选项(例如下面的示例中的布尔搜索查询)可能会混淆要尝试使用它的用户。
搜索框尺寸大小要合适
输入框太短是设计人员常犯的一个错误。当然,用户可以键入长查询,但一次只能看到一部分输入的文本,这自然也就存在可用性问题,因为用户无法轻松地回看和编辑其刚刚才输入的查询条件。事实上,当搜索框具有有限数量的可见字符时,用户会被迫使用短的、不精确的查询条件,因为更长的查询条件将不易阅读。但如果输入框的长度是根据用户的预期输入来确定大小的,那对用户而言就友好多了。
明确告诉用户可以搜索哪些内容
在输入框中显示一个搜索查询的示例条件是一个不错的做法,这样能够向用户表明他们究竟可以应用该搜索框搜索哪些/哪类内容。如果用户可以搜索多个条件,则使用输入提示模式来向用户说明(例如,下面示例中的百度。更新消息使得我们可以很轻松地在输入框中写明作为占位符的提示文本。
将搜索框放在用户预期找到的位置
如果因为搜索框不够突出、不容易察觉,用户还得花费精力去找它,那这个设计无疑是不够友好的。
因此,更好将搜索框放在页面的右上方或中上方,以确保用户能在预期的位置找到它。
使用自动检索匹配机制
自动检索匹配机制可根据用户输入的字符进行预测来帮助用户找到一个可能匹配的查询条件。该机制并不是为了加快搜索过程,而是为了引导用户并帮助他们构建他们的查询条件。普通用户在构建查询方面往往会有困难:如果他们在第*次尝试查询后没有获得满意的结果,后面的查询也会很难顺利,事实上,他们常常就会放弃。而当自动检索匹配机制运作顺利时,它们就能帮助用户将查询条件表达的更加清楚。

网站设计中,一个好的搜索框,不管是直观上,还是感观上,都要给用户带来方便快捷的使用功能,提升用户体验。
 

平面设计相关资讯推荐阅读:


科技与你分享优秀邮件营销人员修炼指南简约风格的商务网页设计有什么好处了解Flash网页建设的优缺点使用Flash网页模板的好处为什么推荐做定制型网页制作呢DNS域名解析服务商二三事 网页设计公司哪家有实力 网页建设备案为什么要选择国内服务器美学与技术融合在推动网页设计新的流行走向 中小型企业网页建设的必要性不仅要建设微信网页还要关注微信管理中小型企业建站小心掉入价格陷阱好的网页是什么样的深圳企业网页建设的目标是什么深圳福田网页制作费用是多少,网页不收录要怎么解决2020网页设计有哪些注意事项网页建设怎样获得用户信赖如何判断网页制作的专业性深圳企业在网页制作中有哪些细节科技-高端定制门户网页建设应注意哪些问题找靠谱网页设计公司,就看这几点深圳网页建设带您认清前端与后端网页建设的优化引流一般是怎么做的营销网页和普通网页的区别深圳门户网页建设关键点来看!你的网页需要改版了吗营销型网页建设的标准有哪些做深圳网页建设的五大策略有哪些深圳网页建设教你添加好看的CSS加载动画源码 网页被K了都是廉价虚拟空间惹的祸!为什么企业排斥模板建设网页深圳网页建设新手教程之解读网页内链高质量的网页建设有哪些价值一个好的成功的网页设计需要具备什么 网页页面设计咨询电话 网页设计如何提高品牌价值网页建设中程序如何优化软件定制深圳什么类型网页建设适合小企业BuddyPress的是什么为大家分享一下SEO在Web服务器里的应用深圳福田企业网页外链建设有哪些技巧好的LOGO标志设计具有的特点网页制作:设计一个高级的“页面”深圳微信营销方法,微信营销有哪些特点高端网页建设时需要注意哪些问题科技-企业网页建设的重要性极其主要目的是什么这些网页建设知识您知道吗掌握技巧,让企业网页建设更具特色优势传统企业为什么转型做线上电商网页制作网页设计的根本文字设计解析APP产品的设计细节企业网页开发主要有哪些步骤定制深圳福田网页设计是怎样的百度最新的排名规则有那些特点网页建设中如何有效地引导用户和处理好用户的投诉网页建设公司应当如何挑选应从这种层面下手圆形是如何吸引用户关注网页定制软件哪个好深圳网页建设具体有哪些步骤
网站备案号:豫ICP备2024041165号