快好知 kuaihz

设计搜索功能,注意7个交互细节

笔者将从多款成熟的产品中体验搜索功能,浅谈几点心得体会。

互联网经历了从信息孤岛至网络发言权的解放,到现在解决海量信息在细化后的定向搜索和获利机制的问题,个性化多元化的内容成为互联网的现状。

搜索功能成为每个人获取信息的交互方式,用户对于搜索引擎的依赖逐渐增加,这是属于搜索的时代。

本文将结合实例,介绍符合用户体验的搜索功能应具备哪些因素?未来智能化搜索功能有哪些趋势?

以实际案例分析搜索功能,希望对你有帮助。

一、设计搜索功能的目的

获取信息的便捷性:随着智能手机普及和网络响应速度的提升,用户从互联网中获取信息的途径更加便捷。

解决搜索的低效率:完善搜索功能的目的是提高用户获取信息的交互效率,方便用户从海量信息中精准快速的找到相关内容,解决用户搜索效率低的痛点。

二、不合理的搜索案例

1. 案例

我打开某一个外卖APP,想找找附近有什么好吃的面食,找不到搜索功能,难道我需要从一堆米饭火锅里找面食吗?

我想去看电影,搜地图的时候,搜索框太小了,点错好几次;好朋友推荐了一个视频APP,搜索框没有搜索提示,我搜“励志”“爱情”的视频类型呢?还是搜“耐克”“蓝标”公司品牌呢?

2. 问题

《设计心理学》讲到:

“任何带来不必要麻烦的东西都被冠以‘诺曼’这个名字。当某种产品为‘诺曼门’,实际是承认了该产品的制作者没有关注用户的需求,而这正是我要传达的信息。”

虽然这些日常问题听起来微不足道,但却能够影响你的心情:或者让你心情愉悦,或是令你灰心丧气。

三、合理的搜索具备哪些因素

1. 产品的需求程度与目标用户紧密关联

不同的产品适用于不同的目标用户,此产品设计的所有功能都需要根据目标人群定义,脱离目标人群而设计产品功能相当于闭门造车,对产品设计危害极大。

资深产品经理梁宁讲述经典用户画像时,将用户分为三种典型特征:大明、笨笨和小闲。

大明用户对于自己的需求非常明确、非常清晰。比如:男人买衬衫和买3C产品就是典型的大明用户搜索需求程度最大,并要求高精准度和高效率;

笨笨用户的特征是——我有大概的需求,但是还没有那么明确。比如:女生买裙子,得看和挑选。笨笨用户需求程度中等,搜索精准度要求不高;

小闲用户没有消费需求,就是为了打发时间。比如:聊天,玩游戏或者看短视频等。搜索需求量最小,搜索精准度和效率要求最低。

2. 搜索框的位置

产品描述:打开产品首页,搜索框位置统一放置在产品上方或右上角。

设计理由:根据目标人群对于搜索需求程度分析,产品用户搜索精准度和效率需求程度高时,搜索框位置应放置于产品上方,并以深色底做高反差对比,强调搜索框位置便于用户使用搜索

产品用户搜索需求程度中等时,降低搜索框和底色反差对比,但搜索框的位置仍然保持在最上方,便于用户寻找和搜索

产品用户搜索程度较低时,搜索功能弱化为icon,放置于右上角。

3. 搜索框的UI细节易于用户理解和交互

产品描述:搜索框高度通常为50pt-30pt之间,同时使用“icon”替代“搜索”文字,搜索框右侧放置语音或图片识别的搜索icon;

设计理由:根据苹果的《iPhone人机界面设计规范》,手指最小的点击目标尺寸是44 x 44像素。搜索框或搜索icon的交互区域应大于44 x 44像素。遵循人们习惯从左到右的阅读习惯,搜索icon放置于左侧,方便用户查找。

4. 搜索框增加默认文本

产品描述:美团的默认文本为用户最近浏览或购买过的外卖饭店;高德地图搜索框中的默认文本是搜索框提供的主要功能;即刻搜索框的默认文本是最近搜索热词。

设计理由:搜索功能默认文本的作用是帮助产品为用户解答能搜什么的问题。如果搜索框内无提示语,那么用户使用产品搜索时所产生的困惑和无助感极大可能使产品损失大量用户。外搜索默认文本的设计和产品目标用户应提高关联度,比如:

