您的位置:吉林快3 > 新闻资讯 > 搜索结果的最佳实践分享,搜索结果设计的最佳

搜索结果的最佳实践分享,搜索结果设计的最佳

2019-09-22 00:00

Nick Babich 的UI/UX系列文章是目前最实在的设计系列文章,设计规则、最佳实践和实战案例三者兼顾,颇为值得学习。今天的文章聊的是搜索结果页的设计,喜欢的朋友一起来学习吧。

每一次搜索过程实际上就像是用户和系统之间的一次对话:用户将他们的信息需求表征为每一次查询,而系统则将其响应表达为一组结果。搜索的结果页面则是整个搜索体验的一个关键部分:它的质量从很大程度上决定了这场对话的有效性以及用户对系统的信任度。

搜索是用户和系统之间的一次谈话:用户输入他们所需要查询的信息,系统则显示其响应的结果。搜索的结果页面是用户体验一个至关重要的环节:它提供了一个系统与用户对话的机会,引导着用户的信息需求。

搜索就像用户和系统之间的对话:用户将他们的信息需求提交上来查询,系统针对提交的信息进行检索,再从界面上给用户以反馈,呈现为一组结果。所以,搜索结果页是搜索的最重要的组成部分之一,它满足了用户对于特定信息的需求。

在本文中,我想分享10个有效的设计指南,以帮助你改进搜索结果的用户体验:

在本文中,我想与大家分享10个将帮助改善搜索结果的用户体验建议

这篇文章中,我将搜索结果页的10项最佳实践列举出来,它们应当能够有效的帮你提升整个用户体验。

1、在用户点击搜索按钮后,不要清除用户的搜索关键词

同时也可以作为交互设计的搜索走查原则

1、点击搜索按钮之后,不要清除用户的查询内容

保留用户键入的关键词。 查询重组是许多信息浏览过程中关键的一个步骤。 如果用户找不到他们要查找的内容,他们可能会使用稍微修改的关键词再次搜索。为了方便用户,请在搜索框中保留初始的搜索关键词,这样他们就不必再次重新键入了。

1、在用户点击搜索按钮后不要清除他们输入的搜索内容

保留原始文本信息。不断的重复搜索是用户在使用搜索引擎时候的重要操作,如果用户在第一次搜索的时候没有找到需要的信息,他们会不断修改关键词来进行再一次的搜索。为了保证对用户更加友好,保留最初的输入信息,可以避免用户再次输入整个搜索的关键词。

对于用户的查询内容,在搜索结果页当中应当忠实地、完整地呈现出来。这不仅包含目前的搜索,而且应当涵盖之前的搜索内容。对于许多信息获取的过程而言,历史和当前查询内容都是关键信息,如果用户当前的搜索关键词找不到想要的结果的话,他们会稍加调整,并继续搜索。为了方便用户进行查询,最好在搜索框中保留初始的关键词,便于查看也便于调整进行下一次查询。

2、提供准确和相关的结果

2、提供准确以及相关结果

第一个结果页面是最重要的。搜索结果页面是用户体验的焦点部分,可以成就或者毁掉一个网站的转化率。用户通常做出快速判断一个网站的价值基于一两组搜索结果的质量。

一定要将准确的结果返回给用户,否则他们不会信任搜索工具。因此你的搜索结果需要进行一定的优化,并将所有重要信息显示在首页。

2、提供准确的和相关的搜索结果

第一屏结果页是黄金位置。搜索结果页是搜索体验的关键所在,搜索结果的质量可以在很大程度上提升/降低网站的转化率。用户通常会基于一两次/组搜索结果的质量对网站的应用价值进行非常快速的判断。

3、使用有效的自动建议

无效的自动建议带来的是糟糕的用户体验。比如一些根词的识别、预测用户输入、文本建议等功能可以帮助用户加快搜索过程。

搜索结果的第一页是至关重要的。必须承认,搜索结果页给用户提供的信息与体验是整个搜索体验的关键环节,搜索引擎的转化率好坏与否,与之息息相关。通常只需要通过一两次搜索,用户就能通过搜索结果页,快速地对整个搜索引擎的素质进行判断。

