序言
本文主要记录一些好玩有趣的交互、设计、功能、文案(包括但不限于)。 随缘更。
目录
1、小米AI通话(22/08/09)
2、小米小组件(22/08/09)
3、网易云VIP设计(22/08/09)
4、拼多多购物流程(22/08/09)
5、小米触感动效(22/08/09)
6、语雀Ctrl F 支持识别图片上的文字(22/08/20)
7、蚂蚁庄园的隐藏彩蛋(22/08/21)
8、小爱同学支持粤语对话(22/09/04)
9、阿里H5顶栏&加载动画(22/09/25)
10、高德地图的实景导航(22/10/30)
11、企业微信切换帐号预览(22/11/26)
12、QQ截图自动打码(22/12/25)
13、竞猜规则(23/3/18)
14、PC端安装提醒(23/6/23)
15、网易云彩蛋(24/4/5)
16、抖音退款自动识别订单号(24/4/5)
正文
1、小米AI通话
1.1 用户场景
手机响起陌生电话来电,非快递外卖等,一般这种都会有标记,这个时候一般会有2种反应
a. 接:有可能是骚扰/广告电话,得花时间跟他们battle,所以大部分场景用户内心是不想接的;
b. 不接:有可能是工作上的电话:担心错过什么重要信息;
c. 一些知道是对方是谁不想接但又不得不接的场景:xxxx。
1.2 功能介绍
小米做了一个AI机器人,可以自动帮用户接电话,且进行一些简单的对话。
1.3 优点
a. 以上3种场景,都可以先让机器人接电话,待对方标明来意后,再决定是否要接入(重要);
b. 可以自定义开场白,显得不那么“机器人”;
c. 机器人傻傻的,有时候遇到比较话痨的广告/销售,看他们的对话给枯燥无味的生活带来亿点点乐趣。
1.4 缺点
a. 机器人太傻了,这个AI不够AI,可能小米做这个功能的初衷就是为了解决我上面说的场景吧,并不是为了真的能和对方对话;
b. 机器人包含一个“留言待办”的功能,当对方说“请帮我转告xxxx”,机器人会回答“好的,我会帮你转告的”。然而最后并没有以任何消息/待办通知我?不知道是bug还是....。
2、小米小组件
2.1 目标用户
选择恐惧症患者。
2.2 功能介绍
小米在桌面做了一些有意思的小组件,其中三个是摇骰子、猜拳、掷硬币。用户可以直接在手机桌面上点击触发开关,系统会随机判断出一个结果。
2.3 优点
简直是选择恐惧症患者的神器啊,生活中难免遇到纠结的事,当选不定主意的时候,一键帮你做出选择,久而久之人会变得果断!
2.4 缺点
a. MIUI不愧外号BUGUI,小组件不是很稳定,偶尔会卡顿,或者loading了好久后不出结果(再这样下去我要弃坑了);
b. 爱情公寓里的一句台词,“当你决定要抛第二次硬币的时候,其实你内心也就有答案了”。希望这个组件可以强制(或者默认)改成一次性的,彻底治好选择恐惧症。
3、网易云VIP设计
3.1 用户场景
已经开了网易会员的用户,如何获得用户的认同感,或者说增加用户的会员感知。
3.2 功能介绍
a. 大部分APP的开屏页都是广告,用户一旦购买会员后,即可享受免广告的服务,常见的处理方式是直接隐藏掉广告,跳过开屏页直接进入功能页,但网易的做法是依然保留开屏页,去掉广告,且在右上角显示“VIP已为您免广告”。
b. 在播放一些会员特权音乐的时候,也会在顶部Toast“您已尊享会员歌曲播放”,且该toast只弹一次,应该是前端缓存(每次都弹就很烦了)。
3.3 分析
a. 场景:音乐软件不像其他工具类APP,用户打开的时候,通常是以一种比较放松的心态(不会有人急急忙忙要听歌吧),所以保留主题开屏页停留1~2s作为一个过渡的方式的可取的,反而如果因为没有广告一打开就进入播放界面会有点核突。
b. 用户特点:众所周知网易云一直被诟病版权少,但几年的厮杀下来,目前依然是这个领域的巨头之一,靠的是自己独特的产品定位:音乐社交、社区内容。甚至曾经一度造成【网抑云】这个梗,由此可以窥视网易的用户有一种“小资”的特性,这种人往往比普通人更渴望得到关注、认可。
c. 产品策略: 在一些比较小的角落,无时无刻提醒你,“您是我们的vip用户,我们帮您提供了一些专属服务”,让用户感知到自己是会员这回事。这是一种正向反馈,用户购买了我们的产品,我们就要主动反馈给用户这笔钱花在哪了。如果没有这2个小细节的设计,其实对用户使用功能来讲完全没影响,但会少了一种“认可感”。毕竟人都是有虚荣心的,在此借用某科技博主一句台词。
其实跟QQ的会员类似,但QQ主打的是社交,你的好友可以看到你的会员等级很正常,但很少人会在网易云里去看好友的会员等级,所以这里无法让用户的朋友感知到会员的强大,那只能在某些地方加强用户自己对会员的影响了。
4、拼多多购物流程
4.1 用户场景
用户选择完商品后,点击付款
4.2 功能介绍
普通的购物软件(比如淘宝京东),一般在商品详情页让用户选择商品类型,点击【确定】后,再跳转到提交订单页,在提交订单页再点击【确定】,生成订单后,再弹出支付弹窗,让用户进行付款。整个流程下来需要3步,如果开通免密支付,可省略一步,也就是需要2步。
而拼多多,在商品详情页的选购弹窗,就已经预览了用户的【收货地址】、【商品类型选择】、【支付方式】,且支付方式会默认选中拼多多的免密支付或者微信的信誉分支付。也就是说,用户在选择好商品类型后,只要点击一下【确定】,就已经支付成功了。
4.3 分析
相比淘宝京东等常规购物APP,拼多多省略了2个步骤,意味着整个下单流程的漏斗会减少掉2个部分的流失,这对提高订单量绝对有着举足轻重的影响。以我自己的经历讲,有时有买某个物品的念头,本来打开购物软件只是过过眼瘾,并不是真的想买,这种情况一般会纠结在下单页面和确认订单页,要么就是选好了迟迟不下单,要么就是下单了但不想付款。做电商的PM大概率也是通过一些埋点察觉到了用户这一行为,所以想着如何减少这中间的步骤,帮用户做决定。
最后的效果就是,本来你有念头做某件事,但因为自己意志力不够,迟迟没做成,后来有人在背后推了你一把,自己心里也就顺理成章地完成了这件事,有“来都来了”那feel。
4.4 总结
a. 通过交互设计,简化整个流程,提高转化率;
b. 当用户犹豫不决的时候,替用户做决策;
c. 这个设计堪称电商届又一大创新,越来越能理解拼多多是怎么在电商红海中杀出一片天来到,拼多多的PM真滴神;
d. 这个交互在拼多多上已经上线了大半年了,淘宝和京东一直没跟进,直到我在写这个稿子的时候,才发现淘宝也偷偷学了这个交互。emmmm....
5、小米触感动效
5.1 用户场景
人焦虑或者无聊的时候。
5.2 功能介绍
小米为了向用户展示声音和马达的调教效果,设计一段简短的声音+震动动画,结合触觉和听觉让人仿佛置身其中,整个过程十分解压。(GIF无法暂时声音和震动效果,看看就OK)
5.3 优点
解压。
5.4 缺点
a. 仅针对部分机型,充钱让你变得更强;
b. 不得不承认这个动画真的十分优秀,但真正应用到手机上的其他地方的震动体验并不是很好(迷之...理论上不应该才对)。
6、语雀Ctrl F 支持识别图片上的文字
6.1 用户场景
用户在使用在线文档查看某些资料的时候,有时候为了快速找到某个关键词相关信息,一般会使用Ctrl F全局搜索。但有些关键词不单单是以文本的形式记录在文档,有可能还会在图片上,但一般的在线文档工具是无法识别到图片上的文字的,导致搜索结果不完整。
6.2 功能介绍
用户使用语雀(www.yuque.com)写文档,将文档分享给其他人。在访客态下,用户Ctrl F搜索关键字,支持识别图片里的文字(比如搜索关键词“数量”,Ctrl F后,发现除了文本外,连图片里的文字都能被识别出来)
6.3 分析
我也是在看API文档的时候才使用这个工具,刚开始发现这个功能有点小惊喜,了解到语雀是阿里内部孵化出的产品,顺手看了下阿里的开发文档是否也具备这个功能,结果令人失望。再看一眼腾讯、字节等大厂的开发文档,也是不具备该功能。其实目前图片识别文字技术已经很成熟,应用成本不高,可能是认为实现的价值不高所以没跟进吧?
另外,目前市场上在线文档平台很多,主流的有腾讯文档、石墨文档、金山文档;二三线的有印象笔记、有道云笔记、语雀等。除了语雀外,均无该功能。这也给了语雀一个与竞品打出差异性的功能亮点。
6.4 总结
优秀的产品总能在这些小细节俘获用户的心。
7、蚂蚁庄园的隐藏彩蛋
7.1 用户场景
蚂蚁庄园首页右侧第四个图标“运动会” > 登山赛,玩法是左右滑动跨栏爬阶梯,踩中陆地即可实现一级一级往上跨栏即可。
7.2 彩蛋
如下,这个游戏大改版过一次,第一版没有“河流”这个元素,只能踩在陆地上,熟悉第一个版本后,用户(我)会误以为只能踩陆地,但有一次不小心掉到河里反而发现了另外一个彩蛋。
7.3 总结
自从乔布斯在苹果发布会整了一手 one more thing 后,越来越多的产品经理注意到这种花费比较小成本却能深度触动用户心弦的细节,营造一种神秘感让用户自己去挖掘(类似的还有西游记后传悟空发现自己是最后一颗舍利子,头号玩家里各自隐藏彩蛋)。
8、小爱同学支持粤语对话
8.1 功能介绍
识听识讲,给正在学粤语的广东人给了一个人机对话的机会,另外一个是能让一些只会讲粤语的人群也体会到人工智能的乐趣。为什么会列为“有趣”的功能,是因为前端时间一致在学讲白话,但平时很少有开口的机会,刚好小爱更新了粤语模式哈哈哈哈。
8.2 竞品分析
9、阿里H5顶栏&加载动画
9.1 背景
App打开第三方页面,顶栏都是固定的颜色(一般是白色),然后居中显示标题,左侧和右侧分别是返回和删除。如果是文章类的,一般不会注意到这个点,但如果是海报类或者游戏类等需要跟整个屏幕融成一体的场景,这种体验其实是很差的,明明一个完整的屏幕,无端端顶部突然出现了2行颜色风格很核突的的内容。就好像跟相亲对象见面,对方戴了一顶帽子似的,你甚至不知道对方是不是秃头。(如下这一块)
9.2 功能介绍
如果你对上面这张图没什么概念的话,可以看下淘宝的芭芭农场是怎么做到:
模块1:把浏览器的顶栏做成了下面背景一样的内容,直接融入到整个页面
模块2:细心的人可能还会发现,进入这个页面的时候,手机的状态栏颜色也跟着改变了(首页的状态栏是白色),其实也是更好地融入整个背景
9.3 总结
还记得实习的时候做的第一个项目,在APP里嵌入一个H5实景的养成类游戏,有点类似支付宝的蚂蚁庄园,由于APP的顶栏和H5的导航栏是白色的,且一般不可定制,当时为了达到这种“沉浸式”体验,但又由于专业知识的浅薄不知道怎么表达和实现,我直接跟开发大哥说做成跟支付宝一样的效果,在被喷和学习中互相battle,最终修改了顶栏和状态栏,但却没改动到加载动画(忘记什么原因了),没有达到预期的效果。
还是那句话,细节的地方总能提现一个产品的温度。
10、高德地图的实景导航
10.1 背景
今天早上(10/30)下楼买早餐时,遇到一个阿婆问路,我跟她说先直走然后左拐右拐....,说完阿婆反应有点似懂非懂,我突然意识到这老人家上了年纪怎么记得啊,遂问她有没有带手机,我帮他开下导航。帮阿婆设置好2D导航后,阿婆表示看不懂2D地图(可能是对附近的路比较陌生,不知道路叫啥名字),于是我突然想起了高德地图有一个实景导航的功能,于是叮嘱阿婆抬起手机等待一会,跟着路标走即可。
10.2 功能介绍
高德地图设置步行导航时,将手机抬起垂直地面,等待1-2s后,将会自动进入AR实景导航模式(如下),画面会实时预览当前所在区域的实景,并在实景上指引方向。
10.3 总结
很贴心的一个小功能,用户需要用到导航的时候,往往都是身处在比较陌生的环境,对周围的路标,路名都不认识。虽然以前已经实现了2/3D导航,但有时候手机的水平方向仪不准,且不是所有人都会看东南西北的指向,很难辨别方向。有了这个功能后,用户抬起手机就知道往哪走,再也不用自己去分辨路标和方向,对于一些路痴用户是十分友好的。
看网上很多段子都在骂缺德地图,有时候导航不准是局限于技术和地理大数据的整合,一个优秀的产品都是需要无数体验/反馈来改进的。但产品团队能想到用其他功能/体验来弥补一些短期内无法改善的缺点,背后也是一份份对产品的敬畏和热爱驱动的,一起期待会越来越好吧。
11、企业微信切换帐号预览
11.1 用户场景
办公场景下需要使用腾讯文档,需要用企业微信的身份登录。如果之前用个人微信登录过,需要退出后重新登录,大部分系统会有一个【切换帐号】的入口,点击之后再触发登录组件。好一点的会在切换登录组件直接预览以前登录过的帐号,差一点的就直接退出整个界面需要重新输入帐号密码进行登录了。
11.2 功能介绍
当用户有【切换帐号】的意图时,hover头像后,底部会预览当前可登录的帐号(身份),帮用户省去了再点击一次登录的操作,整个流程只需要hover > 点击新头像,即可。
11.3 总结
纵观腾讯系的其他产品,例如QQ,微信,在切换帐号的场景下,都没做到这么方便快捷。也不是吐槽做得不好,而且社交场景下,比较少有切换帐号的需求。工作场景中比较常见,能帮用户省一步是一步。
12、QQ截图自动打码
12.1 用户场景
在聊天中发现一些“有意思”的内容时,用户会全选转发或截图分享传播,但2者都会造成个人信息泄露。所以有时候用户在截图的时候,会裁切掉双方头像和名字/群名(如下)。虽然现在大部分手机都支持截图后裁切,但有些系统的交互做得还不够人性化,所以操作起来也是有一定门槛。
12.2 功能介绍
在QQ聊天界面中,多选聊天内容后,点击底部导航栏的截图按钮,截取后会出现多一个【隐藏昵称】的选项,选中后自动将昵称/头像/群名打码,用户可以在一个页面内完成所有操作,不用自己再去裁切。
12.3 总结
其实APP是可以监听到用户的截图事件的,QQ的PM大概率在这里埋了点发现截图这个操作频率挺高,结合我上面分析的截图的操作意图,做了这个贴心的小功能。虽然很多人还是自己手动截图没发现这个隐藏小彩蛋,但也不妨碍QQ是一个优秀的产品。毕竟迭代这么多年了且出于行业龙头没有竞品可以抄,江郎才尽下还能有这种小更新的确不错。
13、竞猜规则
13.1 背景
负责设计一个竞猜的功能,比如世界杯决赛,阿根廷vs法国,用户竞猜,猜中了可以获得奖品。
第一稿设计的是用户竞猜后不能修改,但评审的时候,领导问为什么不能修改,从逻辑上讲,只要比赛开始前(截止竞猜),用户随便修改也不会影响最终的结果。而且竞猜不像投票,一方的支持率up,不会影响另一方支持率(比如看到大家都投A,A估计是赢定了,我也改为投A)
当时突然被问住了,因为逻辑上的确没错(B端PM的惯性思维了...),且提供给C端用户更多选择。
13.2 调研过程
评审结束后,我很疑惑为啥市面上成熟的产品都是竞猜完就不能改,肯定有我不知道的坑,于是上网搜了一圈并请教了一些前辈,最后总结市面上的竞猜做成不能修改的原因有2个:
a. 有浮动赔率,庄家需要根据当前支持数设置赔率(但我们的游戏不涉及到这点)
b. 竞猜本身有赌博的性质,心理学上讲“买定离手”,如果买完还能随便改,逻辑上没问题,但心理上就少了一点“赌徒”的味道(赌博的娱乐性?)
继续深入了解:
a. 市面上大部分竞猜都是不能改的,商家可能也有这个认知,如果我们做成可以改的,商家并不知道这回事,后面看到支持率会改动,大概率会问过来(虽然我们在编辑页就写清楚说可以改,但商家可能也有疑问为啥你们能改别人不行)
b. 允许改还要面临承担用户的决策成本(不能改,用户会在下注前就想好,能改,用户就不想了,反正能改,先下注再说)
13.3 小结
在知乎看到一篇相似主题的文章《做完考试卷子,检查的时候发现两个答案不知道选哪个,该不该改答案?》,突然想起学生时代考试的经历,明明对的答案,最后还改成错的,十分懊恼(虽然也有错的答案改成对的,但这在主观认知上属于正常行为,并不会一直惦记在心上)。正是考试的场景是允许我们修改的,才造成的这种后果,但这是我们无法控制的一个客观事实。但如今作为一个新功能的设计者,我是有权限决定是否允许用户修改,以上,不需要支持用户修改。
后悔是一种很难受的负面情绪,世界上也没有后悔药,但我们能做的,就是最大程度避免后悔。错过的事就随风去吧,早点释怀(迷信ing)。
14、PC端安装提醒
14.1 背景
如果一个产品有客户端,通常在官网都引导用户下载安装,而实现这个功能的交互一般是会有一个【下载】的入口。
14.2 功能介绍
在抖音官网,当用户浏览到某一个页面时,右上角可能会出现一个【添加到桌面】的弹窗,点击进入后直接触发下载逻辑,引导用户下载。(一开始我以为是一个浏览器的快捷方式,然而实际上是下载客户端)
14.3 功能分析
①. 客户端:一个“名词”,告诉你这个是什么东西,但有非互联网行业者可能无法get到客户端是啥玩意(一些专有名词),秉着不乱点就不会错的原则,用户可能就直接忽略掉了。
②. 添加到桌面:一个“行为的引导”,直接告诉用户“你这样子操作”,就能“得到什么结果”,很简单粗暴好理解。生活中常见的还有“我要抽奖”、‘我要购买’之类的引导语,用户看到这句话就知道自己要干嘛,点进去操作即可。
14.4 竞品
好奇看了下快手/腾讯视频/爱奇艺/优酷等 同类型竞品,全部都是以【客户端】的身份自居,当然不是说这种交互不好,因为每个产品的侧重点不同,对于电脑端,看流媒体一般一个浏览器就能承接所有了,所以其他产品的pm可能认为这不是一个重要的点,所以收成一个icon替代,不占更多版面。但既然有这个功能,是不是也可以考虑做得更人性化一点呢?
15、网易云彩蛋
15.1 背景
海德薇变奏曲(Hedwig‘s Theme)是《哈利·波特》系列电影中的配乐,由美国作曲家约翰·威廉姆斯(John Williams)编乐,第一次出现于《哈利·波特与魔法石》中。
15.2 功能介
在网易云音乐打开《Hedwig's Theme》,先点个❤喜欢一下,然后打开评论区,翻到第九条评论,在3/4的地方(差不多靠近下划线),双击2下。会看到一面奇异墙,墙后一辆列车缓缓到站,车门打开,随着镜头的深入,一片耀眼的白光过后,网易云就会送你去霍格沃茨上学啦。
15.3 小结
关于网易云的产品定位在第3个功能有详细分析过,这里就不在赘述,但还是忍不住夸一夸网易云的PM真的太懂用户的小心思了,我愿意和拼多多的PM称之为卧龙凤雏(褒义)
另外,有没有人好奇为啥是第九条评论,而不是第十条?为什么是3/4的地方而不是其他,因为当年开往霍格沃茨学院的列车就是从9又3/4的站台出发的。它代表着哈利对魔法世界的好奇与向往,以及他友情后冒险的开始。(我也是百度后才知道的QAQ)
最后,关于网易云这个小彩蛋,还有另外一个随机小彩蛋,这里就不展开说啦,留有有缘的读者去发现~
16、抖音退款自动识别订单号
16.1 背景
用户在电商平台下单后,商品不合适,需要退货;
16.2 内容
物流方式选择【自己寄出】,再次打开抖音订单 - 退款页的时候,系统会读取剪贴板的快递单号,并自动帮用户填到退款单里,并提醒用户我已经自动识别到并且帮你填好了,用户只需要点下底部的【提交】按钮即可,体验非常好。
16.3 竞品
淘宝:没有自动识别,需要用户手动填快递单号,但用户填完后有自动识别是哪个快递公司的(应该是近期才实现的新功能,我记得以前还需要手动选快递公司,当时就吐槽过真的恶心)。
16.4 小结
其实实现这个功能并不难,现在第三方物流都已经提供对应的接口了不知道为什么淘宝到现在还没实现。讲道理菜鸟还是属于淘宝系的,电商体量又比抖音大得多,真是满足了天时地利,就差一个人和。往小了说是PM觉得这个功能价值不高没排上期,往大了说也可以窥视到阿里系产品已经成熟,PM飘到根本就不顾及用户体验只想着怎么赚钱了。
抖音给人的用户体验就是爽,能从一些小细节节约用户的时间,而淘宝被吐槽已经不是一天两天了,除了这个功能和价格因素,其他地方也很多做得不如拼多多和抖音,已经被拼多多追上,接下来可别连抖音都干不过。