亿元级IT行业生态链
一站式解决方案提供商

24小时免费咨询电话
010-52725243

新闻资讯

AJIA NEWS

网站设计中对于搜索框的6个设计原则

来源:阿甲视点 发布日期:2018-01-10

首先,先说一下网站当中搜索框的作用,我们可以参照一些大型的网站,如:百度、360、搜狗等。他们的搜索框设置,是为了方便用户在搜索内容信息时,能够方便快捷通过关键词来找到相应的内容。同样的在我们的网站里,如果存在很多的产品、服务、功能时,为了方便用户的搜索和浏览搜索框的设置就尤为重要了,它能帮助用户在极短的时间里找到他们想要了解的内容。

网站设计中对于搜索框的6个设计原则

虽然,搜索框十分的重要,但是在网站刚开始设计时,网站设计师们却常常忽略搜索框的重要性,往往只是单纯的摆在网页当中,或者就不设置搜索框,等到后期网站上线后,发现了搜索框的重要性后再进行返工,既耽误了时间,又影响到用户体验。


那么网站当中的搜索框又该怎么去设置,才能将搜索框的最大价值发挥出来?今天主要从以下6个方面来说一说搜索框的设置。


(一)简单化


搜索框的设计,尽量的简单化,只要让用户明白这个搜索框的作用就可以了,不需要添加过多的元素去设计它。有些时候越复杂的东西未必能够带来好的效果,很有可能适得其反的产生一些不必要的问题,而越简单的东西往往更容易得到用户的认可和信赖,并且对用户更为的友好。

网站设计中对于搜索框的6个设计原则

(二)突出你的搜索框


网站搜索框的位置一定要放置在网站最显眼的位置上。我们放置搜索框的目的,就是为了能够更好使浏览我们网站的用户能够第一时间通过搜索框,来帮助他们找到想要了解的信息。除此之外,对于搜索框的颜色上,也要用与网站背景颜色不一样的颜色来设计搜索框的颜色,通过明显的色彩对比来提醒用户搜索框的存在,方便他们使用搜索框。

网站设计中对于搜索框的6个设计原则

(三)给搜索框设计一个具有创意的名字


通常,我们所看到的网站搜索框的按钮名称大多是“搜索”、“find”、“search”等等。这样命名方式很普遍,很难做到有创意。在我们设计网站搜索框按钮时,可以设置一些不一样的按钮名字,像“百度一下”这种具备创意,也符合大众行为的按钮名字,就很好的加深用户对网站的印象,让用户一想到这个按钮就会登录网站去查找信息。像搜狗搜索一样,在使用中搜狗搜索时能够让用户能够记住企业的名字。

网站设计中对于搜索框的6个设计原则


(四)突出搜索框的特别


大部分网民在使用百度搜索框时应该经常会看到百度一下这四个字,这样做的好处就在于很容易让用户点击搜索按钮。所以网页设计师在设计网站搜索框是一定要加入一些搜索框的创意,在形状和文字描述就需要有搜索框的特点,或许对于用户而言所关注的并非是网站搜索框,但是好的搜索框功能还是能够帮助用户更好的了解搜索框。

网站设计中对于搜索框的6个设计原则

目前已经有很多家企业的网站设计师们,开始对搜索框进行了更为细致的优化,如北京阿甲科技网站设计的设计师们就在致力于设计出,更为简单明了的搜索框设计,并且将搜索框设计的位置设计的非常自然,让搜索框与网页的内容显得更为的和谐。在与网页完美融洽的同时又能够将搜索框更好的呈现在用户眼前。


(五)用户体验是第一位


搜索框的设计,就是为了方便用户去使用的,因此用户体验是我们最为关心的。抛开用户不提,单从百度蜘蛛的爬取页面内容上讲,好的搜索框能够更好的让百度蜘蛛爬取。因此,无论是从用户还是百度蜘蛛的角度去考虑,对于搜索框的设计,都需要设计的更为直观,好让用户和百度蜘蛛第一时间,就看到搜索框。

网站设计中对于搜索框的6个设计原则

(六)输入框尺寸的大小设置


说了那么多,最后说说输入框尺寸。通常来说输入框的尺寸,既不能太小,也不能太大。小了就会使用户在输入关键信息时,造成有些信息看不到,会让他们过度的缩短文字,让搜索查询出来的信息不精准,影响用户体验,而如果设计得太大,又会影响到整个的网站结构布局的美观性。因此,再设计搜索框尺寸这个问题上。我觉得要从网站结构和普遍搜索的词的长度这两方面来考虑,这样既不影响网站整体的美观度,也不影响用户输入较长的关键信息。

免责声明:本文由小编转载自网络,旨在分享提供阅读,版权归原作者所有,如有侵权请联系我们进行删除。

欢迎访问阿甲科技集团官方网站!