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

UI / UI设计教程 / UI教程 /      

uimaker
UI设计师 / 江苏 南京

来源:网络   作者:佚名

关键词

Image title

Microsoft招聘页面显示页面顶部的结果数

分析:

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

7. 空白结果

如果搜索结果不包含任何项目,就需要优雅地处理。

eBay显示空白结果的消息。但他所显示的项目更接近标准的搜索条件。

Image title

eBay:未找到匹配的结果

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

Image title

Amazon:未找到匹配的结果

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

Image title

Linkedin:未找到匹配的结果

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

Image title

Microsoft招聘:未找到匹配的结果

分析:

a. 为用户提供一些回应空白搜索结果的建议。

b. eBay似乎是最好的例子。它会给出的标准结果和几个已定义的参数相匹配。用户更改一个或多个参数查看更新的结果会更容易。

六、过滤搜索结果

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

排序选项帮助用户按所需顺序对结果进行排序。

用户还可以在首选布局中更改查看结果的视图方式。

eBay提供排序,更改视图,过滤和分组选项以缩小搜索结果范围。

Image title

eBay:提供排序,更改视图,过滤,分组等选项以缩小搜索结果范围

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

Image title

Twitter:搜索结果包含过滤器和搜索选项,以优化搜索结果

分析:

a. 过滤器可用于进一步限制结果的数量。

b. 但在结果页面上提供大量过滤器并不是一个好想法,这会让用户对结果的搜索感到困难。确定一些帮助用户过滤结果的逻辑过滤器。

七、如何保存并访问过滤器

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

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

Image title

eBay:用户可以使用“保存此搜索”选项保存已定义的参数

Image title

eBay:保存已定义的参数

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

Image title

eBay:可以根据要求执行和更新已保存的搜索

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

可以对选定的过滤器应用不同的功能,包括重命名、复制和删除。

Image title

Jira:保存过滤器

Image title

Jira:左侧面板中显示保存的过滤器

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

Image title

Twitter:使用下拉菜单中的选项保存搜索

Image title

Twitter:在搜索菜单中显示保存的过滤器

分析:

a. 应在高级搜索页面上提供保存搜索的选项,方便用户可以定义过滤器并对其进行保存。

b. 用户应能轻松访问过滤器并在其上执行不同的功能,如执行、编辑或删除。

八、如何退出搜索模式

提供一个退出选项以便用户返回到启动搜索的屏幕。

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

分析:

a. 在高级搜索页面上需要显示简洁易懂的选项

九、技术用户的高级模式

查询式搜索适用于技术用户。

用户可以在搜索框中编写复杂的SQL查询(结构化查询语言)。

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

Image title

Microsoft Outlook提供查询式搜索

Jira是提供即时帮助的高级搜索选项一个很棒的例子。

Image title

当用户编写搜索查询时,Jira提供即时帮助

Image title

Image title

当用户编写搜索查询时,Jira提供即时帮助

Image title

当用户编写搜索查询时,Jira提供即时帮助

分析:

a. 当用户编写查询时,需要提供正确即时的帮助。

b. 与用户的显式执行操作相比,查询格式的运行时评估更有帮助。

结论

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

 收藏