首页 > 产品设计 > 产品设计输入包括哪些内容-如何设计搜索功能的逻辑
2023
12-30

产品设计输入包括哪些内容-如何设计搜索功能的逻辑

“搜索”的目的是帮助用户快速找到想要的内容,它在很多产品中起着决定性的作用。 用户在知乎上搜索寻找问题的答案; 在淘宝上搜索,筛选自己想要的产品; 在 Airbnb 上搜索寻找合适的房产等。

搜索功能乍一看很简单,但实际上涉及到很多逻辑,所以文章很长。 接下来我们将从四个方面来介绍搜索功能背后的逻辑。

1.搜索入口

搜索入口的位置由产品对搜索功能的依赖程度决定。 依赖程度越高,搜索入口的位置就越重要。 搜索条目有以下三种常见形式:

页面底部的第一个选项卡

大家都知道,底部选项卡是APP中最重要的位置。 把搜索入口放在这里的应用程序对搜索功能的依赖程度很高。 例如,在App Store中,用户下载应用程序有两种方式。 首先是通过分类。 和建议。 第二种是通过搜索。 大家在下载应用的时候可以想一下平时是如何下载的。 据估计,其中60%以上是通过搜索转化的。

页面顶部第二个位置

有些悬停在页面顶部,有些则在页面内并随页面滑动。 这种类型的搜索门户很常见。 如果你在手机上打开多个应用程序,你可能会看到这样的搜索入口。 这类APP对于搜索功能的依赖还是非常大的。 与第一个相比,可能只是因为产品类型的原因。 由于差异或者版面限制,比如网易的严选,如果用户想要快速找到自己想要的产品,最便捷的方式就是搜索。

第三种方法是在页面右上角放置一个小图标。

与前两类相比,此类应用对搜索功能的依赖性不那么强。 它们的各种推荐形式、分类等功能将搜索流量进行划分,比如ENJOY,以及大家熟悉的内容比如头条、36氪。 信息化应用。

当然,还有许多其他方式来显示搜索门户。 由于内容限制、排列限制等客观因素,很多APP都会妥协搜索入口的位置。 没有好坏之分。 关键是要适合自己的产品。

2. 输入搜索内容

在设计输入搜索内容时,要遵循的原则是让用户快速完成输入过程,同时尽可能保留一些操作能力。 无论是关联搜索、搜索历史、还是类别搜索,虽然功能不同,但目的都是为了让用户快速完成输入过程,输入搜索结果。

输入内容形式:文字、图片、语音

1、文字输入大家都熟悉。 这里我们主要关注输入域的一些基本限制和对应的逻辑,比如可以输入的最大字符数; 是否支持特殊字符; 以及输入空格和特殊字符对应的toast提示。 ETC。

2.图像输入也很常见。 例如,在手机淘宝上,通过图像搜索商品,利用人工智能图像识别技术来分析图像中的商品,或者直接与数据库中的商品图像进行比较。

3.语音输入形式多样。 最基本的是语音转文字功能。 还有虾米音乐、网易云音乐等歌曲,可以通过语音识别歌曲、搜索歌曲。

搜索联想

搜索关联是指用户输入部分内容,然后系统根据该内容关联出完整的内容。 关联内容可以位于原始内容的前面、后面或中间。 这里的产品中容易忽视的是关联词的排序规则和关联词的数量。 如果我们按照触发次数从高到低排列关联词,如下图,毛巾总共被触发了8万次,毛衣总共被触发了6000次表情包设计,所以关联词毛巾这个词出现在毛衣之前。 数量是指显示的关联词的最大数量。

修改输入内容

修改输入内容一般有两种方法。 一是用键盘上的退格键逐字删除。 另一种是当输入框中有内容时,输入框后面会出现一个小十字。 单击叉号可清除输入。 框架。 这并不难理解。 当输入的单词较多时,逐个退格、删除效率很低。 这时可以点击小叉直接清空输入框。

搜索历史记录

