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

2018-08-22

<p style="margin-right: auto; margin-left: auto; font-size: 16px; line-height: 2; color: rgb(51, 51, 51); word-wrap: break-word; word-break: break-word; width: 600px; font-family: "Microsoft Yahei", "Helvetica Neue", Helvetica, Arial, sans-serif; white-space: normal; background-color: rgb(255, 255, 255);"><br/></p><p style="margin-right: auto; margin-left: auto; font-size: 16px; line-height: 2; color: rgb(51, 51, 51); word-wrap: break-word; word-break: break-word; width: 600px; font-family: "Microsoft Yahei", "Helvetica Neue", Helvetica, Arial, sans-serif; white-space: normal; background-color: rgb(255, 255, 255);"><strong><span style="color: rgb(231, 76, 60); font-size: 20px;">什么是高级搜索?</span></strong></p><p style="margin-right: auto; margin-left: auto; font-size: 16px; line-height: 2; color: rgb(51, 51, 51); word-wrap: break-word; word-break: break-word; width: 600px; font-family: "Microsoft Yahei", "Helvetica Neue", Helvetica, Arial, sans-serif; white-space: normal; background-color: rgb(255, 255, 255);"><br/></p><p style="margin-right: auto; margin-left: auto; font-size: 16px; line-height: 2; color: rgb(51, 51, 51); word-wrap: break-word; word-break: break-word; width: 600px; font-family: "Microsoft Yahei", "Helvetica Neue", Helvetica, Arial, sans-serif; white-space: normal; background-color: rgb(255, 255, 255);"><span style="font-size: 14px;">搜索是一种从巨大内容中查找所需信息的方法。<strong>基础搜索</strong>是用于查找项目的单个参数(通常是名称)。<strong>高级搜索</strong>是一种通过指定包含多个参数的条件从大型项目列表中查找内容的方法。</span></p><p style="margin-right: auto; margin-left: auto; font-size: 16px; line-height: 2; color: rgb(51, 51, 51); word-wrap: break-word; word-break: break-word; width: 600px; font-family: "Microsoft Yahei", "Helvetica Neue", Helvetica, Arial, sans-serif; white-space: normal; background-color: rgb(255, 255, 255);"><br/></p><p style="margin-right: auto; margin-left: auto; font-size: 16px; line-height: 2; color: rgb(51, 51, 51); word-wrap: break-word; word-break: break-word; width: 600px; font-family: "Microsoft Yahei", "Helvetica Neue", Helvetica, Arial, sans-serif; white-space: normal; background-color: rgb(255, 255, 255);"><span style="font-size: 14px;">我们来看一些示例并提取最佳实践,这些实践会帮助你设计简单有效的用户体验,在设计产品时执行高级搜索。</span></p><p style="margin-right: auto; margin-left: auto; font-size: 16px; line-height: 2; color: rgb(51, 51, 51); word-wrap: break-word; word-break: break-word; width: 600px; font-family: "Microsoft Yahei", "Helvetica Neue", Helvetica, Arial, sans-serif; white-space: normal; background-color: rgb(255, 255, 255);"><br/></p><p style="margin-right: auto; margin-left: auto; font-size: 16px; line-height: 2; color: rgb(51, 51, 51); word-wrap: break-word; word-break: break-word; width: 600px; font-family: "Microsoft Yahei", "Helvetica Neue", Helvetica, Arial, sans-serif; white-space: normal; background-color: rgb(255, 255, 255);"><br/></p><p style="margin-right: auto; margin-left: auto; font-size: 16px; line-height: 2; color: rgb(51, 51, 51); word-wrap: break-word; word-break: break-word; width: 600px; font-family: "Microsoft Yahei", "Helvetica Neue", Helvetica, Arial, sans-serif; white-space: normal; background-color: rgb(255, 255, 255);"><br/></p><p style="margin-right: auto; margin-left: auto; font-size: 16px; line-height: 2; color: rgb(51, 51, 51); word-wrap: break-word; word-break: break-word; width: 600px; font-family: "Microsoft Yahei", "Helvetica Neue", Helvetica, Arial, sans-serif; white-space: normal; background-color: rgb(255, 255, 255);"><strong><span style="color: rgb(231, 76, 60); font-size: 20px;">如何进行高级搜索?</span></strong></p><p style="margin-right: auto; margin-left: auto; font-size: 16px; line-height: 2; color: rgb(51, 51, 51); word-wrap: break-word; word-break: break-word; width: 600px; font-family: "Microsoft Yahei", "Helvetica Neue", Helvetica, Arial, sans-serif; white-space: normal; background-color: rgb(255, 255, 255);"><br/></p><p style="margin-right: auto; margin-left: auto; font-size: 16px; line-height: 2; color: rgb(51, 51, 51); word-wrap: break-word; word-break: break-word; width: 600px; font-family: "Microsoft Yahei", "Helvetica Neue", Helvetica, Arial, sans-serif; white-space: normal; background-color: rgb(255, 255, 255);"><span style="font-size: 14px;">高级搜索选项通常位于用户界面上的基本搜索框附近,便于用户可以轻松找到。</span></p><p style="margin-right: auto; margin-left: auto; font-size: 16px; line-height: 2; color: rgb(51, 51, 51); word-wrap: break-word; word-break: break-word; width: 600px; font-family: "Microsoft Yahei", "Helvetica Neue", Helvetica, Arial, sans-serif; white-space: normal; background-color: rgb(255, 255, 255);"><br/></p><p style="margin-right: auto; margin-left: auto; font-size: 16px; line-height: 2; color: rgb(51, 51, 51); word-wrap: break-word; word-break: break-word; width: 600px; font-family: "Microsoft Yahei", "Helvetica Neue", Helvetica, Arial, sans-serif; white-space: normal; background-color: rgb(255, 255, 255);"><span style="font-size: 14px;">用户定义搜索过滤器并将其应用在大数据上以缩小其范围。通过添加不同的参数来创建过滤器。例如,搜索的内容列表,参数可以是名称,ID,类型,状态,创建日期,作者等。用户选择参数并定义它的价值。一个参数可以有一组用于选择的值,例如类型可以是图片,文档,PDF等。</span></p><p style="margin-right: auto; margin-left: auto; font-size: 16px; line-height: 2; color: rgb(51, 51, 51); word-wrap: break-word; word-break: break-word; width: 600px; font-family: "Microsoft Yahei", "Helvetica Neue", Helvetica, Arial, sans-serif; white-space: normal; background-color: rgb(255, 255, 255);"><br/></p><p style="margin-right: auto; margin-left: auto; font-size: 16px; line-height: 2; color: rgb(51, 51, 51); word-wrap: break-word; word-break: break-word; width: 600px; font-family: "Microsoft Yahei", "Helvetica Neue", Helvetica, Arial, sans-serif; white-space: normal; background-color: rgb(255, 255, 255);"><span style="font-size: 14px;">为特定标准定义的多个参数构成过滤器。用户可以定义并保存过滤器以供以后使用。执行搜索时,显示结果,用户可以查看并进一步缩小这些结果的范围。</span></p><p style="margin-right: auto; margin-left: auto; font-size: 16px; line-height: 2; color: rgb(51, 51, 51); word-wrap: break-word; word-break: break-word; width: 600px; font-family: "Microsoft Yahei", "Helvetica Neue", Helvetica, Arial, sans-serif; white-space: normal; background-color: rgb(255, 255, 255);"><br/></p><p style="margin-right: auto; margin-left: auto; font-size: 16px; line-height: 2; color: rgb(51, 51, 51); word-wrap: break-word; word-break: break-word; width: 600px; font-family: "Microsoft Yahei", "Helvetica Neue", Helvetica, Arial, sans-serif; white-space: normal; background-color: rgb(255, 255, 255);"><span style="font-size: 14px;">这就是高级搜索的工作原理。</span></p><p style="margin-right: auto; margin-left: auto; font-size: 16px; line-height: 2; color: rgb(51, 51, 51); word-wrap: break-word; word-break: break-word; width: 600px; font-family: "Microsoft Yahei", "Helvetica Neue", Helvetica, Arial, sans-serif; white-space: normal; background-color: rgb(255, 255, 255);"><br/></p><p style="margin-right: auto; margin-left: auto; font-size: 16px; line-height: 2; color: rgb(51, 51, 51); word-wrap: break-word; word-break: break-word; width: 600px; font-family: "Microsoft Yahei", "Helvetica Neue", Helvetica, Arial, sans-serif; white-space: normal; background-color: rgb(255, 255, 255);"><span style="font-size: 14px;">下面介绍了一些用于高级搜索用户界面定义简单直观的用户体验的案例和最佳实践。</span></p><p style="margin-right: auto; margin-left: auto; font-size: 16px; line-height: 2; color: rgb(51, 51, 51); word-wrap: break-word; word-break: break-word; width: 600px; font-family: "Microsoft Yahei", "Helvetica Neue", Helvetica, Arial, sans-serif; white-space: normal; background-color: rgb(255, 255, 255);"><br/></p><p style="margin-right: auto; margin-left: auto; font-size: 16px; line-height: 2; color: rgb(51, 51, 51); word-wrap: break-word; word-break: break-word; width: 600px; font-family: "Microsoft Yahei", "Helvetica Neue", Helvetica, Arial, sans-serif; white-space: normal; background-color: rgb(255, 255, 255);"><br/></p><p style="margin-right: auto; margin-left: auto; font-size: 16px; line-height: 2; color: rgb(51, 51, 51); word-wrap: break-word; word-break: break-word; width: 600px; font-family: "Microsoft Yahei", "Helvetica Neue", Helvetica, Arial, sans-serif; white-space: normal; background-color: rgb(255, 255, 255);"><br/></p><p style="margin-right: auto; margin-left: auto; font-size: 16px; line-height: 2; color: rgb(51, 51, 51); word-wrap: break-word; word-break: break-word; width: 600px; font-family: "Microsoft Yahei", "Helvetica Neue", Helvetica, Arial, sans-serif; white-space: normal; background-color: rgb(255, 255, 255);"><span style="color: rgb(231, 76, 60); font-size: 20px;"><strong>一、如何添加搜索参数</strong></span></p><p style="margin-right: auto; margin-left: auto; font-size: 16px; line-height: 2; color: rgb(51, 51, 51); word-wrap: break-word; word-break: break-word; width: 600px; font-family: "Microsoft Yahei", "Helvetica Neue", Helvetica, Arial, sans-serif; white-space: normal; background-color: rgb(255, 255, 255);"><br/></p><p style="margin-right: auto; margin-left: auto; font-size: 16px; line-height: 2; color: rgb(51, 51, 51); word-wrap: break-word; word-break: break-word; width: 600px; font-family: "Microsoft Yahei", "Helvetica Neue", Helvetica, Arial, sans-serif; white-space: normal; background-color: rgb(255, 255, 255);"><span style="font-size: 14px;">搜索参数和参数值可以以不同方式显示。</span></p><p style="margin-right: auto; margin-left: auto; font-size: 16px; line-height: 2; color: rgb(51, 51, 51); word-wrap: break-word; word-break: break-word; width: 600px; font-family: "Microsoft Yahei", "Helvetica Neue", Helvetica, Arial, sans-serif; white-space: normal; background-color: rgb(255, 255, 255);"><br/></p><p style="margin-right: auto; margin-left: auto; font-size: 16px; line-height: 2; color: rgb(51, 51, 51); word-wrap: break-word; word-break: break-word; width: 600px; font-family: "Microsoft Yahei", "Helvetica Neue", Helvetica, Arial, sans-serif; white-space: normal; background-color: rgb(255, 255, 255);"><span style="color: rgb(231, 76, 60); font-size: 14px;"><strong>1. 前端用户界面上可用的所有参数</strong></span></p><p style="margin-right: auto; margin-left: auto; font-size: 16px; line-height: 2; color: rgb(51, 51, 51); word-wrap: break-word; word-break: break-word; width: 600px; font-family: "Microsoft Yahei", "Helvetica Neue", Helvetica, Arial, sans-serif; white-space: normal; background-color: rgb(255, 255, 255);"><br/></p><p style="margin-right: auto; margin-left: auto; font-size: 16px; line-height: 2; color: rgb(51, 51, 51); word-wrap: break-word; word-break: break-word; width: 600px; font-family: "Microsoft Yahei", "Helvetica Neue", Helvetica, Arial, sans-serif; white-space: normal; background-color: rgb(255, 255, 255);"><span style="font-size: 14px;">高级搜索页面在前端用户界面上显示所有可用参数,用户无需显式添加参数。他只需根据所需参数选择值即可。这称为分面搜索。</span></p><p style="margin-right: auto; margin-left: auto; font-size: 16px; line-height: 2; color: rgb(51, 51, 51); word-wrap: break-word; word-break: break-word; width: 600px; font-family: "Microsoft Yahei", "Helvetica Neue", Helvetica, Arial, sans-serif; white-space: normal; background-color: rgb(255, 255, 255);"><br/></p><p style="margin-right: auto; margin-left: auto; font-size: 16px; line-height: 2; color: rgb(51, 51, 51); word-wrap: break-word; word-break: break-word; width: 600px; font-family: "Microsoft Yahei", "Helvetica Neue", Helvetica, Arial, sans-serif; white-space: normal; background-color: rgb(255, 255, 255);"><span style="font-size: 14px;">Microsoft招聘页面在左侧面板中显示搜索参数。默认情况下,所有参数都处于折叠状态,用户可以逐个展开它们并选择值。</span></p><span style="font-size: 14px;"><br/></span>

入驻中山跨境网
获得更多海外客户

与DVU中山携手,为您开发更多新客户

为你提供更好的海外获客方案

139 249 66667

( 微信同号 )