如何从用户体验度上设置搜索框

无论网站的大小和产品的数量如何,一般都会在网站导航栏中放置搜索框,主要是方便用户在较短时间内找到所需内容。

制作一个小小的搜索框看似简单,若想制作一个用户体验度高的搜索框,还是需要花费大量时间在策划和设计上的。那么什么样的搜索框用户体验度高呢?今天香港主机商bluehost分享几个搜索框的设计技巧,希望能给大家带来启发。

如何从用户体验度上设置搜索框
如何从用户体验度上设置搜索框

一、搜索框的类型

(1)隐藏式搜索框

直接把搜索框隐藏在页面最左侧或者第二页,没有放置在首页的位置,需要用户自己寻找。

(2)普通搜索框

一般放置在顶部导航栏右侧,在“搜索”的左侧放置一个放大镜,或者是在一个白条框中标有“搜索”字样

(3)有提示搜索框

这类搜索框会给用户提示,例如“搜索虚拟主机、云主机、VPS主机”。

(4)含图片搜索框

对于图片类搜索框,在网购上应用的较多,主要是通过图片搜索到相应的产品。

(5)带语音搜索

语音搜索是最轻松的一种搜索方式,只需通过语音即可搜索到所需要的产品。

二、用户体验度高的搜索框

(1)把搜索框放在明显的位置

经调查显示,顶部导航中右上角的区域是用户查找搜索框的最佳区域,一般在搜索框的左侧或者右侧放置一个放大镜的小图标,能快速帮助用户理解和找到搜索功能。

(2)使用自动检索匹配机制

主要是根据用户输入的文字自动匹配可能涉及到的问题,比如在百度上搜索“站群服务器”就会自动出来“美国站群服务器”或者是“站群服务器租用”等下拉文字,这样能帮助用户加速搜索过程。(相关阅读:美国站群服务器租用注意事项

(3)每页都放置搜索框

在各个页面都放置搜索框,无论用户在网站的哪个位置都可以快速搜索到想要的内容。

(4)搜索框尺寸大小要合适

输入框太短是大多数网站常出现的问题,当用户输入长的句子时只能显示前半部分文字,用户输入出现错误时,也不方便编辑和修改,只能被迫选择短的、不精准的查询方式,这对用户体验度是非常不友好的。据了解,一个可以输入27个字符的输入框是用户体验度最高的。

对于搜索框的设置,任何一个细节的改变都有利于用户体验度的增加,因此,站长在设计搜索框时一定要从用户的角度出发,保证用户检索内容的精准度。

相关推荐:WordPress简化用户体验的方法

Add a Comment

您的电子邮箱地址不会被公开。 必填项已用*标注