搜索框设计技巧分享 帮助优化网站性能
发布日期:2012-04-16    浏览次数:65

  在浏览整个网站中,搜索框通常是通向用户使用的最后一道关卡。如果你的网站内容很多,包含了详尽的特色,功能,设计元素,产品和服务等等,那么搜索框就成为了网站不可或缺的一部分。网站的成长往往需要时间。当然,从整个网站设计和开发过程来看,设计肯定要简洁,有文章和评论,以及非正式的网站通知,特色内容和服务等等。不过,随着网站层次不断提升和更新,与网站相关的内容的只是起到了装饰作用。因此,搜索框对网站的性能优化起到了至关重要的作用。

  优质的职能和运作对网站开发确实很重要,但与此同时,我们也不可忽视网站的前端性能。你的网站也许在特色内容,功能以及内容质量等方面都很出众,但是,如果网站前端性能令人不满意,并且没有以用户为中心,那么网站其它方面做得再好,也起不到任何作用。

  错误观念:搜索框不需要设计

  在整个网站设计中,搜索框的外观要显眼,方便用户快速找到。网站站长普遍认为搜索框只是一个输入和提交内容的按钮而已,因此他们根本不需要花时间设计。

  但是由于错误观念泛滥,站长们也错失了一些潜在的机会。由于设计上的缺失以及亮点不突出,用户通常会被搜索框的位置弄得焦头烂额,他们通常会点击“返回”按钮(离开网页)。因此,设计平庸,辨识度不高的搜索框就是导致这一切的元凶,如果想要网站获得可观的流量,但是网站转化率却低得离谱,这是不行的。

  如果用户对你的网站感到失望,搜索框则有助于留住用户。在大量的网站中,真正带给用户绝佳体验的少之又少,用户有时还没深入了解整个网站,可能就不断点击后退,离开网页了。如果用户能进行搜索,他们只需在搜索框中输入自己想找的内容,上述问题也就迎刃而解了。

  在如今这个快速成功的社会,时间就是金钱。搜索框不仅能帮助用户节约时间,还可带给用户高度愉悦和简洁的浏览体验。

  搜索框设计技巧

  在为网站设计搜索框时,你可重点考虑以下建议:

  1.搜索框要显眼

  搜索框要清晰可见,千万不可放在难以注意到的位置。即使你的网站主题是纯白色,为搜索框设置黑色的边框,选用红色等亮色作为字体颜色,这都可能会解决搜索框不明显的问题。

  2.搜索框要有搜索框的样

  你可以尝试在搜索框设计中融入创意,但是不要把它弄得不伦不类。这也是搜索框必须是框状的原因。访问网站的用户不会仔细浏览完整个网站的内容,他们只会关注自己感兴趣的内容,而且许多学习条件是受制于他们的行为,在用搜索框进行搜索时,实际上用圆角矩形的搜索框就可以了。

  3.搜索框的位置

  搜索框的位置对网站优化和性能提升十分重要。一般的经验表明搜索框的最佳位置应在网站顶部的左上角或右上角,因为用户希望节约时间和精力,直接搜索到他们所需的内容。但是受广告等内容的影响,迫使设计者将搜索框放在页面底部。这并没真正解决搜索框在网站中的实用性问题,必须避免。

  另外,在每个网页中都放入搜索框是一个明智的主意,即使用户在网站中迷失,他们也能够方便地找到需要的内容。

  4.为提交按钮取一个有创意的名字

  搜索框的名字要取得有创意,不要简单地放上单调的“go”,“find”或“search”在旁边。不管给它起什么名字,只要不为难用户去猜意思就好。

  5.为用户提供分类搜索

  用户可自由搜索各种分类。同样的思路,你也可以显示分类,用户在输入区域进行搜索。在JavaScript的帮助下,用户只需将鼠标悬停在搜索框上,即可显示类型或进行用户自定义搜索,从用户的角度讲,这是一个很棒的选择。


凹丫丫 2013 版权所有 Copyright © 2013 oyaya.cn All Rights Reserved 粤ICP备12047956号