搜索历史基本上是必备功能。 用户可以通过上次搜索内容直接到达搜索结果页面。 应用场景也非常简单。 比如产品设计输入包括哪些内容,我昨天看到一件毛衣,但犹豫着要不要买。 我今天想检查一下。 如果我有搜索历史,我就不需要再次输入“毛衣”。 我可以直接在搜索历史中点击它。 这里,在产品原型制作时,还必须写下排序规则和展示数量。 例如,按照时间倒序,最多可以显示20个项目。

热门搜索

热门搜索的概念也比较简单。 就是展示最近一段时间搜索次数最多的词,引导用户看到一些最近热门的产品或内容。 然而,随着时间的发展,大众搜索已经被赋予了可操作的能力。 当平台想要推广某种产品或内容时,可以将“它”伪装成热门搜索,如下图所示。 “LEE”是操作员在后台添加的单词。 这不是真正的热门搜索。 当然,商业推广也是必不可少的。 在原型中写产品的逻辑时,首先要明确写下1、是否具有可操作能力; 2、最多有多少个操作岗位; 3、运营仓位、热搜词如何排序; 4、热搜词最多多少个; 5、热搜词来源; 6、热搜词排序规则。

类别搜索

当平台比较大、内容类别较多时,很多产品都会提供类别搜索功能,帮助用户更快地找到自己想要的内容。 例如,在淘宝APP中,搜索时可以选择是搜索全部还是搜索天猫。 ,或搜索商店。 分类搜索的功能其实就对应着我们后面要讲的搜索结果的分类展示。 它们都将复杂的内容分类,但一种是在搜索操作之前分类,另一种是在搜索操作之后分类。

默认提示词

默认的提示词如下图所示,是输入框中的默认内容。 一般有两种类型的内容。 一是引导用户输入,如“请输入您要找的产品”; 另一种是运营推广,比如下图中默认的提示词是“LEE高端牛仔裤”,这是明显的商业推广。 此时,如果用户不输入任何内容,直接点击搜索,就会默认搜索到“LEE高端牛仔裤”。

多词搜索

我对多词搜索的逻辑也了解甚少。 不知道大家有没有什么印象呢? 早期,淘宝上“毛衣套头衫”和“毛衣套头衫”的搜索结果是不同的。 当时好像是因为搜索结果像“大码”、“套头衫”、“蓝色”等属性词一般不会写在商品标题中,所以当用户输入“大码毛衣”时,搜索结果相比“毛衣”会有偏差,但现在都一样,现在可能人工智能已经可以准确区分哪些是产品的属性词,哪些是产品的关键词。 我还发现有几个APP还在使用这种方法。 说实话,我并不觉得它对搜索结果有太大的提升作用。 你也可以体验一下,比如在豆果美食APP中输入“番茄鸡蛋”。 和“番茄鸡蛋”,你可以对比一下搜索结果。

3.输出搜索结果

“输出搜索结果”的设计要遵循的基本原则是让用户能够快速获取自己想要的内容。 以下四个方面都是围绕这个原则进行的。 搜索结果的展示形式、搜索结果的过滤条件都是为了缩小选择范围,帮助用户快速选择; 通过分析确定搜索结果的显示内容,确定哪些信息对用户有用,然后显示哪些内容。

搜索结果如何显示

有两种常见的显示搜索结果的方式。 一种是多页分类展示,另一种是一页堆叠展示。 这也比较容易判断。 当内容类型较多时,更适合采用分类展示; 当内容类型单一时,适合在一页上显示。 例如,“知乎”同时使用两种显示形式。 我们搜索关键词“旅行青蛙”。 综合展示就是我们所说的堆叠展示,展示用户、展示主题、展示内容。 以下为全部内容。 当然,我们也可以点击顶部的类别显示选项卡来选择我们想要搜索的内容类型。 每个人都可以体验一下。

搜索结果过滤器

过滤条件的目的是缩小选择范围,以便用户能够更快、更准确地找到自己想要的内容。 具体过滤条件应根据产品本身的含量确定。 例如“网易精选”的过滤条件就比较简单,只有一个价格和类别。 我们还可以尝试淘宝和京东,它们的过滤条件更多。

显示搜索结果的内容