将准确的结果返回给用户显然很重要,否则他们便很难再信任搜索工具。 因此,你的搜索必须以合理的方式确定结果的优先级,将所有最重要的匹配都显示在第一页上。

4、识别拼写错误

打字是容易出错的。如果一个用户文件搜索词,你能够发现这个问题并告诉他们你猜测的结果,“纠正”搜索词可以避免挫败感。而目前一些糟糕的做法,甚至是苹果也会出现,出现一个无结果的搜索页面,迫使用户重新输入。

准确地将搜索结果反馈给用户是构建用户信任的基础。所以,搜索引擎需要确定结果的优先级,并且将匹配度最高的结果呈现在结果页上。

3、使用有效的自动提示

5、显示搜索结果的数量

显示可用的搜索条目的数量,这样用户可以决定他们想要花多长时间看结果。

3、使用有效的自动建议

无效的自动提示自然会使搜索体验大打折扣,一定要确保自动提示功能是有效的。 根词识别、文本预测都可以应用其中。这种做法有助于加快搜索过程,并让用户随时进行转换。

6、保留用户的搜索历史

即使用户熟悉搜索功能,搜索也会要求他们回忆以前是否搜索过相关信息。想出一个有意义的查询,用户需要考虑属性与他的目标并整合相关的查询。当设计一个搜索体验时你应该记住基本可用性规则:

无效的自动建议让整个搜索体验降低,而精准的自动建议会让整个体验好上许多,它会根据用户用户的输入内容(词汇词根和后台数据)为用户提供有用和精准的输入内容建议,这有助于帮助用户提高搜索过程的精准度,提升整个搜索体验。

4、纠正拼写错误

尊用用户的努力

你的站点应该储存最近的用户搜索行为,在他们下次进行搜索的时候提供给他们以往的搜索数据。

图片 1

打字本就是容易出错的。如果用户错误地输入了某个搜索关键词而你的搜索引擎又可以检测到该错误,则可以针对系统猜测和“更正”后的关键词显示搜索结果。这避免了由于没有返回任何结果,迫使用户重新输入关键词而导致的郁闷挫折感。

7、选择适当的页面布局

显示搜索结果的挑战之一是不同类型的内容需要不同的布局。两个基本的内容布局形式是列表视图和网格视图。一个经验法则:

4、内容纠错

在Apple商店搜索结果页上不支持查询重组

细节用列表,图片用网格。

比如家电产品有许多型号、评级、维度选等信息因素——所以选择列表视图最有意义。

网格视图是展示产品外观而非信息的不错选择。如服装,用户在作出选择是考虑的更多是产品的外观,这种类型的产品用户以视觉区别项目。

tips:一般情况下网站都会设计网格和列表两种显示方式供用户自定义,让他们依据搜索内容的属性来决定显示的方式。

输入错误绝对是最常见的错误,如果用户错误地输入某个关键词,而你的检测到了,并且针对错误提供更正之后的结果,这样就成功的规避了因为错误的关键词所导致的不良后果,用户也不用再次进行搜索了。

当发生打字错误时,Asos 很好地显示了替代结果,而不会令用户不愉快。 它使用“we also searched for Overcoats”这样的文字,措辞友好,考虑周到

8、显示搜索进度

理想情况下应立即显示搜索结果,但如果这是不可能的——一个进度指示器应该被用作系统反馈给用户。你应该给用户一个明确的迹象表明他们需要等待多长时间。如果搜索时间太久你可以使用动画。好的动画可以分散用户的注意力,让他们忽略长时间搜索。

图片 2

5、显示搜索结果的数量

9、提供排序和过滤选项

用户搜索词时变得不知所措导致看似不相关和或太多的结果。你应该为用户提供相关的过滤选项的搜索,并使他们每一次选择多个选项适用于过滤结果。

苹果的0条目的搜索页面并不支持搜索结果自动更正

显示有效的搜索结果的数量,以便用户自己决定他们要花费多长时间来查看这些结果。

10、不要返回“无结果”

在一个页面上没有结果可能是令人沮丧的,特别是如果他们试图搜索多次。在没有匹配的搜索结果为用户提供有价值的替代方案。

图片 3

匹配结果的数量有助于用户做出更明智的搜索

总结