美团外卖解决的痛点是帮助用户又快又好的点外卖。每一位用户都有自己的口味,那么通过分析用户的使用记录,结合大数据统计将搜索默认文本展示为用户经常点击的饭店名称,可以提高用户点餐效率;用户又会觉得产品很懂自己的口味,达到提高用户粘度的作用;

高德地图解决的痛点是帮助用户导航,到达目的地。那么搜索框的默认文本简单直接地提示用户进行搜索,功能效率最高;

即刻是兴趣社区,目标用户类型多为小闲用户(使用产品的目的为打发时间),搜索框内默认文本为最近热词有助于用户搜索,提高产品日活。

5. 搜索时留存历史记录和推荐搜索

产品描述:点击搜索框保留历史记录;同时,页面展示推荐搜索热词;

设计理由:点击搜索框后,保留历史记录,帮助用户搜索同一内容时快速查看,节省重复输入的糟糕体验;为用户增加推荐搜索内容,当用户准备搜索关键词时,无意中在产品推荐搜索内容中找到感兴趣的热词时,很容易激发用户的点击查看而提高产品相关热词或商品的点击率和购买量。

6. 搜索提示

产品描述:用户搜索时无需输入完整内容,搜索功能实时根据用户搜索词,展示相关搜索内容供用户选择;

设计理由:效率为王的互联网时代,为用户节省时间可以极大的提高用户好感度。此功能比较考验产品优化搜索关联的内容,提高准确率,准确度越高用户惊喜感越高。

7. 搜索容错率

产品描述:搜索内容出现错别字,搜索时基本不会出现错误页面,而是通过产品容错率将用户可能想搜索的内容展示给用户

设计理由:搜索容错率的最大作用是避免将“错误搜索”或“无搜索内容”等负面状态传递给用户,造成用户使用产品的挫败,疑问甚至愤怒的负面情绪,从而流失用户

优秀的搜索功能将具备搜索容错率并提高容错率准确度,而更符合用户体验的细节在于:如果用户搜索的内容是比较偏僻的生词,如用户搜索“外形人”,产品应提示用户“是否继续搜索‘外形人’”选项,赋予用户选项的权利,可以提高用户的好感度。

四、总结

1. 搜索功能的变化

如果你在百度搜索诸如“打雷”或是“成龙”等,就会很形象的出现打雷的声音;成龙的个人简介、兴趣爱好、喜欢的颜色和相关人物推荐等等。又比如你上传一张图片至百度,就会自动统计与该图片相关的信息或图片来源。

2. 搜索交互的变化

用户搜索已不仅仅局限于点击搜索框、输入文字点击搜索,未来更多的趋势已逐渐向语音,图像甚至AR等智能化层面发展。

甚至,搜索行为会慢慢从主动变为被动:产品通过去年一年的服装购买行为数据,推算出你今年同一季节可能需要购买的衣服类型,主动询问你是否需要搜索;通过出行记录,主动在下班时询问你是否需要搜索交通路况;很快会出现和平台无关的跨设备检索和数据搜索方式,就像不同的手机应用间可以同步共享联系人信息。

3. 搜索未来的展望

无论未来智能搜索会发展到什么程度,搜索归根到底仍然是和人交互的行为,而和人的交互就需要考虑到用户体验,搜索只是产品中很小的细节,还有更多细节等待我们学习和思考。

本站资源来自互联网,仅供学习,如有侵权,请通知删除,敬请谅解!
搜索建议:交互  交互词条  细节  细节词条  功能  功能词条  注意  注意词条  搜索  搜索词条  
交互

 iOS App中数据加载的6种方...

我们看到的APP,往往有着华丽的启动界面,然后就是漫长的数据加载等待,甚至在无网络的时候,整个处于不可用状态。那么我们怎么处理好界面交互中的加载设计,保证体验无...(展开)

交互

 智能电视:UI设计快速上手指南

最近有小伙伴私信我关于电视端的设计问题,遂整理了一些个人最近在TV端应用的一些设计经验,供大家交流学习。以下是我在起初接触TV设计的过程中整理的一些方法,结合自...(展开)