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

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

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

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

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


网页设计制做之中有什么功能能够让用户体验感提高将网页定位好,哪怕是菜鸟,也能翱翔蓝天企业在网页建设过程的注意事项搜索引擎较爱什么样的网页小编解析新媒体运营编辑出路到底在哪里微信裂变营销的方法有哪些充满美感的网页设计如何搭配色彩 靠谱的网页设计公司哪家不错怎样做网页才有比较好的优化效果深圳网页建设带您认清前端与后端干货:关于做网页建设怎么降低成本解答关于网页建设友情链接的七个学问 网页优化之如何分析竞争对手网页互联网如何利用大数据来定位深圳网页建设系统,怎样快速增加SEO优化效果深圳网页建设有哪些基本步骤要明确深圳网页设计如何选择页面颜色 网页设计做好哪些细节可以提升用户体验介绍深圳网页建设需要多少费用如何充分挖掘竞争对手的网页新建站需要注意哪些方面的网页维护知识新手教程之解读网页内链深圳福田专业网页设计公司,政府网页设计要从哪几点出发大型网页建设前需要考虑哪些问题企业建站是否应该选择自适应网页设计什么构成了网页设计 网页设计企业首页有哪五条铁律深圳网页优化:关键词布局思路决定出路!如何设计令人难忘的网页2020年企业网页建设哪家专业深圳网页建设行业编辑经常使用哪些软件如何做好英文网页建设有哪些注意点网络营销主要推广方法备案信息在管局审核中,是否可以修改备案信息 效果好的网页设计制作公司专业定制网页推广的几种常见方法企业网页建设的重要性体现在哪里上市公司网页建设应该具备哪些功能和要点深圳网页建设之PHP语言知识分享深圳福田网页设计步骤,企业网页首页设计有哪些布局方法企业做定制网页建设的优点是什么良好的网页导航旅游业网页制作应该如何做网页打不开的几种原因 深圳网页设计需要注意哪些问题呢网页建设精髓是什么网页首页界面如何做好美工方面设计中文域名zui88.我国,最优.com,最优.公司,好记欠好忘建设公司网页的几种方法你怎么知道SEO的世界有多大深圳网页制作的步骤是什么,seo优化的主页布局该怎么做好怎么做网页开发才能有好的排名高端定制响应式网页建设GOV.CN域名审核标准 网页设计有哪些 营销型企业网页建设推广技巧:如何提高网页点击量网页建设有必要做伪静态吗企业网页的新作用:数字资产管理平台5点让你了解深圳网页建设深圳福田企业网页建设后期应该要如何运营
网站备案号:豫ICP备2024041165号