beat365网页版中文官网

解析网站搜索设计思路

时间:2022.10.21作者:beat365网页版中文官网浏览量:359

搜索是产品中十分重要的一个功能模块,它通过搜索框给用户提供一个直达目的地的绿色通道,便当用户快速找到自己想要的内容,在引导用户走向方面起到了绝对性的作用。


搜索框的体验如何,决定着产品解决问题的能力、效率以及用户的使用频率。好的搜索框一方面能资助用户节约时间本钱,通过友好的设计细节带来差别化的信息反响,便于用户在大宗且繁杂的信息中筛查所需目标,提高转化率;另一方面,还能协助产品搜集用户行为目标并做好数据埋点,为后期的更新迭代提供强有力的依据。


一、基本属性与特征


1、搜索保存的意义,当界面内容过多、在列表中仅通过视觉扫描很难找到目标,这时能给用户提供最大资助的一个是筛选、另一个就是搜索,筛选能够缩小查找范畴、而搜索却能直到目标。相对来说,关于有明确目标的用户,在关键词较为接近的情况下,搜索比筛选的查找效率、匹配结果的精准度更高。


2、搜索反响类型,输入关键信息后,系统会有两种反响类型,自动即时反响和手动触发反响。系统自动检测所有内容中契合关键词的目标信息并罗列出来,随着关键词的继续输入,与之相匹配的结果会逐渐减少、直至找到目标,类似自界说筛选功能。这种反响方法适合内容不是特别多的列表,避免效劳器的压力太大、影响反响效率,例如地点搜索、查找联系人等。关键词输入完成后,需要手动点击搜索按钮向效劳器发送指令才会取得相应的搜索结果,这种方法适合内容信息较多的列表。例如商品查找、新闻类搜索等,其搜索结果也可能是海量的,与筛选功能结合使用效果更佳。


3、搜索的属性特征,搜索入口,为了坚持界面的一致性,在同一 APP 中,差别界面、功能的搜索应该具备统一的视觉属性。搜索本属于界面的一局部,需要将其放在关键位置,用户需要使用时能随时找到。状态变革,站在用户体验角度,一个好的搜索应该具备完整的流程,即搜索前、搜索中、搜索后的页面跳转以及搜索框形态的变革,将搜索功能的价值发挥到最大化。


二、搜索入口的样式及应用场景


在巨匠使用的众多 app 中,局部搜索框的样式虽然没有多大差别,其实背后都经过了精心设计。针对搜索入口,更具差别的应用场景、品级权重,其搜索入口的位置、样式也有所差别,下面将辨别介绍四种常见的类型。


1、Tab 栏独立入口:将搜索放在底部 Tab 栏作为独立的一级入口,很洪流平上强化了搜索权重,有利于用户的搜索行为引导、以及产品搜索相关内容的推荐曝光。这种做法为搜索功能拓展提供了很大的空间,相比其他方法,操作起来更便捷,即便用户在其他 Tab 页时、突然有搜索需求时也触手可及,并使其成为应用重量级的流量入口。Tab 栏搜索入口只适合关于搜索需求极高的应用,具备简洁、高辨识度的放大镜图标让用户一眼就能发明它,需要注意的是控制好 Tab 功能数量,在 3~5 个图标时最宜使用,切勿强行加塞而影响操作。


2、顶部搜索框:最常见的搜索方法之一,将搜索以输入框的形式居于页面顶部(状态栏或题目栏下方),在视觉上十分醒目,用户进入应用即能快速找到,很契合用户的视觉浏览动线,为最终转化提供了很大的流量支持。这种搜索框的形态较为繁杂,其信息元素的设计有很多方面的考究,它主要由搜索框、图标、占位符以及局部其他元素组成,下面一一介绍:


3、图标:首先,“放大镜”样式的图标主要用于提醒用户这是一个搜索功能,如果搜索框足够明显且有占位符引导,也可以去掉搜索图标;其次,辅助搜索如语音录入、扫一扫、拍照搜索等也会使用图标样式呈现。


4、占位符:提示用户文本输入位置,很多产品会根据自身属性或功能类型提供固定的占位符,例如:请输入 xxx 搜索、搜索感兴趣的内容...等。

在电商类型的产品中,为了提高占位符的商业价值,将其进行了拓展,系统根据千人千面的算法推荐、提供多个占位符式的商品名称轮播,或者将占位符当做广告位进行出售,不但让搜索框更个性化,还能潜移默化的提升搜索的转化率。


5、按钮:为了提高用户使用搜索功能的便捷性,键盘的右下角都会有搜索操作,但设计师们依然会毫不吝啬在搜索框右侧多添加一个搜索按钮,一方面在视觉上能起到引导搜索的作用,另一背面给用户多一个选择、避免键盘隐藏后需再次唤出才干发送搜索指令。


6、选择器:关于类型/属性较多且要求较高的产品,为了提高搜索结果的精准度,会增加一些前置条件,让用户设定好之后在进行搜索,得出的结果会与用户目标更匹配,能一定水平的提升用户对产品的满意度。例如:携程旅游搜索的地点选择、酒店搜索日期选择,拼多多的商品、店肆选择等。

