设计搜索框在建设网站时要考虑的因素

2020-12-01 08:52 栏目:公司新闻 查看()
在网站的设计中,搜索栏是一个很容易被忽略的部分,但是用户依靠它来寻找特定的信息。因为搜索栏是网站上最常用的元素之一,所以搜索栏的设计对用户体验有很大的影响。

网站建设需要搜索栏吗?

使用搜索栏背后的思维和心理就是帮助用户快速找到信息。搜索栏对于包含超过100页复杂内容的网站非常有用。在B2C (business-to-consumer, B2C)世界中,搜索栏用于大型电子商务网站、新闻网站、交易网站和预订网站,帮助用户轻松查找信息。它们也用于大型B2B网站,有许多客户细分和产品线。
如果是一个页面很少的小站点,你可能不需要一个搜索栏,但是随着站点的增长,你会需要的。
创建搜索栏时要考虑的因素

搜索栏通常由两个UI元素组成:一个输入字段和一个按钮。然而,搜索栏的设计对用户在你的网站上找到他们想要的信息的速度有很大的影响。我们认为在设计搜索栏时应该考虑以下几个问题:
突出你的搜索栏:使网站搜索栏容易找到,并显示在你的网站显著位置。
避免将搜索框隐藏在下拉菜单中或隐藏在搜索图标后面(渐进式披露),因为这样会使用户很难找到它。此外,当您隐藏搜索栏时,您添加了一个额外的操作,用户必须在搜索您的站点之前执行。
搜索栏增加了放大镜图标:图标作为心理捷径和视觉线索的一个行动或对象。放大镜是一个普遍接受的搜索操作符号,使用它将使用户更容易识别你的搜索栏,即使没有文本标签。当选择一个缩放图标时,选择一个示意图图标,它不是过度程式化以提高识别速度。使用大量的对比和填充,以确保图标醒目,足够大。
遵循搜索按钮的设计惯例:当为搜索栏创建一个搜索按钮时,遵循好的按钮设计的惯例,并确保它是正确的大小和有足够的对比度,以使它脱颖而出。确保用户可以通过键盘上的“输入”功能提交他们的搜索查询。一些用户仍然使用Enter来提交查询,而且它对于可访问性也很好。

使用占位符文本指导用户搜索:使用一个搜索查询示例作为占位符文本来指导用户在您的站点上进行搜索查询。这对网站的搜索栏很有用,用户可以在这里搜索不同的条目。限制占位符文本的长度,以减少认知负荷,并确保有足够的对比,使其易于阅读。

设计一个简单的搜索框:创建一个看起来像搜索框并且容易使用的搜索框。从一个简单的搜索开始,如果需要,让用户选择使用搜索过滤器或高级搜索机制。
把你的搜索栏放在正确的位置:对于网络用户来说,把你的搜索栏放在f模式是很重要的,这样他们就可以看到它。这是在网站的中上方或右上方。此外,用户实际上希望在页面顶部找到站点的搜索栏。不要把你的搜索栏埋在页脚;用户需要在那里寻找它。使用热图来找到用户在站点上滚动和点击次数最多的区域(热点),并将搜索栏放在那里。
搜索栏提示:当用户输入自己的搜索查询时,自动提示引导用户避免搜索查询公式出现错误。确保自动建议有助于避免混淆或分散用户的注意力。用户输入和自动提示之间的差异以粗体显示。
每个页面上的搜索栏:在搜索栏设计中,用户总是可以访问到搜索框。
扫二维码与项目经理沟通

我们在微信上24小时期待你的声音

解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流

郑重申明:常州捷效信息技术有限公司以外的任何单位或个人,不得使用该案例作为工作成功展示!