1310-6499-520
今天是:
站内搜索:  
您的当前位置:主页 > 知识博客 > 设计管理 >
联系我们

名称:九分网络科技

联系:13106499520

地址:福建省福州市仓山区金榕南路553号


扫一扫添加微信

这10个关键点,让你的搜索结果页看起来足够专业--九分科技

时间:2020-07-01   分类:设计管理    作者:网络   来源:网络整理   点击:173

编者注:Nick Babich的UI / UX系列文章是当前最现实的设计系列。 它考虑了设计规则,最佳实践和实际案例。 值得学习。 今天的文章讨论搜索结果页面的设计,并结合上一篇文章“设计一个完美的搜索框,您需要注意这9个元素”,味道更好〜
 
 Search就像是 用户与系统的对话:用户提交其信息查询需求,系统检索所提交的信息,然后从界面提供用户反馈以呈现一组结果。 因此,搜索结果页面是搜索中最重要的组成部分之一,它满足了用户对特定信息的需求。  
 
在本文中,我在搜索结果页面上列出了10个最佳实践,它们应该能够有效地帮助您改善整个用户体验。  
 
 1.单击搜索按钮后,请勿清除用户的查询内容。
对于用户的查询内容,应如实且完整地显示在搜索结果页面中。 这不仅包括当前搜索,还包括先前的搜索内容。 对于许多信息获取过程,历史记录和当前查询内容都是关键信息。 如果用户当前的搜索关键字找不到所需的结果,他们将对其进行一些调整并继续搜索。 为了方便用户进行查询,最好将初始关键字保留在搜索框中,以便于查看和调整下一个查询。  
 
 2。 提供准确和相关的搜索结果
搜索结果的首页至关重要。 必须承认,搜索结果页面提供给用户的信息和体验是整个搜索体验的关键部分,而搜索引擎的转换率是否良好与之密切相关。 通常只需要进行一次或两次搜索,并且用户可以通过搜索结果页面快速判断整个搜索引擎的质量。  
 
将搜索结果准确反馈给用户是建立用户信任的基础。 因此,搜索引擎需要确定结果的优先级,并在结果页面上显示最高匹配的结果。  
 
 3。 使用有效的自动建议
无效的自动建议将减少整个搜索体验,而准确的自动建议将使整个体验更好。 它将基于用户的输入(词汇根)和背景数据为用户提供有用且准确的输入内容建议,从而帮助用户提高搜索过程的准确性并增强整个搜索体验。

  九分网络

这10个关键点,让你的搜索结果页看起来足够专业

九分网络

 

copyright 9fen.net

4、内容纠错

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

 

九分网络

这10个关键点,让你的搜索结果页看起来足够专业

内容采集来自9fen.net

 

www.9fen.net

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

内容采集来自9fen.net

  copyright 9fen.net

这10个关键点,让你的搜索结果页看起来足够专业 本文来自九分网络

 

内容采集来自9fen.net

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

copyright 9fen.net

5、显示搜索结果的数量

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

copyright 9fen.net

  内容采集来自9fen.net

这10个关键点,让你的搜索结果页看起来足够专业

copyright 9fen.net

  九分网络

搜索结果还可以帮助用户为下一次搜索做出明确的调整和选择。  
 
 6。 保留最近的用户查询
即使用户熟悉搜索引擎的所有功能,他们也需要使用大脑记忆来选择关键字并进行搜索。 为了找到有意义且可用的搜索关键字组合,用户需要组合其搜索方向,最近的查询,与关联相关的属性和关键字,最终最终可以成功进行搜索。 在设计整个搜索体验时,您应该始终记住一件事:
 
尊重用户的努力。  
 
您的网站应存储所有最近的搜索,以在用户下次搜索时提供这些数据。

 

www.9fen.net

这10个关键点,让你的搜索结果页看起来足够专业

www.9fen.net

  本文来自九分网络

最近的搜索帮助用户节省了搜索相同内容的时间和精力。  
 
提示:尝试一次显示不超过10个项目,以使用户不会感到信息过多。  
 
 7。 选择正确的页面布局#p#分页题#e#
不同的内容实际上需要不同的页面布局来支持,而我们最常见的两种布局,即列表布局和网格布局应该能够满足大多数需求。 对于布局,我们的经验可以用一个词来概括:
 
详细信息显示在列表中,并且图片受网格支持。  
 
让我们在Cotext的产品页面上验证这种体验。 产品详细信息的显示是非常重要的时刻。 对于电子产品,需要显示很多配置信息,因此列表视图非常合理。

 

copyright 9fen.net

这10个关键点,让你的搜索结果页看起来足够专业

内容采集来自9fen.net

  www.9fen.net

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

copyright 9fen.net

  www.9fen.net

这10个关键点,让你的搜索结果页看起来足够专业

本文来自九分网络

  内容采集来自9fen.net

小贴士: 本文来自九分网络

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

内容采集来自9fen.net

  本文来自九分网络

这10个关键点,让你的搜索结果页看起来足够专业 本文来自九分网络

 

copyright 9fen.net

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

本文来自九分网络

8、展示搜索过程

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

  本文来自九分网络

这10个关键点,让你的搜索结果页看起来足够专业

www.9fen.net

  九分网络

提示:动作效果可以有效地分散用户在等待过程中的无聊感,使用户的实际等待体验更好。  
 
 9。 提供排序和过滤选项
当用户看到太多搜索结果或相关性很低时,搜索结果将变得非常模糊。 排序和过滤功能可以很好地缓解这种情况。  
 
过滤和排序可以帮助用户调整和缩小搜索结果的范围,从而大大减少了用户手动翻页进行过滤的工作量。

  本文来自九分网络

这10个关键点,让你的搜索结果页看起来足够专业

九分网络

  本文来自九分网络

小贴士:

本文来自九分网络

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

·不要隐藏排序功能。 copyright 9fen.net

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

内容采集来自9fen.net

 

本文来自九分网络

这10个关键点,让你的搜索结果页看起来足够专业 本文来自九分网络

  copyright 9fen.net

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

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

本文来自九分网络

 

内容采集来自9fen.net

这10个关键点,让你的搜索结果页看起来足够专业 copyright 9fen.net

  内容采集来自9fen.net

结论
搜索引擎为网站提供的价值是显而易见的,并且可用性,体验流畅且舒适的搜索结果页面使用户可以快速判断网站和搜索引擎的重要价值。  
 
出色的搜索引擎应在结果页面上为用户提供有效,有用和有价值的搜索结果。

 

内容采集来自9fen.net

标签: 经验分享 优设 搜索 搜索引擎 搜索框设计 搜索结果页

郑重声明:本文版权归原作者所有,九分网络转载文章仅为传播更多信息之目的,如作者信息标记有误,请第一时间联系我们修改或删除,多谢。


九分网络专业提供公众号、小程序、PC及移动端站点搭建!网站程序及服务器维护:13106499520。微信:452570709

----相关文章----