“放大镜”图标入口:形态相比照较简单,通常以“放大镜”样式的 icon 呈现在界面右上角,视觉上不会过于突出,常用于搜索行为不是特别频繁的场景,需点击后才会跳转至搜索框页面。Icon 搜索入口相较于上述提到的类型在视觉引导方面略逊一筹,相对弱化了搜索功能,但可以节省了更多的导航栏空间,呈现位置比较灵活,可单独呈现、也可与其多个其他功能 icon 并列组合展示。


7、隐藏式入口:隐藏搜索入口方法在真实场景中使用的极少,在初始状态下将搜索入口隐藏,需通过交互操作唤醒。例如:有的将其折叠,点击展开才干看到;有的通过下滑才会呈现,iPhone 桌面就是一个不错的案例。


三、常见的搜索方法


基于信息繁杂度的提升,纯文字搜索已无法满足很多产品的搜索需求,为了拓展搜索功能空间、更好的满足用户需求,衍生出了多种搜索方法,如语音搜索、扫一扫、拍照搜索等。


1、文本搜索:最常用且做主要的搜索方法,点击搜索框激活键盘即可开始,相较于其它方法,码字的操作本钱略高,但这种搜索方法极为灵活,关于有目标的用户、其搜索结果的精准度只高不低。文本搜索可分为模糊搜索和精准搜索。精准搜索即能准确识别所输入的关键词,要么结果与搜索目标极度匹配、要么结果为空,例如订单盘问、查找联系人等;模糊搜索可在无法匹配用户目标的情况下,推荐与关键词相似、或相接近的内容,不管用户是否有明确的目标皆可使用,例如商品搜索、新闻资讯搜索等。


2、语音搜索:语音搜索比文本搜索更为便捷,省去了用户码字的操作,同时也解决了对使用键盘、拼音有难度的老弱用户群体所面临的现实问题。语音录入后,系统会将其转化为文字,然后根据关键词搜索内容,需要注意的是对普通话的规范水平要求较高,不然会影响搜索结果的准确度。为了给用户提供更好的搜索体验,语音搜索也玩出了新高度。例如:酷狗音乐的哼歌识曲/听歌识曲,用户只需哼出大致的曲调或直接对正在播放的音乐录音就能找出歌曲名字;在高德舆图中,直接说出“导航去 xxx”,系统即可自动完成搜索、盘问路线等多个操作办法。


3、拍照搜索:拍照搜索是借助图像识别技术将用户实时拍照、或上传的图片进行相关内容匹配的一种搜索方法,在电商类产品中取得广泛应用。当我们看到一个物品想要够买,不知道叫什么或无法用文字准确形容时,拍照搜索就能很好的解决这个问题。


4、扫一扫搜索:用户有明确目标且现场有真实样品时,可直接扫描商品条形码/二维码搜索相同的商品。虽然这种搜索方法比上述任何一种方法搜索的准确度都要到高,但受到现实条件的限制,反而使用频率很低。


四、搜索流程状态解析


搜索前-进入“待命”状态:从用户点击搜索框的这一刻起、即便没有任何其他操作,系统就已经开始做搜索前的准备工作了,利用一系列辅助功能为用户提供有效的引导,为搜索转化做足了铺垫,例如占位符提示、热门搜索、历史搜索、猜你喜欢等,后续会对辅助功能做详细的讲解。


1、搜索中-关键词联想:在输入关键词过程中,搜索框右侧会呈现删除图标,点击即可一键清除输入的内容。这里要注意删除与取消的区别,删除只是清除内容,而取消则是回到上一级页面,切勿将两个操作离得太近,以免用户误触而浪费不须要的时间本钱。


2、搜索后-清晰有效的结果:用户主要是想通过搜索功能来缩短路径、满足自己的查找需求,产品应尽一切能力带给用户契合预期的搜索结果,即便无法与搜索目标相匹配,也应该给予清晰的提示以及合理的视觉引导。


五、辅助模块/元素的妙用


默认提示(占位符):首先,搜索框内会有默认的占位符提示,以引导用户搜索,这些提示词可以是固定的、也可以是来自运营的营销文案或者系统根据算法推荐,用户不必任何输入也能直接点击搜索提示词相关的内容。


1、热门推荐:热门搜索主要起到引导作用,特别对那些没有明确目标的用户能给予更多选择,有点类似搜索框中的占位符提示,最大的区别在于占位符可能是用户想要的、但热门搜索却是产品想要提供给用户的内容。


2、搜索历史:用户够买过的商品(非消耗类)纷歧定会再买,但搜索过的内容却有极高的几率再次搜索,例如购物前货比三家重复参考、看新闻/视频有内容偏好等。


3、猜你喜欢:猜你喜欢出于营销目的,通过收罗用户的行为偏好进行行为预判,提供用户可能感兴趣的内容,或可在用户迟疑的瞬间被这些内容吸引,降低搜索页面的跳出率。在用户眼中,猜你喜欢多少有点“莫须有”的味道,不过这不是本文讨论的重点。


4、分类搜索:产品中涉及的业务、类型较多时,搜索结果可能“鱼龙混杂”,可在用户搜索前就提供多个类别,方面目标明确的用户能更快、更精准的搜索出契合目标预期的相关内容。


back

扫一扫,加我企业微信