搜索是建立一个网站的重要因素。用户期望可以顺利快速地在网站中寻找他们所要的东西,他们通常基于一个或两组搜索结果的质量判断网站的价值。一个优秀的搜索工具可以帮助用户快速轻松地找到他们想要的东西。

相反,Asos 在这方面就做的很好,当输入错误发生的时候,他们会尽量以无侵略性的方式来帮助客户,比如您的初始搜索为Overcoatt,我们也为您搜索了Overcoats的相关结果。

6、保留最近的搜索历史

5、显示搜索结果的数量

即使用户对搜索功能已经了然于心,每一次搜索也都需要用户从记忆中调用一些信息。为了想出一个有意义的搜索关键词,用户需要考虑到他要查找的目标所具有的相关属性,并将它们融合到查询条件中。在设计搜索体验时,你应该记住基本的可用性规则:

显示搜索结果的数量能够让用户更清楚他们需要在浏览结果这件事上花费的时间。

尊重用户的努力

图片 4

你应该保存所有最近的搜索历史,以便在下次进行搜索时更快的向用户提供该信息。

而搜索结果同时还能帮助用户针对下一次搜索,作出跟明确的调整和选择。

最近的搜索有利于用户节省他们在再次搜索相同信息时的时间和精力。

6、保留最近的用户查询

提示:显示的记录不要多于10条(并且不要显示滚动条),过多的信息会具有压倒性。

即使用户熟知搜索引擎的全部功能,也需要借助大脑记忆来挑选关键词,进行搜索。想要找出有意义的、可用的搜索关键词搭配,用户需要结合他们的搜索方向,最近的查询,联想相关的属性和关键词,最终促成一次成功的搜索。在设计整个搜索体验的过程中,你应该始终记住一点:

7、选用合适的页面布局

尊重用户的努力。

显示搜索结果的挑战之一是不同类型的内容需要不同的页面布局。而内容呈现的两个基本布局分别是列表视图和网格视图,经验法则表明:

你的网站应当存储所有最近的搜索,以便在用户进行下一次搜索的时候,提供这些数据。

网格重图片,列表重细节

图片 5

不妨看看产品页面的显示布局是如何应用这俩个原则的。此时,产品细节信息的重要与否决定了俩中不同的布局。对于类似家用电器这样的产品,诸如型号、评级和尺寸等细节是用户在选择购买过程中关注的主要因素,因此列表视图更有意义。

最近的搜索帮助用户节省了在相同内容搜索上所耗费的时间和精力。

列表视图更适合细节导向的布局

小贴士:尽量一次展示不超过10个条目,这样不会让用户觉得信息过载。

对于需要较少产品信息的产品,网格视图是一个很好的选择。像服装这样的产品,用户在挑选购买过程中对文字描述信息不会太关心,主要依赖于服装的外观设计做出决定。对于这种类型的产品,用户的关注点在于产品之间的视觉区别,他们宁愿在单个长页面上下滚动快速浏览,而不是在列表页面和产品详细页面之间重复切换。

7、选择合适的页面布局

网格视图更适合于视觉导向的布局

不同的内容其实需要不同的页面布局来支撑的,而我们最常见的两种布局,列表布局和栅格布局,应该能够满足绝大多数的需求。对于布局,我们的经验以一言以蔽之就是:

提示:

细节用列表展现,图片靠栅格支撑。

1)允许用户为搜索结果选择“列表视图”或“网格视图”,这样一来,用户便能选择他们更喜欢的方式来查看搜索结果。

让我们在Cotext 的产品页面中验证一下这一经验。产品的细节展现是非常重要的时刻,对于电子产品而言,需要呈现的配置信息非常的多,所以,列表视图是非常合理的。

允许用户通过一个视图菜单来更改布局

图片 6

2)当设计网格布局时,既要注意使图片大到足够用户识别和区分,又要确保足够小到每屏能显示更多的产品。

而对于相对产品信息更少的产品而言,栅格式的布局则是更好的选择。想服装这样的产品,少有需要借助文本式的产品信息来呈现其特征的,更多还是依靠图片和视觉设计,所以这类产品需要栅格式的布局,而不是冗长的内容信息。

8、显示搜索进度

图片 7