搜索结果中显示的具体内容是基于分析用户需求卡通人物,找到最符合用户需求的信息。 例如,在“京东”上,搜索结果显示的内容包括商品图片、商品名称、商品价格、商品评论、好评率、推荐、促销信息、商品规格等。 比如一些视频产品搜索结果一般会显示视频缩略图、视频时长、视频标题、视频发布时间等(我们可以看到京东搜索结果的显示方式就是我们上面提到的堆叠显示,还有过滤)条件如下)

搜索结果的排名逻辑

搜索结果的排名逻辑是搜索功能的核心逻辑之一,需要根据产品的不同发展阶段不断优化。 那么为什么要对搜索结果进行排序呢? 首先简单说一下搜索函数的执行过程。 当用户搜索关键字时,程序会执行一组算法来计算匹配度。 此时,内容已经按照匹配程度排序,接下来执行“搜索结果排序”。 逻辑”,根据匹配程度对排序进行一定的调整,产生新的排序。

下面举一个简单的例子,比如电商产品:

1、我们搜索关键词“毛衣”,执行匹配算法,拉出数据库中所有能匹配该关键词的商品。 由于没有其他条件,因此可以展示任何产品。 显然不是我们想要的

2. 执行搜索结果的排序逻辑。 这个排名逻辑是什么? 例如,收藏的数量就是一个因素。 收藏越多,排名越高。 观看次数是一个因素。 浏览次数越多产品设计输入包括哪些内容,排名越高。 上一点; 还有转化率、商品详情页停留时长、好评率、主形象效果、商家口碑等诸多因素。排名逻辑就是将这些因素综合在一起,每个因素占不同的权重,然后最后为 Output 提供排序结果。 听起来好像不难,其实不然。 比如上文提到的,一个产品开发一段时间后,老商家会有优势,而新商家却得不到曝光,产生马太效应。 这只是最常见的问题。 这就是我们刚才所说的。 需要根据产品的不同发展阶段不断优化排名逻辑。

3.通过排名逻辑,用户可以看到更合理的排序。 我们上面提到的过滤条件实际上是指用户可以自主选择按照哪些影响因素进行排序。

4. 查找异常情况

异常状态是指在异常情况下发生的状态。 这也是很多初级产品容易忽视的一个领域。 我们来看看搜索功能的异常情况。

未找到结果

没有结果的搜索结果可以分为两种情况,一种是没有找到内容,另一种是搜索内容很少。 这两种情况有的会分开,有的会分开处理。 处理方式一般是一个空白页面、一个小图标、一个安慰用户的提示,让用户不会那么生气,或者是其他如下图所示的选项,这样用户的操作就不会导致“死路” ”。

第一次搜索

第一次使用搜索功能时,通常会丢失一些数据,例如“搜索历史记录”。 这时候就需要考虑这些功能如何处理,比如是否保留搜索历史的标题等。

网络异常

网络异常是每个功能都必须考虑的情况。 搜索功能主要考虑三个问题:

1、哪个页面更适合异常提醒,以什么方式提醒最不打扰用户。 例如,在没有互联网的情况下,用户应该仍然能够正常点击搜索框并进入搜索页面。 此时,由于网络问题,“热搜”功能可能无法显示。 这时应该给用户网络异常的提醒。

2. 处理关联字页网络异常的常用方法有3种。 第一个是没有关联词页,第二个是有关联词页,但是是空白的,第三个是使用了最后一次搜索。 当谈到关联单词内容时,我个人更喜欢第二种方法。 你可以尝试一下。

3、搜索结果页面处理网络异常的常用方式有两种。 第一种是点击搜索后直接跳回来,toast提示异常。 二是在搜索结果页面给出异常状态,告诉用户网络异常。 。 这其实就是一个我们上面提到的异常提醒哪个页面更合适的问题。

交互:最后我想补充一下交互,比如当搜索框获得焦点时键盘弹出,当失去焦点时键盘消失等等。比如在“联想词页面”时我们滑动关联词,搜索框失去焦点,键盘消失,这些都要考虑到。

至此,整个搜索功能的逻辑已经梳理完毕。 希望能够对大家有所帮助。 非常感谢。

最后编辑:
作者:nuanquewen
吉祥物设计/卡通ip设计/卡通人物设计/卡通形象设计/表情包设计