腾讯设计师:从4个方面帮你全面掌握搜索设计的要点
为了减少进入新页面的跳出感,我们可以在转场动效上做优化。在点击进入搜索页面时,让用户感觉仍然是在当前页面。
很多App在页面的初始状态时搜索功能是很明显的,并且占用一定比例的位置,但是在用户有其他操作的情况下,搜索功能的视图会发生对应的变化。 MOO音乐发现页的搜索功能在初始位置时是置顶的,但是当用户上滑页面时,会发生顶部搜索框隐藏被替换为分类,下滑页面恢复搜索框的交互效果。 因为该页面主要以推荐为主,当用户上滑页面时,搜索功能的需求被弱化,隐藏可以增加页面显示的内容,而为了可以让用户快速地进入搜索功能,只要执行下滑页面,就会恢复搜索功能。 使用搜索 从进入搜索页面开始,就需要查看页面内容,输入搜索词,点击搜索,这是用户使用搜索功能的完整过程。 1. 推荐内容 从刚进入搜索页面,到在输入框输入文字这段时间是推荐最好的时机,这会为目标性不是非常强的那部分用户提供大量可看内容。 上文已经讲过进入搜索页面的方式有3种:
第一种是没有推荐内容的。后面两种页面从上到下可以分为3部分:输入框、热搜词、搜索历史。 输入框 输入框文本一般为「请输入搜索内容」,进入搜索页面后光标在搜索框起始位置并调用键盘,输入内容后搜索框会自动更新为输入内容。 还有一种方式是把「请输入搜索内容」替换为预设关键词并定时更新,点击搜索会直接搜索并展示搜索结果,这个过程也是引导的作用,与热搜词类似(如淘宝)。 在此基础上更进一步,那就是在进入搜索页面后,直接搜索并展示输入框关键词的搜索结果,这种方式可以更快速地向用户展示有针对性的运营内容,缺点是进入搜索页面即为结果显示页面,热搜词和搜索历史等内容就没有空间可以显示。 热搜词 热搜词是根据算法展示搜索次数最高的关键词,对于进入搜索页面但没有强目的的用户来说,热搜词可以降低用户思考成本,提高产品/内容的查看次数。但是要注意热搜词的更新算法,热搜词本身就有引流的功能,如果单独按照搜索次数来决定是否上热搜,会出现热搜词榜非常稳定的情况。 历史搜索 历史搜索可以方便用户快速查找以前搜索的内容,无需再次输入,但是一定要注意保护用户隐私,历史搜索记录需要支持删除功能。另外搜索历史的承载页面通常会有两种做法。对于第3种进入搜索的方式,我们有两个页面可以用来承载搜索历史。 再拿抖音举例:搜索历史后置在从搜索推荐页再次点击搜索框时出现,也就是伴随键盘出现。这样比较符合正常逻辑,因为用户拉起键盘目的就是进行输入操作,此时出现搜索历史记录一方面可以减少重复搜索的操作成本,另一方面也让用户有回忆连贯的感觉。毕竟它提醒了我上次用这个 app 搜过什么内容,当时的感想是什么。 不过还有一个地方可以放,那就是第一次拉起的推荐页,具体如何选择也要看具体内容。JOOX选择放在这个页面,这样做的原因和好处在于真实的用户数据进入推荐页的用户一多半都是进行点击历史记录操作,放在第一个页面无疑缩短了用户重复搜索的路径,提高了效率。 2. 搜索方式 在输入搜索内容时关键词匹配有两种处理方式:一个是输入过程匹配;另外一个是输入完成匹配。 输入过程匹配 在输入时,每输入一个字符,就进行一次匹配,同时更新页面信息。这里更新的信息,可以是针对输入内容进行推荐的信息,也可以是搜索结果。这种方式可以对搜索结果做出即时反馈,引导性强,效率非常高,但是输入过程匹配对于计算能力要求比较高,可以根据自己的产品和实际情况考虑是否需要此功能,否则需要加载等待,影响体验。 输入完成匹配 仅在输入完成后,点击「搜索」按钮时,才开始进行搜索、匹配,直接展示搜索结果。这种方式省去了对输入时实时分析、引导的过程,适用于对搜索功能要求不高的情况。类似的产品如产品经理App,输入关键词后不会做出反馈,需要执行搜索才会展示相关内容。 (编辑:威海站长网) 【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容! |