网站建设的搜索框如何设计(上)

发布时间:2022-05-14 13:48:57 作者: 来源: 浏览量(1648 )
摘要:作为网站建设网页中最常见的UI控件之一,搜索框的组成非常简单:输入框+触动按钮,不少站长也因此没有对它给予足够的重视。那么接下来就随小编一起来看一下网站建设的搜索框如何设计? 1. 使用放大镜图标 现在,一看...

 作为网站建设网页中最常见的UI控件之一,搜索框的组成非常简单:输入框+触动按钮,不少站长也因此没有对它给予足够的重视。那么接下来就随小编一起来看一下网站建设的搜索框如何设计?

1. 使用放大镜图标

现在,一看见放大镜图标,用户自然而然就会想起搜索功能,这种联系是在长期使用过程中逐渐形成的,是为大家所广泛认可接受的。因此在网站中设计搜索框时,我们可以多使用放大镜图标,毕竟它是最常使用、最易于辨认的(即使没有文本标签,用户也能轻松识别)。当然也要注意,放大镜图标应该简洁直观,尽量减少一些不必要的细节,提高图标的可辨识度。

2. 让搜索框足够显眼

搜索框设计有一条重要的准则就是:让搜索框足够显眼,清晰可见的搜索框能让用户快速发现并使用。搜索框左右两侧是两种不同的搜索框设计,左边的搜索框隐藏在图标之后,这种隐性的搜索框太不显眼了,用户很难发现并使用。相比而言,右侧的搜索框就能及时给用户提供帮助。

3. 提供搜索按钮

在搜索框中设置按钮是为了让用户能够明白搜索的触动方式,带有按钮的搜索框更易吸引用户点击进行搜索。不过,在设计搜索按钮时,我们要注意控制它的尺寸大小,选取合适的区域,让用户可以移动光标或手动轻松点击。另外,设置回车键提交搜索的功能也是有必要的,因为现在很多用户仍然保留着点击回车键触动按钮的习惯。

4. 每页都保留搜索输入框

网站的每个页面最好都有搜索框。这样一来,当用户在特定的页面找不到想要的内容时,可以立即通过搜索框获取内容,这种设置是快速便捷的,是能够显著提高用户对网站好感的。

5. 让搜索框尽量简单

搜索框设计还有一条原则,那就是简单易用。研究表明,一个没有显示高级选项的搜索框看上去更加友好,可用性也更强。所以,一般情况下,在给用户提供搜索框时最好不要提供复杂的搜索选项。

以上就是小编对于网站建设的搜索框如何设计的解答。

扫一扫二维码,直接手机访问此页

扫码访问手机页面

【免责声明】本网站的部分文章信息(文字、图片、音频视频文件等资源)来自于网络,均是为公众传播有益咨询信息之目的,其版权归版权所有人所有。 本站采用的非本站原创文章及图片等内容无法一一与版权者联系,如果本站所选内容的文章作者及编辑认为其作品不宜供大家浏览,或不应无偿使用, 请及时联系我们删除,同时向您深表歉意!请发送邮件153462496@qq.com进行联系。

感兴趣吗?

欢迎联系我们,我们愿意为您解答任何有关网站疑难问题!

在线客服
嘿,我来帮您!