网站的搜索框怎么设计才更好

一、位置的选择

搜索框需要放在网站明显的位置,可以让客户一眼就能注意到。搜索框只针对站内信息的搜索,企业不要把站外(如百度搜索、360搜索)这些充当站内搜索,这只会跳出站外,无法与本站关联。所以搜索框的目标就是本网站,位置明显,只有注意到这个功能才会想着去使用,要让搜索框方便和明显展示。然后搜索框的边框在颜色设计上最好选择与网站对比度较高的,这么做的效果主要易于被客户发现,让搜索功能更突出。

第二、美化元素

搜索框需要以简洁的姿态展示出来,除了边框颜色,不建议选择太多美化元素,搜索框的设计主要是体现功能应用,而不是用美化元素来影响客户操作。有些网站因为在内容选择方面,筛选项目比较多,对于搜索框会有针对一些特征来搜索。那么企业可以在搜索框旁边增加几个字:高级搜索,让客户可以选择性的点击。同时在搜索框的中间增加一个如放大镜一般的小图标,来衬托这个搜索功能。这也符合客户浏览习惯,一看到图标就知道是搜索用的。

第三、尺寸的设计

不同位置的搜索框,对于长度需要合理地设计。像一些商城平台的网站,通常会在顶部设计搜索框,其宽度几乎是整个显示器的一半,基本可以定义为商城平台搜索框标准为屏幕50%宽度。当然,这主要根据网站风格来衡量搜索框的宽度。普通展示型网站可以选择30%宽度,而购物商城之类50%能获取更好的体验效果。还有一些以数据查询为主的网站,如果不在顶部设计搜索框,可以考虑在产品分类处设计一个小的搜索框。

网站的搜索框怎么设计才更好-1

第四、关键词提示

经常使用百度搜索的,应该有这样的体会。当你在输入一两个字时,就会弹出下拉框,框里有相关的关键词提示,如果里面有你想要找的内容,你就会去点击,是不是感觉很方便?好像搜索框懂得自己的需求。所以,建议企业可以在站内搜索框里也有同样的设计理念。。通常这些提示都是根据搜索量来展示,把一些搜索较多的词推到前面。

发表评论

Crypto logo

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus cursus rutrum est nec suscipit. Ut et ultrices nisi. Vivamus id nisl ligula. Nulla sed iaculis ipsum.

Contact

Company Name

Address