杭州派迪科技为高端客户提供品牌官网咨询策划,品牌官网设计,品牌官网建设开发服务,以国际化视野和标准为基础,为各行业领军品牌提供高端企业网站定制、策划、设计、互动与制作
查看详情改善网站搜索用户体验的方法
搜索就像用户与系统之间的对话:用户将其信息需求表示为查询,而系统将其响应表示为一组结果。搜索是构建内容繁多网站的一项基本活动,也是至关重要的元素。
在本文中,我想分享5个技巧,以帮助您改善搜索UX。
1.将搜索框放在用户希望找到的位置
当用户必须搜索搜索框时,效果不佳,因为它不突出并且不容易发现。
您在下面看到的图表摘自A. Dawn Shaikh和Keisi Lenz的一项研究:该图表显示了在142位参与者进行的调查中站点搜索表单的预期位置。研究发现,对于大多数用户而言,最方便的位置是您网站页面的左上角或右上角区域。
1个
参与者希望找到搜索的区域。右上角仍然是用户希望找到搜索的第一个位置。
因此,将搜索框放置在布局的右上角或中上角区域,可以确保用户可以在期望的位置找到它。
理想情况下,搜索框应适合网站的总体设计,但在用户需要时设法使其略微突出。
您拥有的内容越多,您希望显示的搜索功能就越突出。如果搜索对于您的站点是必不可少的(例如,您的网站是一家电子商务商店),请使用大量的对比,以使字段和图标从背景和周围的元素中脱颖而出。
0
搜索是eBay最重要的功能之一。请注意eBay主页上“搜索”按钮的对比色
2.为搜索输入字段使用适当的字段大小
使输入字段太短是Web设计人员中的常见错误。当用户键入长查询时,一次只显示一部分文本,这意味着可用性很差,因为用户无法轻松查看和编辑其查询。实际上,当搜索框的可见字符数量有限时,由于较长的查询将难以阅读,因此用户被迫使用简短,不完整的查询。
如果输入字段的大小根据其预期输入而定,则它们既易于阅读,也便于用户理解。经验法则是输入27个字符的文本(此大小可容纳90%的查询)。
3.明确用户可以搜索的内容
最好在输入字段中包含一个示例搜索查询,以向用户建议可以进行搜索的内容。HTML5使得在输入字段中轻松包含文本作为占位符变得容易。如果用户可以搜索多个条件,请使用输入提示模式进行解释(请参见下面的IMDb示例)。但是请确保将提示限制在几句话之内,否则会增加认知负担。
3
4.不要在用户点击“搜索”按钮后删除用户的查询
保留原始搜索查询。重新制定查询是许多信息旅程中的关键步骤。如果用户在第一次尝试中找不到所需的内容,则可能希望使用稍有不同的查询再次进行搜索。为了让他们更轻松,请将初始搜索词留在搜索框中,这样他们就不必再次输入整个查询。
5.使用自动提示机制
尼尔森·诺曼小组(Nielsen Norman Group)的研究发现,典型用户在查询表述方面非常差劲:如果他们在第一次尝试中没有获得良好的结果,则以后的搜索尝试很少会成功。实际上,用户通常会在第一次否定尝试后立即放弃。但是,可以通过使用自动建议机制来改善这种情况。自动提示机制可通过尝试根据输入的字符来预测查询来帮助用户找到合适的查询。如果此机制有效,它将帮助用户更好地表达搜索查询。在您的网站上加入自动建议机制时,请记住以下几点:
确保自动建议有用。设计不当的自动建议可能会使用户感到困惑和分散注意力。因此,请使用拼写自动更正,词根识别和预想性文本来改进工具。
尽快提供自动建议,例如在输入第三个字符之后。这将提供即时价值并减少用户的数据输入工作量。
建议的项目少于10个(并且没有滚动条),因此信息不会变得不知所措。允许用户使用键盘在项目之间导航。
突出显示输入的信息和建议的信息之间的差异(例如,输入文本具有标准粗细,而建议的术语具有粗体粗细)。
4
自2008年以来,Google搜索就掌握了这种模式。
结论
杭州网站建设是建立有利可图的网站的关键要素。用户期望在查找和学习事物时获得流畅的体验,并且他们通常会根据一组或两组搜索结果的质量对网站的价值做出非常快速的判断。出色的搜索工具应该可以帮助用户快速轻松地找到他们想要的东西。
相关专题
热门文章
-
高端科技官网设计亮点,助力企业品牌升级
2025-02-26
-
官网案例解析 | 如何打造高颜值高转化率网站!
2025-01-24
-
案例分享 | 从零打造!高端官网设计,提升企业竞争力!
2025-01-23
-
海外仓地图,让跨境物流仓储网站设计更直观
2025-01-15
-
解析:如何通过专业网站设计展现企业技术实力
2024-12-18
-
视觉体验出色的3D打印实验室解决方案网站设计
2024-12-10
最新案例