上海雍熙网站建设

电话咨询
在线咨询
微信咨询

输入您的电话,我们即刻给您回电

接通客服

您也可直接拨打24小时电话:4008-030-567 或线上咨询

数 字 化 网 站 升 级

雍熙已支持虚拟会议室远程洽谈
企业微信客服
一键订阅建站干货内容
扫码获取2021年建站策略指南
一键订阅网站干货内容

当新的文章、案例及行业报告时,我们将及时发送给您。

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

发布时间:2019-06-25 热度:225 作者:上海雍熙

  一、位置的选择

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

  第二、美化元素

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

  第三、尺寸的设计

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

  第四、关键词提示

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