首页 > 分享 > 从3个阶段,解析B端搜索功能设计

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

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

引言

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

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

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

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

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

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

1. 搜索前

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

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

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

来源:网络

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

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

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

全局搜索

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

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

定向搜索

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

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

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

下拉框型:

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

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

Tab 型:

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

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

组合型:

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

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

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

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

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

2. 搜索中

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

搜索提示:

1)搜索联想

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

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

2)搜索历史

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

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

3)搜索推荐

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

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

状态反馈:

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

3. 搜索后

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

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

快速浏览数据,并能够准确找到数据。 需要经常变换条件的组合迭代查询数据,对查询结果精准定位。 对数据进行操作,如收藏、删除、下载等。

针对这三类场景介绍两种常用的筛选布局方式。

上下布局

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

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

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

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

左右布局

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

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

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

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

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

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

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

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

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

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

相关知识

教你一个最简单的搜索功能设计方式
精品咖啡碟套:从功能设计到工艺革新的全解析
移动端电商APP开发:打造高效便捷的购物新体验
B端服务商起步,年销近亿元,鸟语花香拓展宠物智能用品满足养宠升级新需求
二输入端的或非门,其输入端为A、B,输出端为Y,其表达式Y=( )。​
园林花卉引种驯化得步骤可划分为3个阶段,即()阶段、()阶段与()阶段
使用3DsMax几何体融合功能设计大理石花坛
B端:表格不就长那样,你还能设计出花来?
使用3DsMax几何体融合功能设计大理石花坛(2)
柑橘花芽分化过程,分为以下3个阶段

网址: 从3个阶段,解析B端搜索功能设计 https://m.huajiangbk.com/newsview2531026.html

所属分类:花卉
上一篇: 亚马逊广告运营手把手教学第五期—
下一篇: 奇怪!怎么没人分析淘宝店铺主页设