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

一.前言

1.搜索时代

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

搜索功能成为每个人获取信息的交互方式,用户对于搜索引擎的依赖逐渐增加,这是属于搜索的时代。本文将结合实例介绍符合用户体验的搜索功能应具备哪些因素?未来智能化搜索功能有哪些趋势?希望对你有帮助。

二.设计搜索功能的目的

1.获取信息的便捷性

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

2.解决搜索的低效率

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

三.不合理的搜索案例

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.搜索未来的展望

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

————

参考链接:
https://baike.baidu.com/item/%E6%90%9C%E7%B4%A2%E5%BC%95%E6%93%8E%E5%8F%91%E5%B1%95%E5%8F%B2/2422574?fr=aladdin
http://www.woshipm.com/pd/316987.html
https://www.jianshu.com/p/7704695a22c5
http://baijiahao.baidu.com/s?id=1598630510890021495&wfr=spider&for=pc
http://www.woshipm.com/pd/1175519.html

欢迎交流学习
本文原创发布于微信公众号「发现好设计」,欢迎转载,但请标明来源。
配图来自网络,无商业用途。

©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 215,294评论 6 497
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 91,780评论 3 391
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 161,001评论 0 351
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 57,593评论 1 289
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 66,687评论 6 388
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 50,679评论 1 294
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 39,667评论 3 415
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 38,426评论 0 270
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 44,872评论 1 307
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 37,180评论 2 331
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 39,346评论 1 345
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 35,019评论 5 340
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 40,658评论 3 323
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 31,268评论 0 21
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 32,495评论 1 268
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 47,275评论 2 368
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 44,207评论 2 352

推荐阅读更多精彩内容