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

如何设计移动搜索?答案就在我总结的四个部分

时间:2023-03-20 11:01:46 科技观察

小刘Epik:目前,搜索功能是每个应用产品中不可或缺的一部分,也是用户经常访问的功能。良好的搜索设计可以提高转化率并改善用户体验。我们来看看搜索设计的一些套路。内容:搜索入口设计风格搜索方式搜索辅助功能搜索结果展示形式1.搜索入口设计风格搜索入口设计需要根据搜索功能在产品中的位置,搜索入口风格在不同的应用场景中使用也是不同的,下面我来介绍四种常用的搜索词条样式。1、底部标签栏入口(TabBar)将搜索功能作为底部标签栏的功能模块入口,适用于以搜索作为重要流量入口的APP,也可以与其他TabBar入口结合使用,比如《不卡漫画》就是结合了搜索和发现类的入口。但是底部标签栏的搜索入口本身不具备搜索功能,所以通常结合搜索框样式使用。(例:AppStore、布卡漫画)如图:2.搜索框导航入口常见的展示形式之一,搜索入口以输入的形式放置在导航栏中或导航栏下方框,有的应用甚至在界面向上滑动时,搜索栏会显示在天花板上,方便用户随时操作(是否显示天花板取决于应用中搜索功能的权重)。除了需要的输入框,t搜索框的导航入口也需要一个搜索图标给用户提示。目前很多应用还利用搜索框内的区域进行预设文案,可以作为用户关键词的提醒,也可以作为操作的入口展示。(例如:花瓣、即食)如图:3、搜索图标入口也是一种常见的搜索方式。常见的形式是在导航栏的右侧放置一个放大镜图标。与上面提到的搜索框相比,在视觉引导方面略逊一筹,但是节省了导航栏的空间,让导航栏可以为用户提供更多的功能,适合对没有高要求的应用搜索权重。当然,也有一些特殊的搜索图标方式,比如:自如客,搜索图标的风格也因为位置的不同和层级的变化而变得更加突出。(例:自如客、TIM)如图:4.隐藏搜索入口为了让用户更多的使用桌面提供的快捷入口,在初始界面隐藏了搜索功能,搜索功能只会滑动界面时出现,例如:iPhone解锁后,有各种应用入口。向右滑动时,会出现隐藏的搜索条目。如图所示:2.搜索方法搜索方法就是我们平时用来搜索我们要找的东西的方法。下面介绍三种常用的搜索方法。1、输入文字搜索主要和常用的搜索方式是在输入框中输入要搜索的文字进行精确搜索。同时,当输入框被点击时,输入键盘被激活。图:2.语音搜索语音搜索不仅提高了搜索的便利性,还解决了老年人受键盘输入困扰和不会拼音的困扰。此外,语音功能在音乐应用中得到了更好的运用。无论是在街边商场、酒吧等,当听到一首让我们忍不住放下的歌曲时,我们都可以利用语音功能来识别歌曲,随时找到自己喜欢的歌名时间。您还可以在驾车时使用语音搜索功能查找路线。(例如:QQ音乐、高德地图)如图:3.图片搜索借助图像识别技术,图片搜索也得到了广泛的应用。例如:我们可以通过对图片的拍照来搜索关于一张图片或与其相似的图片的信息,以及电子商务应用中常用的那些。对于无法准确描述的产品,可以通过图片搜索找到产品。例如:在蘑菇街,您可以通过拍摄实物来找到想要的物品。(例:蘑菇街、百度)如图:3、搜索辅助功能根据用户不同的搜索场景,需要提供不同的搜索辅助。一个好的搜索辅助会让用户爱上你的应用,下面我们就来介绍五个常用的搜索辅助功能。1、热门搜索目前搜索量比较大或者运营要我们找什么,同时给那些漫无目的的用户更多的选择。如图:2.搜索历史用户可以看到每次搜索的记录,方便用户再次查看。如图:3.根据收集到的用户记录,猜你喜欢为用户提供相关内容,减少用户的思考时间,同时给用户一种贴心的感觉。(例:天猫、今日头条)如图:4、渐进式搜索通过点击系统提供的辅助字段,逐渐缩小搜索范围,同时也为搜索模糊的用户提供了很好的提示,让他们可以更快地找到和搜索目标。(示例:淘宝)如图:5.分类搜索当应用中涉及的搜索内容相似时,可以添加分类搜索功能,先选择分类再搜索,可以更快的搜索到相关内容更准确。(例:36氪、豆瓣)如图:4、搜索结果的展示形式从搜索结果来看,展示形式还是有很多的,比如文字、图片、分类、视频等,我们了解后不同样式,我们可以根据不同的应用类型来选择合适的搜索结构显示形式。1、文字类主要是用文字描述来展示搜索结果,多用于音乐类应用,因为我搜索的是歌名本身,图片对我们意义不大。(如36氪、QQ音乐)如图:2、图片类主要是图片展示。用户会点击查看自己感兴趣的图片,所以多用于购物、资讯、电影等(如:每日优鲜、小红书)如图:3.模块类主要用于多类别应用。比如我们在Get上搜索,如果输入一本“人类简史”,会发现两个类别,一个是电子书,一个是音频,所以对于多类别的应用,我们应该扩大搜索范围,展示分类展示,方便用户通过分类更准确的找到自己想要的信息。(如Get、猫眼)如图:4.下面的视频类比较特殊,通常只出现在视频类应用中,因为视频类用户通常有明确的搜索目的,搜索结果会不多样化。因此,在这个界面中放置更多的操作按钮,更方便用户选择和观看。(如土豆、优酷视频)如图:结语通过以上对搜索功能的分析,我们可以看出,一个搜索功能的风格,无论在哪个阶段,都要从多个维度去分析,比如应用程序本身的适用人群、类型和权重。设计更合理的搜索。因此,搜索方式的好坏没有区别。只要在不同场景下选择最合适的形式,就会提升搜索体验,让用户搜索更快更准确。