理想情况下,搜索结果应该做到即时显示,但如果做不到,则应该使用一个进度指示器向用户反馈当前的系统状态,而且能够清楚的指示他们需要等待多长时间。

小贴士:

Aviasales网站告诉用户,搜索将需要一些时间

允许用户选择列表视图和栅格视图,让用户选择他们更喜欢的方式来查看内容。

提示:如果搜索耗时过长,你可以使用动画。好的动画效果可以分散用户的注意力,使得他们忽略长时间的搜索过程。

图片 8

9、提供排序和筛选项

在设计栅格布局的时候,确保图片的尺寸合理,大到足以看清其中细节,而又不会太大,让用户一次尽量看到更多的条目。

当搜索结果跟用户输入的关键词看起来不相关并且/或搜索结果太多时,用户往往就会感到茫然。 你应该向用户提供与其搜索相关的筛选项,并使其能够在每次选择多个选项以筛选掉不必要的结果。

8、展示搜索过程

筛选项能有效的帮助用户缩小其结果范围,否则他们可能需要大量的滚动/翻页后才能找到满意的结果 

理想状况下,用户点击搜索按键之后,搜索结果会立刻显现出来。但是实际情况是,它通常是需要有一个过程的。通过进度条和动效让用户明白他们大概需要等多久,或者让等待的过程更加有趣。

提示:

图片 9

1)不要给用户太多的选择,否则可能淹没他们。如果你的搜索确实需要/包含大量筛选项,那么默认情况最好折叠隐藏起来一些(优先级相对次要一些的选项。

小贴士:动效可以有效的分散用户等待过程中的无聊感,让用户实际等待的体验更好。

2)不要把排序功能隐藏在筛选功能里面,它们本就是不同的任务。

9、提供排序和过滤的选项

3)当用户选择一个狭窄的搜索范围时,在结果页面的顶部明确说明该范围。

当用户看到的搜索结果过多,或者相关度较低的时候,会对搜索结果非常茫然。而排序和过滤的功能则能够很好的缓解这一情况。

10、不要返回”无结果”的状态

过滤和排序能够帮用户调整和缩小搜索结果,大幅度降低用户手工翻页筛选的工作量。

将用户置于没有任何搜索结果的页面(空页面)上难免会令人沮丧,尤其是他们尝试过几次搜索之后仍然没有结果。当他们的搜索没有任何匹配结果时,你应该避免让他们步入死胡同,应该考虑是不是能为用户提供其他有价值的替代品(例如,在线商店可以从相似类别中为用户推荐替代商品)。

图片 10

在HP示例中看到的“无结果”页面实际上是一条死胡同。它与在无结果页面上显示有价值的替代品形成鲜明对比,如Amazon示例中所示

小贴士:

结论

最重要的一点是不要让用户有太多的选择,如果搜索本身需要大量的筛选的话,那么默认尽量折叠或者隐藏一些相对不那么重要的结果。

搜索是构建有利可图的网站的关键要素。 用户在寻找和学习事物时期望获得平滑的体验,并且他们通常基于一组或两组搜索结果的质量对网站的价值做出非常快速的判断。 一个优秀的搜索工具应该帮助用户快速,轻松地找到他们想要的。

不要隐藏排序功能。

译自:

当用户筛选到了一个相对狭窄的搜索范围的时候,在结果页面的顶部对此范围进行标注和说明。

图片 11

10、不要告诉用户没有结果

什么都没搜到会让用户感到非常沮丧的,尤其是当用户进行了好几次搜索之后,依然没有结果。你应该尽量避免用户陷入死胡同,当用户没有搜到他们想要的内容之时,应当为他们提供有价值的替代品。

图片 12

结语

搜索引擎为一个网站所提供的价值是显而易见的,而可用性良好,体验平滑舒适的搜索结果页则能够让用户快速地判断出网站和搜索引擎的重要价值。

一个优秀的搜索引擎应当在结果页当中,为用户提供有效、有用、有价值的搜索结果。

原文地址:uxplanet原文作者:Nick Babich优设译文:陈子木

本文由吉林快3发布于新闻资讯,转载请注明出处:搜索结果的最佳实践分享,搜索结果设计的最佳

关键词: