当前位置: 首页 > 科技观察

腾讯设计师:从4个方面帮你全面掌握搜索设计要点

时间:2023-03-21 16:14:42 科技观察

在一款内容型APP中,搜索功能可以说是标配。它是一个巨大的流量入口,同时承载着产品的运营能力。正好最近在优化JOOX的搜索页面,所以趁机梳理一下关于搜索设计的几个要点。根据用户的实际使用行为,我们可以按照用户行为路径节点将搜索操作分为四个部分:发现-进入-使用-获取。发现搜索入口进入搜索界面使用搜索功能获取搜索结果找到入口搜索框的入口一般有以下几种:一级标签、搜索框、搜索图标、隐藏搜索框。无论是哪种风格,最基本的原则是两点:快速发现和容易识别。1、快速发现用户的搜索需求会在两个时间点出现。一种是搜索目的明确,需要打开App后使用。另一个时间点是在使用App过程中产生搜索需求的时候。我们很难确定这个需求。进行什么操作,所以需要根据页面和产品类型来设计。可以肯定的是,这两种需求总是要求我们的产品能够快速让用户找到并使用搜索功能,所以搜索功能的定位非常重要。目前大多数APP的搜索功能都放在页面顶部,以搜索框或“放大镜”的形式出现。用户已经养成了习惯。当他们需要使用搜索功能时,他们会首先寻找页面的顶部位置。大多数基于内容的产品都会有一个常驻的搜索框,方便用户在浏览内容的过程中随时查找内容。也有产品设计被收割为图标,固定在某个位置,为其他内容的展示节省空间。例如,这是通过获取APP来完成的。百度云盘的搜索框在页面滑动的时候会随着页面一起滑走。从笔者的使用习惯来看,搜索功能对于云盘来说是一个非常重要的功能,所以这里的体验有待提高。2、易于识别。还有一个要求就是把搜索功能放在用户潜意识的位置,这是为了降低用户的识别成本,让用户一眼就能认出搜索功能,不需要判断。目前最常见的是搜索框或“放大镜”图标样式。用户无需判断即可将此功能识别为搜索功能。一般来说,搜索框有两种样式:矩形和圆角。与内部默认副本有很多组合。还有一些比较特殊的搜索样式,比如:网易有道翻译在精品课程的搜索页面做了新的尝试(这里其实是进入搜索页面),但是用户接受成本比较高,所以不建议轻装尝试。每个公司设计师的icon风格不一样,希望尽可能有特色,但是从产品的角度来说,“放大镜”icon的细节越少,辨识度越高,所以不要过度设计.△来自iconfont,进入搜索进入搜索功能主要是指用户发现并点击搜索功能后的交互和页面,虽然各种类型的app都不一样。但大致分为三种:在当前页面搜索;进入新页面并拉起键盘;先进入推荐页面,再进入搜索页面,拉起键盘。1.在当前页面搜索。在当前页面搜索可能是因为信息分类不完善或比较私密,无法进行数据处理。也说明搜索功能对当前页面的需求较弱,使用频率不高。例如:虽然iPhone手机短信的搜索功能是新的弹出顶栏,与在当前页面搜索没有什么区别,但只是视觉上的设计。2、进入新页面拉起键盘进入新页面往往是因为搜索功能很重要,要显示的信息太多,需要单独的页面来承载。这是目前最普遍的方式。新页面可以显示热搜词或需要操作显示的相关信息,还可以显示用户搜索历史,进一步降低用户使用搜索功能的成本。3.进入推荐页面,然后进入搜索页面,拉起键盘。以上两种输入情况都伴随着上拉键盘的动作。因此,为了更好的充分展现推荐内容,一些APP会选择先进入一个推荐流程页面,将预设的内容暴露给用户,当用户再次点击搜索框时,拉起键盘进入。例如:抖音的搜索设计是这样的。这样做相当于扩展了一个新的页面来承载丰富的推荐内容。但缺点是用户搜索路径变长,存在一定的流失风险。为了减少进入新页面的跳跃感,我们可以优化过渡效果。在点击进入搜索页面时,让用户感觉还在当前页面。△JOOX搜索很多App的搜索功能在页面初始状态下是很明显的,并且占据了一定比例的位置,但是当用户有其他操作时,搜索功能的视图会随之发生变化。MOO音乐发现页面的搜索功能在初始位置是在顶部,但是当用户向上滑动页面时,顶部隐藏的搜索框会被类别取代,搜索框的交互效果会有所不同。当用户向下滑动页面时恢复。因为这个页面主要是基于推荐,当用户向上滑动页面时,对搜索功能的需求减弱,隐藏的内容可以增加页面显示的内容。为了让用户快速进入搜索功能,只要用户向下滑动页面,就会恢复原状。搜索功能。使用搜索从进入搜索页面开始,需要查看页面内容,输入搜索词,点击搜索。这是用户使用搜索功能的完整流程。1、推荐内容从进入搜索页面到在输入框输入文字这段时间是推荐***的最佳时间,对于那些针对性不强的用户来说,会提供很多内容。如前所述,进入搜索页面有3种方式:在当前页面搜索;进入新页面并拉起键盘;先进入推荐页面,再进入搜索页面,拉起键盘。第一个没有推荐内容。后两个页面从上到下可以分为3个部分:输入框、热搜词、搜索历史。输入框的文字一般为“请输入搜索内容”。进入搜索页面后,光标在搜索框的开头,调用键盘。输入内容后,搜索框会自动更新为输入的内容。另一种方式是将“请输入搜索内容”替换为预设关键词,并定期更新。单击搜索将直接搜索并显示搜索结果。这个过程也是一个引导,类似于热搜词(比如淘宝)。在此基础上更进一步,进入搜索页面后,直接在输入框中搜索并显示关键词的搜索结果。这种方式可以更快速地向用户展示有针对性的操作内容。显示结果页面,没有空间显示热门搜索词和搜索历史等内容。热搜词热搜词是根据算法显示搜索次数最多的关键词。对于进入搜索页面但目的性不强的用户,热搜词可以降低用户的思维成本,增加产品/内容的浏览量。但是要注意热搜词的更新算法。热搜词本身就有引流的作用。如果单凭搜索量来决定是否上热搜,热搜词榜会很稳定。历史搜索历史搜索可以方便用户快速找到之前搜索过的内容,无需重新输入,但是一定要注意保护用户隐私,历史搜索记录需要支持删除功能。此外,通常有两种托管搜索历史页面的方法。对于第三种进入搜索的方式,我们有两个页面可以用来承载搜索历史。以抖音为例:从搜索推荐页面再次点击搜索框时出现搜索历史帖子,即用键盘出现。这更符合正常逻辑,因为用户拉起键盘的目的是为了进行输入操作。这时,搜索历史记录一方面可以降低重复搜索的操作成本,另一方面也可以让用户有条理清晰的记忆感。毕竟,它让我想起了我上次使用该应用程序搜索的内容以及当时的感受。不过还有一个地方要放,那就是第一次拉起的推荐页面,具体选择要看具体内容。JOOX选择把它放在这个页面上。这样做的原因和好处是,进入推荐页面的用户,有一半以上有真实用户数据点击历史记录。放在首页无疑会缩短用户重复搜索的路径,提高效率。2、搜索方式输入搜索内容时,关键词匹配的处理方式有两种:一种是输入过程匹配;一种是输入过程匹配。另一种是输入完成匹配。输入过程匹配输入时,每输入一个字符,就进行一次匹配,同时更新页面信息。这里更新的信息可以是输入内容的推荐信息,也可以是搜索结果。这种方法可以对搜索结果进行即时反馈,具有很强的指导性和效率。但是输入过程的匹配对计算能力要求比较高。您可以根据自己的产品和实际情况考虑是否需要该功能。否则,您需要等待加载。影响体验。输入完成匹配只有在输入完成后点击“搜索”按钮,才会开始搜索匹配,并直接显示搜索结果。这种方式省略了输入时实时分析和引导的过程,适用于对搜索功能要求不高的场合。同类产品,如产品经理APP,输入关键词后不会反馈,只需要进行搜索即可显示相关内容。很多产品采用组合的方式,即时匹配关键词并展示。单击关键字或“搜索”按钮后,将显示搜索内容。同类商品可以查看京东、天猫等电商APP。除了关联输入内容外,还会展示与关键词相关的维度,自动补全关键词,增加用户选择。3.搜索/取消按钮取消搜索的方式一般是点击“取消”按钮或点击“返回”按钮。如果在输入框中已经输入了字符,需要重新输入新的搜索词,往往需要点击键盘上的删除键才能删除回来。当输入内容较长时,这个过程的体验很差,所以现在很多产品都在输入框末尾提供了删除功能,可以一键删除输入的字符。当搜索页面需要搜索两次或输入错误时,该功能可以提供很好的体验。如果仔细研究不同的应用程序,你会发现搜索/取消按钮大致分为两种:一种是保留搜索按钮;另一种是取消页面上的搜索按钮,改用键盘搜索按钮。搜索按钮保留在页面上。搜索按钮一般放在搜索框的右侧,返回图标一定要保留在左侧,这样才能正常实现App的跳转路径。这种方式虽然比较规整,减少了输入框可以显示的字符长度,但是用户识别的成本会大大降低,而且返回和搜索按钮都非常清晰。页面不保留搜索按钮页面没有搜索按钮,左侧的返回按钮也同时取消。单击“取消”按钮将返回上一级页面。这种方法一般采用即时匹配(过程匹配)的搜索方式,需要搜索时,通过键盘上的搜索按钮进行搜索操作。优点是搜索按钮在右下角,符合手的操作习惯,在舒适的操作区,可以更快捷的进行搜索操作,但是取消按钮不能明确返回逻辑。当用户需要退出搜索返回上一级时,需要尝试点击“取消”按钮。如果页面上使用了“搜索”按钮,请务必保留返回功能。使用“取消”按钮将取消“返回”按钮,否则该功能是多余的。搜索完成后,结果页面会根据算法显示匹配的内容,显示结果的方式有很多种。对于复杂的内容,要做好分类工作。一般来说,每个产品都有自己的分类方法,但归结为两类:先分类再搜索和先搜索再分类。1、先分类后搜索先分类后搜索的一个明显特点是搜索目的明确,用户已经知道自己要找什么内容。例如:安居客产品,用户在使用搜索功能时,会非常清楚自己要搜索的信息的维度,所以先排序后搜索,可以提高搜索准确率,降低用户搜索后的筛选成本.2、先搜索再分类先搜索再分类可以降低用户使用搜索功能的成本,但会增加结果过滤的难度。一般操作是系统根据搜索词进行算法匹配,显示所有结果,然后提供分类筛选功能。这种方式会为用户无目的的搜索提供更好的体验,常见于电子商务、知识等信息和分类明确的产品。例如:知乎的搜索逻辑是先根据搜索词匹配结果展示所有信息,并提供用户、话题、私教、直播等分类搜索开关。关于搜索功能的其他想法本文重点介绍基于文本的搜索。除此之外,其实还有更多,比如:语音搜索、图片搜索、扫码搜索、图片搜索、图片翻译搜索等等。近年来,随着语音技术的不断成熟,语音搜索功能在音乐APP上的应用越来越多。可以通过识别音乐来搜索与音乐相关的内容。一些音乐应用程序也在某些场合进行了语音搜索。听歌认歌、哼唱认歌等优化,提升了用户搜索内容的效率。今天,我们看到搜索效率和体验设计在不断变化。随着人工智能技术的应用,搜索答案的准确性和相关性将大大提高。搜索交互性和个性化也将逐步提高。