怎样设计更好的搜索框样式？

 搜索框由一个输入域和提交按钮的组合。有人可能会认为搜索框并不需要设计， 毕竟它只涉及到两个简单的元素。然而，在那些重内容的网站上，搜索框常常都是用户经常用到的设计元素。当用户遇到一个相对复杂的网站时，他们往往会首先寻找这个网站内的搜索框，以便能快速高效地到前往自己想去的页面或找到自己最为关心的内容。因此，搜索框的设计及其可用性问题其实是一个不容忽视的要点。

在这篇文章中，广州虎网网络和大家一起看看怎样设计更好的搜索框样式？怎样减少用户所需要花费的查询时间。

1、使用放大镜图标

一个搜索框应该始终与放大镜图标放在一起。所谓图标，其实就是代表着一个对象、动作、想法等多种含义的图形符号。我们通过图标看到的不仅仅是图标本身，而是它所代表的内在含义。然而，对于用户来讲，具有通用性代表含义的图标为数并不多，幸运的是，放大镜图标正是其中之一。

即使没有文本标签，用户也能轻易地识别放大镜图标

提示：使用示意型的图标即可，这也是最简单的放大镜图标版本。更少的图形细节能够加快用户的识别效率。

2、搜索框要显著

如果搜索是你的应用程序/网站的一个重要功能，那么搜索框的显示务必要足够显著，以保证用户能够最快的发现它。

直接显示完整的搜索框很重要，因为默认只显示搜索图标（点击图标才展开搜索框）的话会使搜索功能不那么明显，而且增加了用户的交互成本：

3、提供一个搜索按钮

搜索按钮可以帮助用户识别出触发搜索操作的下一步——即使他们可能往往会通过按Enter键来执行此操作。

提示：

1）提交按钮的尺寸大小要合适，以便用户不必非常精确地移动鼠标位置到它上面。较大的可点击区域会使得按钮本身更容易被发现和点击。

2）使用Enter键或点击搜索按钮都应该能执行搜索操作才对，毕竟许多用户仍然有点击搜索按钮来提交搜索的习惯。

4.、将搜索框放在每一页上

用户在每个页面上都应该能获取搜索框，因为如果用户找不到他们要找的内容，他们往往会自然而然地想要尝试使用搜索功能来进行查找，他们才不关心自己当前是在你网站的哪个地方（以及该不该有搜索）。

5、搜索框要足够简单

如果你设计了一个搜索框，请确保它看起来确实像是一个搜索框，并且使用起来要足够简单。可用性研究表明，默认情况下不显示高级搜索选项对用户会更加友好。高级搜索选项可能会混淆要尝试使用它的用户。

6、将搜索框放在用户预期找到的位置

如果因为搜索框不够突出、不容易察觉，用户还得花费精力去找它，那这个设计无疑是不够友好的。

下面的图表来自 A. Dawn Shaikh 和 Keisi Lenz 的一项研究：它显示了参与调查的142名参与者针对网站中的搜索表单的位置的预期情况。研究发现，对于用户来说，搜索框最佳的位置是网站上每个页面的左上方或右上方——用户可以使用常见的F形浏览模式轻松地找到它。

在输入框中显示一个搜索查询的示例条件是一个不错的做法，这样能够向用户表明他们究竟可以应用该搜索框搜索哪些/哪类内容。 如果用户可以搜索多个条件，则使用输入提示模式来向用户说明（例如，下面示例中的IMDb。 HTML5 技术使得我们可以很轻松地在输入框中写明作为占位符的提示文本。

提示： 提示部分要限制在几个字之内，否则反而会增加用户的认知负担。

芽庄在哪里

    日安徽全省有强降温和大风天气，平均气温将下降7925日早晨全省最低气温-9-6。231省份经济成绩单揭晓：安徽位列全国前十名，3送技术帮扶，奖真金白银安徽省多举措提振电影市场，4安徽省公安厅组织全省公安系统开展清风2023专项行动，依法严厉打击农村赌博违法犯罪活动，5文旅部再次提醒：加强出游期间个人防护。 办好签证，自兰州出发，从昆明出境，次日当地时间下午到胡志明市，宿范老五街酒店。2018年元...

       中小企业做网络推广要注意什么 中小企业做网络推广要注意什么 由于网络推广可依托于大数据对人群进行精准定向，具备传播速度快，广告效果优质的特点，很多中小企业都的将其作为加深品牌认知、推广品牌产品的重要渠道。在网络推广过程中，对信息发布是很有讲究的，自己的官网之外，不少自媒体平台，电商平台，新闻门户网站都值得我们去推广。今小编就带来中小企业做网络推广的3个注意点，供大家参考。 一、需要比较清晰的行业定位 现在互联网信息爆炸的年...

       手机网站和电脑网站建设一样吗? 当大家搞定空间，搞定域名，搞定内容终于建立了一个网站，还没来得及欢欣鼓舞,突然想到另一个问题:是不是我还得再搞一套手机网站?要知道现在可是手机阅览时代。有手机的必看手机。看电脑的时间日益减少。 电脑网站是否可以在手机上显示 相信很多人对这个问题感到困惑，对于答案不能确定。因为今天在手机和在电脑显示的同一网站内容，至少从显示结构.上大多数是不同的，这留给我们的印象就是电脑网站是电脑网站，手机上的...

       网站建设的三大认识误区 网站现在呈爆炸增长之势。一些CMS程序的开源，把这一增长之势推向白热化。网站数量之多，参与人数之众，令人咋舌。一年前笔者撰写的《中国网站的发展态势展望》一文中的预言已经实现了。但观察网站领域，有三个认识误区，正在引领一些站长步入歧途： 　　任何人都可以办好一家网站。 　　错。网站因一个名不见经传的网吧管理员创造hao123的巨大成功，而激起了后续参与者的巨大热情。但hao123的成功有它的机遇在里...

       说说网站设计中都有哪些规矩要遵守 规矩不成方圆，一个企业的成立必然有自身的规矩，而网站设计也有其规矩。企业利用网站在做宣传推广时不只提高了自身形象，也帮企业增加了订单量，网站的好处不言而喻。企业要有个好网站，那么就要做好网站设计。尽管网络世界很虚幻，但对于网站设计则有其不成文的规矩。规矩可以约束人的行为也可以约束网站设计，虎网网站设计企业说说网站设计中都有哪些规矩要遵守。 说说网站设计中都有哪些规矩要遵守 　　第一：明确网站定向 ...

       东莞万江街道仁福装饰设计与虎网站签约网站建设合作协定 仁福是经东莞市万江街道工商局审核的有资质公司，统一社会信用代码：91441900MA4URFQEXR。仁福坐落于东莞市万江街道莞穗大道E汇商务港A座510-511室。仁福选用虎网站网络实用型网站案例，此案例比经济型多了些功能，如动漫广告图片、在线客服QQ/MSN等聊天工具、顶部侧部二级分类导航、走马灯等功能。 　　仁福是一家集室内设计、预算、施士、材料于一体的专业化装饰公司。公司从事装饰装修行业多...