从3个阶段,解析B端搜索功能设计 收藏

UI交互2023-03-22

引言

搜索作为最常用的功能,在 产品设计 中使用率高、应用面广。设计时基本以一个输入框的形式解决,却忽略了很多设计细节。B 端搜索一般具有搜索目的明确、数据量大、注重结果精确度等特征,针对文字类搜索,结合实际工作与近期调研总结成文,希望给大家带来参考~

5000字干货!全方位解析搜索历史设计 之前给团队招人面试,发现很多设计师朋友在回答「这里为什么这么设计」时,基本都从好看、美观的角度来解释。

阅读文章 >

一、用户诉求 用户使用搜索功能时,一般是想从海量信息中获取自己所需的信息。当想要得到的结果清晰、具体,且明确知道如何找到该结果,常是输入较详细的条件后进行搜索。当用户清楚知道自己想要得到的结果,但对输入条件模糊时,通常输入部分条件,再通过对内容进行筛选,逐级精确结果。

通过挖掘用户诉求,来分析 B 端场景下的搜索功能设计。

二、搜索流程 搜索功能可以分为搜索前、搜索中、搜索后三个步骤。

1. 搜索前 找到搜索入口是搜索流程的第一步,而搜索入口的位置取决于产品对搜索功能的定位。

Dawn Shikh 与 Keisi Lenz 的一项研究:展示了在 142 个参与者的调查中,网站搜索框的期望位置。研究发现,对用户来说最方便使用的地方是网站的左上角与右上角位置。用户可以使用常见的 F 形扫描模式轻松找到它。

来源:网络

如图,搜索框放置在页面中上方与页面右上角是用户最期望的位置,当搜索为产品核心功能时,搜索框一般放置在页面中心偏上位置,常见于搜索引擎与数据库首页;当搜索为产品辅助功能时,搜索框放置在页面左上方/右上方,使用户能够随时找到搜索入口。

搜索方式包含全局搜索与定向搜索两种。

全局搜索

全局搜索指在用户输入关键词后,程序自动匹配系统内的结果信息,使用过程简单便捷,侧重搜索结果的丰富度,但精确率不高,需要通过二次筛选来逐级精确结果。

定向搜索

通常我们进行搜索时都是无序的,只需要简单输入关键词即可搜索相关内容,定向搜索是由用户选定搜索范围后再进行搜索。适用于注重搜索结果的精准性或展示产品搜索能力等场景。

常见有下拉框型、Tab 型、组合型三种设计形式。

下拉框型:

明确并固定选项类别,降低用户操作难度。下拉筛选适合的选项类别有限,不适合多类别、复杂维度的分类。

Tab 型:

平铺展示搜索条件内容,每个 Tab 标签代表一个筛选维度,操作便捷。Tab 标签的数量不宜过多。

组合型:

B 端类产品数据量丰富,在实际使用时,简单的方式很难全面覆盖到各个搜索场景,精准定位搜索结果。所以通过多个筛选维度的结合,形成多属性的组合搜索,能够大幅提升搜索结果的准确性。

此外,高级搜索是在定向搜索的基础上,进一步丰富了搜索选项,比如指定搜索的时间范围、数据类型等,设置的选项越详细越能够提升搜索结果的效果和准确性。

在设计时需要注意,B 端系统用户角色多,层次不同,所以更加需要注重搜索前的引导,针对搜索规则、搜索限制等,应适时的以简练易懂的语言提示。

2. 搜索中 搜索中概括为搜索提示、状态反馈两方面。

搜索提示:

1)搜索联想

通过已输入的关键词来预测可以找到的搜索结果,为用户创造更加便捷的体验。在有权限控制的 B 端系统中,需要注意搜索的隐私保护或不启用搜索联想功能。

2)搜索历史

保留历史搜索记录,方便用户快速定位以前的搜索内容,无需再次输入。

3)搜索推荐

热门搜索推荐、或通过算法向用户推荐相近内容,拓宽用户的搜索思路,激发用户对潜在事物的兴趣。

状态反馈:

对用户的输入内容及时反馈,如输入限制、输入格式错误等。

3. 搜索后 搜索结果中隐含着搜索逻辑,全局搜索场景下多数为模糊搜索,即把与搜索关键词详尽的内容页反馈出来,匹配度低,需要花时间对结果二次筛选。

B 端中对数据结果的筛选重结果查看与数据操作,总结出以下场景需求:

快速浏览数据,并能够准确找到数据。 需要经常变换条件的组合迭代查询数据,对查询结果精准定位。 对数据进行操作,如收藏、删除、下载等。 针对这三类场景介绍两种常用的筛选布局方式。

上下布局

上下布局中筛选条件位于数据顶部,是当前最常用的方式。

优点:上下布局中筛选条件与结果数据的联系更为紧密,能够更好适应用户的高频操作,适合横向数据项较多时使用。

缺点:可扩展性稍差,当筛选项多时可将筛选项按优先级排布,折叠低频筛选,显示高频筛选,保证屏效。

左右布局

左右布局指筛选条件位于页面的左侧或者右侧。

优点:节省页面横向空间,能够展示更多筛选条件,可扩展性强。

缺点:用户对照筛选条件查看数据的耗时变长。

特殊场景下,系统通过对用户输入的语义的理解,判断结果与用户搜索的相关性,按照实际搜索意图对结果进行前后排序。

如在天眼查中搜索“刘强东”,搜索结果根据社会影响力优先判断搜索项,展示搜索结果。

小结 以上就是对 B 端搜索功能 3 个阶段的梳理与思考,每一个看似简单的功能背后都隐藏了很多流程与逻辑,结合实际的使用场景,从功能定位、用户目标等维度综合分析,才能够真正提升 用户体验 。

欢迎关注作者 微信 公众号:「然然图文」


让你的品牌快速脱颖而出,抢占市场份额,提升销量
免费获取方案及报价
*我们会尽快和您联系,请保持手机畅通