高级搜索设计:如何提升用户体验?

高级搜索设计:如何提升用户体验?

2019-10-04 10:57

  搜索是一种从巨大内容中查找所需信息的方法。基础搜索是用于查找项目的单个参数(通常是名称)。高级搜索是一种通过指定包含多个参数的条件从大型项目列表中查找内容的方法。我们来看一些示例并提取最佳实践,这些实践会帮助你设计简单有效的用户体验,在设计产品时执行高级搜索。

  用户定义搜索过滤器并将其应用在大数据上以缩小其范围。通过添加不同的参数来创建过滤器。例如,搜索的内容列表,参数可以是名称,ID,类型,状态,创建日期,作者等。用户选择参数并定义它的价值。一个参数可以有一组用于选择的值,例如类型可以是图片,文档,PDF等。

  为特定标准定义的多个参数构成过滤器。用户可以定义并保存过滤器以供以后使用。执行搜索时,显示结果,用户可以查看并进一步缩小这些结果的范围。

  下面介绍了一些用于高级搜索用户界面定义简单直观的用户体验的案例和最佳实践。

  高级搜索页面在前端用户界面上显示所有可用参数,用户无需显式添加参数。他只需根据所需参数选择值即可。这称为分面搜索。

  Microsoft的职业页面在左侧面板中显示搜索参数。默认情况下,所有参数都处于折叠状态,用户可以逐个展开它们并选择值。

  此方法在前端用户界面上显示常用的搜索参数。参数显示在下拉菜单中,用户可以从菜单中选择所需的参数。

  单击“更多”选项会显示一个菜单,其中列出可添加到搜索条件的可用参数。每次用户想要添加参数时,都会转到“更多”并从列表中选择所需的选项。

  Twitter显示一个搜索表单,用于定义包含参数输入框的搜索条件,以便用户可以输入所需的值。

  如果用户可以为所选参数选择多个选项,就会显示多选框列表。此多选框列表可以作为单独的列表提供,也可以封装在下拉菜单中节省空间。

  当用户展开参数名称时,Microsoft招聘搜索页面会显示参数的可用选项。此外,可以在下图中看到输入框可用于在值内搜索。

  Linkedin工作搜索以多选框列表的形式在下拉菜单中显示所选参数的选项。

  Amazon使用选择性隐藏的父级超链接方法。“部门”是显示部门列表的主要级别链接。当用户选择部门时,Amazon隐藏了指向其他部门的链接。这意味着用户现在只能关注所选部门的详细信息。

  但eBay不隐藏任何内容,无论是否选择了链接,层次结构中的所有链接仍然可见且可访问。

  eBay在搜索方面以及高级搜索表单中显示单选选项,用户可以在其中为参数选择单个选项。

  用户在进行选择后必须明确执行搜索时,可以用单选按钮。否则,超链接是在运行时显示结果的更好方法。

  eBay的每个参数都会显示7-8项目。选择每个参数旁边的“查看全部”选项会显示对话框内的所有值。

  Amazon使用相同的方法,在搜索方面的参数显示为8-10个值。选择“查看更多”选项时,可以看到剩余值。但如果计数值非常大,所有值都会在单独的页面上显示。

  Microsoft招聘页面在侧边滑动条上显示的所有值。为用户方便选择,他们在每个参数的顶部提供了一个搜索框。

  由于值以列表的形式显示为清单、单选选项和超链接。列表中显示选项数量的通用准则适用于此处。

  最佳方法是在小于8时显示所有值。如果大于8,仅使用“更多”选项显示常用值。当项目数仍然超出时,在扩展列表或对话框中提供剩余项目。

  用值显示可用项目的计数是向用户提供所要执行搜索的项目数量的一种好方法。

  在运行时执行搜索为用户提供愉快简单的体验,在每次点击后用户便可以看到结果。

  按下按钮时执行搜索时需要用户设置所有参数,单击按钮以查看结果。如果用户想要在每次更改后查看结果,则每次更改参数时都必须单击该按钮。

  另外,如果用户想要回到以前的状态,他必须恢复所有更改,况且他很可能已经忘记了已定义的选项。

  在执行搜索时,内容按照已定义的过滤器显示。显示搜索结果时应该考虑几个因素。

  Twitter在单独的屏幕上显示搜索参数。单击“应用”按钮会打开搜索结果。

  Linkedin列出所有搜索参数显示扩展区域。单击“应用”按钮将关闭此区域显示的结果。

  Microsoft招聘提供搜索结果的参数面板。加载结果时,仅自动刷新结果区域。

  搜索操作需要一些时间显示结果。香港正版免费资料。在等待期间,显示关于搜索功能的进展的反馈。

  Microsoft招聘的显示加载图标是提供搜索结果将在一段时间内显示的指示。

  搜索结果通常包含需要在多个页面上显示的大内容。分页或无限滚动用于导航内容。

  搜索结果显示了应用于生成结果的过滤器列表。用户可以删除任何应用的过滤器,并相应地更新搜索结果。

  eBay在搜索结果的顶部列出了所有应用的过滤器。用户可以删除任何他想要删除的过滤器。单击“全部清除”选项将立即删除所有过滤器。

  eBay:所有应用的过滤器都列在搜索结果的顶部。用户可删除不再需要的过滤器。

  Linkedin在顶部显示应用的过滤器。由于所有过滤器前端的用户界面都不可见,因此“清除”选项会显示应用过滤器的数量。单击“全部过滤器”选项时,应用过滤器的详细信息将显示在扩展面板中。

  Linkedin:应用过滤器列表显示在页面顶部。要查看所有应用的过滤器,用户单击“所有过滤器”选项。

  结果计数是可帮助用户了解为应用过滤器生成的结果数量,并查看它们所需导航数量的一种有用信息。

  Amazon显示空结果的消息。所有内容都显示在结果区域中,表示未应用过滤器。

  Linkedin因为没有找到结果,会显示一条供用户再次检查标准定义的指令。

  Microsoft招聘显示零结果消息。它没有对用户显示任何建议列表或说明。

  搜索结果通常包含很多用户信息。最好提供一些用户可以在结果上应用的逻辑过滤器。

  Twitter搜索结果包含顶部的类型明智过滤器和左侧面板中的属性明智搜索过滤器。这些可以帮助用户进一步优化搜索结果。

  保存应用的搜索过滤器,以便可以用于以后的搜索是一种常见做法。也可以选择已保存的过滤器并进行更改以创建新过滤器。

  eBay中的搜索结果和用户点击“保存此搜索”选项,保存此过滤器。使用基于定义的过滤器的自动生成的名称保存过滤器。填充的心形图标和“已保存”文本显示已保存过滤器。

  用户可以通过转到“My eBay”设置来访问此保存的过滤器。过滤器列表提供了用户可以在过滤器上应用的一些功能:排序,编辑搜索过滤器,查看结果。

  ira在搜索页面上提供了“另存为”选项,用户可以单击该选项,命名搜索过滤器并保存。保存的过滤器显示在左侧面板中,用户只需单击过滤器即可执行。

  Twitter在搜索结果页面的下拉列表中提供“保存过滤器”选项。过滤器以默认名称保存,可以再次单击菜单中的搜索框进行访问。

  eBay,Microsoft招聘,黑码堂一肖中特,Linkedin都提供清除所有应用过滤器的“清除”选项,此为退出搜索模式。

  Microsoft Outlook提供查询式搜索。但当用户输入查询参数时,无法看到任何帮助。

  提供执行高级搜索的简化体验是一个挑战。可通过在设计高级搜索屏幕时遵循最佳实践来实现。

  公众号「女神进化论」选题分析:如何利用聚类分析和人物角色(Persona)选题?

  人人都是产品经理(是以产品经理、运营为核心的学习、交流、分享平台,集媒体、培训、社群为一体,全方位服务产品人和运营人,成立9年举办在线+期,线+场,产品经理大会、运营大会20+场,覆盖北上广深杭成都等15个城市,在行业有较高的影响力和知名度。平台聚集了众多BAT美团京东滴滴360小米网易等知名互联网公司产品总监和运营总监,他们在这里与你一起成长。

风生水起高手心水论坛| 一肖三码中特图大公开| 香港陆和彩白小姐平码| 2019年香港历史开奖记录| 香港神算正版| 富甲一方高手坛| 香港图片管家婆图| 港京图库最早图库| 霸王龙六合网| 金财神|