解决方法:搜索结果页优化的10条最佳实践方法

优采云 发布时间: 2022-09-24 22:16

  解决方法:搜索结果页优化的10条最佳实践方法

  4、拼写更正

  打字很容易出错。如果用户输入错误的 关键词 并且您可以检测到它,那么您可以显示结果,并用猜测的正确 关键词 结果代替错误的 关键词 结果。这避免了用户因为犯了错误并得到“没有搜索结果”而被迫重新输入的挫败感。

  如上图所示,Apple Store 不提供此类“0 结果”的搜索词纠错

  Asos 在这方面做得很好,在不冒犯用户的情况下显示错误输入的替代结果。例如,原创搜索词是“Overcoatt”,系统会巧妙地提示“我们也搜索过 Overcoats”。

  5、显示的搜索结果数

  显示可用结果的数量。这允许用户粗略地决定查看结果需要多长时间。

  显示匹配结果的项目数可以让用户在重述 关键词 时获得更多参考信息。

  6、保留用户最近的搜索关键词

  尽管用户熟悉搜索功能,但有时搜索仍需要用户从记忆中回忆信息。要进行有意义的搜索关键词,用户需要仔细考虑和整合与其目标相关的术语。所以

  在设计搜索过程时,您需要牢记一个基本的可用性原则:

  尊重用户的努力

  您的 网站 应该存储用户最近使用的所有搜索词,以便用户下次执行搜索时可以将它们提供给用户。

  在搜索相同内容时,最近的搜索结果可以节省用户的时间和精力。

  小贴士小贴士:

  显示少于 10 个项目,不要使用滚动条,所以没有太多信息。

  7、选择合适的页面布局

  

  呈现搜索结果的挑战之一是不同类型的内容需要不同的布局。内容呈现的两种基本布局是列表和网格。经验法则:

  详细列表格式,图片网格格式

  让我们用产品列表页面测试上述标准。产品详情展示是一个非常重要的环节。像搅拌机这样的电器有很多细节,比如型号、等级和尺寸,这些都是选择产品时的重要因素。在这一点上,列表更有意义。

  列表样式更适合注重细节的布局

  对于显示细节较少的产品或显示类似产品的应用程序,网格格式是更好的选择。比如服装类产品,在选择不同的产品时,以文字为主的各种产品细节考虑较少,影响用户最终购买的主要因素是产品的外观。对于这类产品,用户更关心的是产品之间的视觉差异。在这种情况下,他们宁愿在长页面中上下滚动,也不愿在列表页面和详细页面之间来回切换。

  网格更适合面向视觉呈现的布局

  小贴士小贴士:

  允许用户选择搜索列表是以“列表样式”还是“网格样式”呈现。让您的用户以他们喜欢的方式查看结果。

  提供一系列布局选项,允许用户更改布局

  在设计网格布局时,选择合适的图像尺寸,使其大到足以被识别,小到可以同时显示更多产品。

  8、显示搜索进度

  理想情况下,搜索结果应立即显示,但如果不及时显示,则应使用进度指示器向用户提供系统反馈。应明确指示用户等待多长时间。

  Aviasale网站提醒用户搜索需要多长时间

  小贴士小贴士:

  如果搜索时间过长,可以使用*敏*感*词*效果。好的*敏*感*词*可以分散用户对较长搜索时间的注意力。

  9、提供排序和过滤选项

  

  当搜索出现看似无关或过多的信息时,用户可能会不知所措。您应该为用户提供与其搜索相关的过滤器,允许他们在每次过滤结果时选择多个选项。

  过滤器可以帮助用户缩小和组织他们的结果,否则可能需要大量额外的分页(并且太多)来滚动或分页

  小贴士小贴士:

  确保用户不会迷失在太多选择中,这一点很重要。如果您的搜索确实需要很多过滤器,那么默认情况下应该折叠显示。

  不要在过滤功能中隐藏排序功能,它们是两种不同的任务类型。

  当用户选择较窄的搜索范围时,过滤范围清晰地显示在搜索结果的顶部。

  10、不返回“无结果”

  将用户扔到没有结果的页面可能会令人沮丧。特别是当他们尝试了很多搜索时。当用户搜索没有匹配结果时,应尽量避免用户陷入死胡同的体验。当没有匹配时,需要为用户提供有价值的替代方案。(例如电商网站可以提供其他同类产品的替代品)

  HP 页面上显示的“无结果”本质上是用户的一个终点。这与提供上下文类别或 关键词 建议的“无结果”页面形成鲜明对比,如亚马逊示例图像所示。

  综上所述

  搜索是构建良好 网站 的关键要素。用户在搜索或学习时期望流畅的体验,会从一到两组搜索结果中快速判断网站的价值。一个好的搜索工具应该可以帮助用户快速轻松地找到他们想要的东西。

  — UXRen 社区 —

  UXRenCommunity(),一个面向 UX 从业者的专业社区。成立于2009年6月,8年内发展成为国内规模最大、最专业的用户体验从业者社区,会员超过10万。

  分舵组织分布在中国15个城市,促进当地线下活动和交流。还成立了北美和欧洲分会,其中北美分会拥有近2000名会员。

  社区提供开放课程、行业品质文章、招聘、培训、翻译、会议和外包服务。已举办线下开放课程150余场,参与人数超过20000人,翻译了150多种优质UX外语。全球华人用户体验从业者的职业发展。

  关注UXRen,关注用户体验行业的发展!

  核心方法:【Excel数据获取】你会用函数实现网页数据抓取吗?

  HI~大家好,我是星光。

  也就是说,随着互联网的飞速发展,网页数据越来越成为数据分析过程中最重要的数据源之一……或许正是基于这样的考虑,从2013版开始,Excel增加了一个新的工具叫Web 的功能类,利用这个类的功能,我们可以通过网页从web服务器获取数据,比如股票信息、天气查询、有道翻译、男女爱情等等。

  打个响指,高大上的开场白就结束了。这是一个小栗子。

  如上图,在B2单元格输入如下公式,将A2单元格的值翻译成英汉或汉英▼

  =FILTERXML(WEBSERVICE(""&A2&"&doctype=xml"),"//translation")

  公式看起来很长,主要是URL长度太长,但公式的结构其实很简单。

  看我的手指,歪的,画的,Sri,主要由3部分组成。

  

  第 1 部分构建 URL。

  ""&A2&"&doctype=xml"

  这是有道在线翻译的网页地址,收录关键参数,i="&A2是要翻译的词汇,doctype=xml是返回文件的类型,即xml,只返回xml因为 FILTERXML 函数可以获取 XML 结构化内容中的信息。Part 2 读取 URLs

  WEBSERVICE函数可以通过指定的网页地址从web服务器获取数据(需要电脑联网状态)

  在本例中,B2 公式▼

  =WEBSERVICE(""&A2&"&doctype=xml&version")

  获取数据如下

  "

  

  第三部分获取目标数据

  这里使用了 FILTERXML 函数。 FILTERXML函数的语法如下▼

  FILTERXML(xml,xpath)

  该函数有两个参数,xml参数为有效的xml格式文本,xpath参数为xml中要查询的目标数据的标准路径。

  通过第二部分得到的xml文件的内容,我们可以直接看到看星星的翻译结果看到星星在翻译路径下(代码6到8),所以第二个参数设置为/ / 翻译。

  ……

  好的,这就是我今天要与您分享的内容。有兴趣的朋友可以尝试使用网页功能从百度天气预报中获取自己所在城市的天气信息~

  因为FILTERXML可以从XML格式文本中获取数据,所以当XML文本是我们故意生成的字符串时,会有很多奇妙的用途,比如用这个函数来实现VBA编程Split函数的效果,关于我们'稍后再谈。

0 个评论

要回复文章请先登录注册


官方客服QQ群

微信人工客服

QQ人工客服


线