产品细节剖析,让你看看大厂是如何做设计的(2021-13)

4 评论 9013 浏览 36 收藏 30 分钟

编辑导语:一款好的产品除了功能过硬之外,还需要让用户在使用的时候感受到舒适,提升用户的体验感。而这些,往往体现在产品设计的小细节中。很多时候,我们喜欢一款产品,却说不上来哪里打动了我们,其实被我们忽略掉的就是那些能够提升产品体验的小细节。

查尔斯·狄更斯在他的作品「 一年到头 」中写道:“有人曾经被问到这样一个问题:什么是天才?他回答说:天才就是注意细节的人。”对设计师来说:“细节是头等大事”,那些优秀的设计师并非都有极高的天赋,只是在做设计时候多思考了一下细节而已,所谓细节决定成败。

181.「QQ」表情包-长按“弹射”的新玩法

1. 产品体验

在QQ最近版本中,长按表情包会出现一堆表情弹射的炫酷霸屏动效,并配有数量提示,松开手指即发送成功。如若在弹射过程中后悔了,可拉到底部的垃圾桶中,弹射结束并取消发送。

2. 设计思考

社交是指人与人之间的交往,在我们进行社交的同时,可以通过社交提升自己的人格魅力,但社交应用已从最开始的“用”逐渐融入了“玩、乐”的属性,其自然少不了趣味化的设计。QQ 用户群体较年轻,而且社交群体多样化,强调沟通的同时还突出了“乐”的重要性,年轻人爱玩,在当下好像没有什么毛病。

QQ最新版本增加了表情弹射玩法,弹射?有没有一听就很刺激的感觉。

在聊天过程中,选中并长按 QQ表情,再上滑到指定位置,小表情就会喷射出去并变成大表情包,根据长按的时间拉长,弹射出的表情就会越来越多,震撼的霸屏效果以彰显表情包的趣味性。而接受表情的一方则比发送的人感受更强烈,不仅整个屏幕画面左右晃动,手机也会疯狂震动,为聊天过程增加趣味性和互动性,带来更好的社交体验。

(功能本身虽没有问题,合理的使用固然有趣,但长期无理的过度使用会暴露出人性的很多缺点,则就成了干扰。事在人为,所以任何时候都需要把握一个度,适可而止)

182.「支付宝」搜索“急”-为出行准备的功能集合

1. 产品体验

在支付宝搜索“急”,结果页首先出现的是应急指南,列表除了展示出行最常用的几个功能之外,进入延展页,能看到更多跟出行相关的功能。

2. 设计思考

支付宝的搜索功能里一直隐藏着部分彩蛋,之前情人节上线了搜索“在吗”以匹配爱情歌曲来传达内心的感情,直接被刷屏甚至被推上热搜,这不,五一劳动节更新的版本里,在搜索中又增加了一个彩蛋。

在支付宝搜索“急”,结果页除了与关键词相关的功能外,其第一条搜索结果则是应急指南,直接设计了一个出行相关功能的集合,为出行需要使用相关功能的用户带来更便捷的体验,优化路径、高速直达,减少了用户因使用不同功能需要频繁单独寻找入口的操作。

不得不说,支付宝很善于契合用户使用场景和把控当下媒介,便于保持用户在不同的场景、时间下随时都有最佳的使用体验。

183.「抖音」求更新-增添更多新鲜感和互动性

1. 产品体验

为了表达对抖音博主作品的认可和喜欢,可在该博主个人中心页面右上角点击“求更新”来提醒尽快更新作品。

2. 设计思考

很多人在闲暇时间里都在刷着抖音,其中不乏一些非常有意思的博主,关注之后,时不时就会进去看看最新发布的短视频,有时候正看的起劲,突然发现没有了,要等下一期也不知何时,是否有种很无奈的感觉。

在抖音,如若关注的博主更新较慢或一直没有更新的话,可在其个人中心页面右上角点击求更新按钮,该博主就会收到系统的推送消息,让其明白大家非常期待,待看到后或有可能加快更新。

这是一个挺不错的催更提醒,还能让粉丝更文明礼貌的与博主互动。相比以前的私信提醒,更加方便快捷,为其带来更多新鲜感和互动性。

184.「自如」合租-提供合租人信息以供新租客选择性租住

1. 产品体验

在自如找合租户型时,可在对应户型的详情页“房屋信息”处浏览当前合租人对应性别、职业、星座等信息,可根据自己想要(不反感)的类型确定选择性租住。

2. 设计思考

在外打拼的年轻人,其租房就是很大一笔开销,所以很多人第一时间就想到了合租。

因合租引发的安全问题有很多,如盗抢、骚扰、猥亵等,尤其是针对女租客,所以导致部分女租客在租住前都会找熟人一起,实在没辙就只能想办法提前了解租客信息,比如提出性别、职业等条件要求,但中介公司又不是自家开的,想要了解是何其之难啊。

在自如寻找合租户型时,户型详情页提供了当前租客的基本信息,其目的是为了方便用户在租住之前就能了解租客部分信息,以根据自己的心理预期选择性租住,提升安全保障,同时平台还能通过此种方式打消用户出于对安全方面的顾虑和犹豫不决,促使用户快速决策以提升转化率。

(PS:心理学方面的租客确实可以从合租人的性别、职业、星座来判断一个人的性格,然后选择符合自己心理预期的人合租以提升安全保障。

这么说似乎有些浮夸,但事无巨细,任何有可能提高安全方面的功能都值得推崇,哪怕只是1%。就像滴滴线上报警按钮,等110赶到都已经出事了,但从另一方面想,信息的公开可能会让犯罪份子的不法行为多少有些收敛)

185.「优酷」一键弹幕-降低看片互动交流的难度

1. 产品体验

用优酷看片时,在打开弹幕的情况下,系统会根据视频剧情内容提供部分用户可能想说的话,以便快捷发弹幕。

2. 设计思考

有人问,看视频喜欢弹幕的人是一种什么心理?其实这已经由以前的摆脱孤独(被动)升级为现在的调侃/恶搞(主动)动机。

在视频的播放过程中,比如剧透后面的相关剧情、或所谓的“高能预警”暗示即将出现的精彩/恐怖内容等。但也会因影片文化、地域差异出现一些无法理解或者难以发现的细节,想发弹幕却不知如何描述,无疑增加了弹幕编辑的难度。

在优酷APP看片过程中准备发弹幕时,系统会提供部分跟剧情相关的弹幕内容,用户点击发弹幕即可,省去了内容编辑的过程,降低看片时弹幕互动的难度,一键发送、非常方便,间接的增加用户交流互动的频率,提升用户使用体验以增加产品跟用户之间的粘性。

186.「丁香医生」下拉刷新-科普健康小知识表达关爱之意

1. 产品体验

在丁香医生APP下拉加载的过程中,等待刷新完成的空档期,顶部空白区域会分享健康小知识,且每次都不同。

2. 设计思考

当我们在APP中遇到网络不好时、对精选的内容不满意需要更换时,都会进行页面刷新,而页面(后台传输数据)下拉无疑是最快的一种刷新方式了。设计师需要做好在刷新的过程中如何留住用户继续等待,避免用户焦躁的情绪等预防措施,如果将加载的空档期运用好了,可能会有意想不到的收获。

丁香医生APP页面下拉刷新时,在加载过程中,通过宣传健康小知识来表达对用户的关爱,其融入的情感化设计以实现与用户情感层次的交流。贴心的设计细节既能避免在刷新等待的过程中可能出现的焦虑感,还能时刻让用户感受到产品的温度,快速拉近用户与产品之间的距离。

187.「微信」增加操作难度-能及时止损

1. 产品体验

在编辑微信朋友圈内容时,长按图片后可拖到底部移除,与之前原地删除相比,增加了操作的难度。

2. 设计思考

微信朋友圈不仅能承载着我们的生活轨迹,也是让身边人知道/了解自己现状的最快途径,到了饭点朋友圈先吃、健身打卡只为发个朋友圈、外出旅游朋友圈晒一晒等,发圈频率可谓是非常之高,操作失误的次数也会随之增多。自从删除朋友圈可再次编辑功能上线后,网友直呼真香,试想连发布后都会发现出错,那么在编辑过程中存在的失误可能就更多了。

大家应该都有印象,以前我们在编辑朋友圈时,想要删除编辑框中的图片,长按图片即可在当前位置操作删除,非常方便,而现在则需要长按图片拖到底部才能完成,增加了操作的难度。

表面上看似乎是反其道而行之,其实不然,删除有风险、操作需谨慎,虽然操作失误了可以重新再次编辑,但无疑会增加用户更多的时间成本。

微信编辑朋友圈删除图片的做法,是利用增加操作难度来延长删除完成的时间,给予用户更多时间做决策思考确定是否删除或有无误操作,如中途返回能及时止损,相比之前的误操作删除后需要再次从相册选取图片要更人性化。

188.「百度网盘」60秒免费高速通道-转化用户的利器

1. 产品体验

使用百度网盘下载文件时,非VIP用户感受“龟”速下载的同时,在下载页底部会提供一个免费试用高速下载的服务体验入口,点击免费试用即可享受60s的高速下载,倒计时结束后即自动回到“龟”速下载。

2. 设计思考

百度网盘应该是目前用户体量最大的云存储工具了,虽然不时就会有“某某某”网盘面世、既免费又超级好用的说法,但在未做到普及前,我们依然会选择百度网盘,毕竟别人用百度网盘分享给你,你还有得选吗?

平时,我们将大量的文件存放在百度网盘(尤其是设计师,动辄几个G、几十个G的素材包),一旦需要下载使用时,非会员用户就苦逼了,100kb/s左右的下载速度,等到下载完成,可能都要快“去世”了。

同时,在这个时间档,如果用户急用,可能会开通一个月的会员配合网盘内所有文件的下载或直接等待下载完成后卸载软件,将这次使用定性为最后一次,然后转投它处,更别说使会员成为忠实用户了。

使用百度网盘下载时,系统会给非会员用户提供一个60s的免费VIP体验服务,到时间后则关闭高速通道,这事看起来多少都有些流氓行为,但对平台来说,是一个非常不错的激励用户方法,用户在体验过高速下载的快感后,基于损失厌恶的心理,对于突然回到“龟”速下载极度不适应,不管是出于头脑发热、还是真心想继续使用高速下载而快速决定开通VIP服务的想法并不重要,因为针对平台来,用户购买增值服务的转化得到了大幅度的提升。如果部分用户体验之后还是不会去开通会员,平台并没有损失,因为用户原本就没有付费的打算。

另外,基于中华传统美德,大部分人都有互惠心理,当平台给与一定时间的免费体验后,也能博得用户的部分好感(礼尚往来),其更能接受付费的做法,从而在降低心理防备的情况下激励用户去开通VIP服务。

(如果用户下载的文件较小,在免费VIP的时间里足够下载完成,相比给予“龟”速将用户挡在VIP大门之外,更能保持其使用粘性,至少用户不会转头就走。)

189.「京东」评价-不同的星级 不一样的反馈

1. 产品体验

在京东对订单评价打星时,如果选择5星好评,系统会在星星四周增加较为可爱、喜庆的动效,用开心的感觉反馈给用户。

2. 设计思考

众所周知,一个商品评价的好坏可能影响着后来消费者的购买决策、店铺的综合评分和销量。当店铺存在较多差评时,不光商家需要自省、改善,还可能引来平台的介入,甚至处罚;

反之,不仅店铺的名声好,也会赢得平台的推荐及其他区域的曝光。可以说,用户评价是平台作为数据统计、确定店铺优劣的重要条件之一,评价功能的使用体验是提高用户主动作出评价的重要因素。

京东订单的评价功能,可谓是花了心思,评价对应的星级会反馈不同的结果:

  • 1~3星(不满意):基本属于差评或对其中有某些不满意,系统会弹出较为常见的问题方便用户选择性评价,确保评价真实性,用户无需思考,能在短时间内快速做出决策,节省大量时间及提高评论的概率。还能让平台更精准捕捉到问题的类型,方便统计及日后处理;
  • 4星(满意):对用户来说,基本上是满意的,没有做出特别的反馈;
  • 5星(非常满意):选择5星好评时,星星的四周会出现较为喜庆的动效,平台用非常开心的状态对用户的操作做出视觉反馈,融入情感化的设计,丰富互动的趣味性,也为产品设计增添了人情味,让用户感受到友好、亲切的氛围,以博得好感,也为用户日后主动评价做铺垫。

190.「QQ音乐」不同的网络环境-暗示基本的使用

1. 产品体验

在网络正常的情况下打开QQ音乐,会直接进入到首页,如遇网络异常,则直接进入我的页面。

2. 设计思考

在如今的信息大爆炸时代,最大的功劳应该归功于网络的便捷性。虽然网络已覆盖至各个边边角角,但依然有些地方偶遇网络失效或极度不稳定。

如:火车进入大山/穿山洞、山下班地铁的部分地下深处、地下商场的负n层,都会碰到“网荒”,这时候不管手机的应用刷新多少次,反馈给你的可能是无尽等待,基本无法使用。

QQ音乐为了让用户遇到“网荒”时还能保持基本的使用,在打开后直接进入到“我的”页面,可从喜欢、本地或自建的歌单等功能中选择音乐播放。

平台这方面的考量是基于用户不管是收藏喜欢的歌曲、还是自建的歌单,其前置条件是90%的歌曲以前肯定都听过,否则何来喜欢之说,在听歌的短暂过程中,系统已进行了缓存,虽然缓存的目的是便于用户后续免流量播放,但也为网络失效时能正常听歌打下了坚实的基础。

虽然我们都知道无网络状态可以听缓存歌曲,但若无QQ音乐将其直接送至“我的”页面进行暗示,定然有部分用户还在首页一个劲的刷新或直接放弃使用。

QQ音乐对于网络环境的考量可谓是非常贴心及人性化,从用户角度出发将体验做到了极致,只用让用户在任何网络环境下都方便使用,才能体现出产品的更大价值,哪怕只是一个小小的提醒。

191.「钉钉」自动工作状态-避免不必要的尴尬

1. 产品体验

在钉钉发起审批通过后,特定时间里,头像上方的工作状态会自动更改审批类型及时间,可手动修改其他状态。

2. 设计思考

钉钉给我们的工作带来的非常大的便利,尤其是2020疫情肆虐的上半年,大部分工作沟通及事项处理都是通过钉钉进行。

另外钉钉有多种类型的状态标签,选中设置,并能长期显示于头像下方,方便公司的领导、同事对我们的当前状态一目了然,但这毕竟是手动设置,如果有时候忘记去更换,自己在无暇顾忌工作的其他状态中依然可能收到领导的工作安排和同时的协助需求。

钉钉为了方便用户当前状态的即使更新,只要是通过线上发起的如请假、出差、会议等审批,待通过后,进入到所申请的时间范围内,自己的当前工作状态会自动更新显示于头像下方,便于领导随时知道自己的当前状态而决定是否安排接下来的工作,避免尴尬的情况出现,也能方便同事在看到自己的状态后及时的将部分协助工作合理的延后,避免影响团队工作进度。

(PS:本人亲身经验,在一次请了长假之后,手动将系统自动设置的请假状态改成了其他,但很多同事并不知道我请假了,频繁发来各种工作上的事情,当再次恢复到请假状态后,瞬间清静了)

192.「豆瓣」“魔戒雨”-趣味化的表达 不经意间的惊喜

1. 产品体验

在豆瓣APP搜索指环王,会出现一堆魔戒从屏幕缓缓落下,电影入口处会一直漂浮着一个戒指的动效气泡。

2. 设计思考

很多应用都喜欢设计一些彩蛋,通过用户在某个不经意间的动作触发之下,系统给出某种温馨的反馈,让用户感受到应用对自己的理解或关怀,让整个使用过程更加愉快。

豆瓣APP也在其中设计了很多彩蛋,细心的用户会发现,在搜索指环王(魔戒再现)时,伴随着结果内容的出现,有满屏的“戒指雨”缓缓落下,指环王电影入口处还一直漂浮着一个戒指时刻吸引着用户,引导用户点击操作,利用既有趣又贴合关键词设计概念的彩蛋,通过趣味化的表现方式,不经意间带给用户惊喜。

193.「淘宝」提供“高速”通道-解决购物车已满的问题

1. 产品体验

淘宝购物车最多只能添加120件商品,达到极限后如再添加,除提示购物车已满、请先清理的提示外,还会将最早加入购物车的商品以弹窗的形式提供给用户加购替换,加购成功后,之前的商品移入收藏夹。

2. 设计思考

平时我们在逛购物平台时,会把自己喜欢、稍微有点感觉的商品加入该平台购物车,反正也不占内存,待商品有优惠折扣、降价或节日大促销时在回来确定是否需要购买。

但购物车也不是无限大的,总不至于把平台所有的商品加个遍吧,当购物车已满后,就只能先去购物车清理一些不想要商品后再来。

淘宝加入购物车的商品数量达到极限后,再次添加则提供了一个快捷切换入口,系统会通过弹窗将最早加入购物车的商品显示出来,以供用户进行加购切换,如果对替换的的商品不满意,通过“换一个”操作切换购物车的商品即可,加购成功,被替换的闪屏进入收藏夹。

加购切换的快捷弹窗给用户提供了高速通道,跟用户进入购物车整理之后再回来加入购物车相比更便捷,操作更高效,通过减少用户的操作路径来增加产品的易用性。

194.「安居客」VR看房-更契合线下真实的房型

1. 产品体验

使用安居客租房时,选择VR看房,即通过旋转、缩放360度无死角的预览户型,身临其境的感觉,左上方还提供了3D模型,使其对房屋的整体结构更加了解。

2. 设计思考

当我们有租房需求时,看过几张房间的图片后,不管是通过电话还是微信聊的多么细致,可真正走到房间时,与自己想象的总是天差地别,户型不满意、空间太小、家具设备不齐全等问题频频出现,眼看着就快天黑了、落脚的地方得不到解决,在极度不爽的情况下,“骂骂咧咧”的还是把房子给租下来了,但这也直接让租客失去了对很多房源/中介的信任度,而警惕心也逐渐提高。

安居客的VR看房,结合房地产应用新兴先进技术,为客户提供一个身临其境的感受,打破了传统的看房方式,扫除部分看房障碍,为用户提供模拟线下看房全流程的线上看房体验,利用最真实的效果打消用户的部分顾虑,让看到的房型与真实效果的契合度更高,提升用户信任度以达到更大转化。

195.「支付宝」任务栏模糊-提升安全保障

1. 产品体验

在结束设备应用进程时,多任务栏中的支付宝页面会自动变的模糊,以最大程度保护用户的隐私。

2. 设计思考

大家到知道,支付宝付款非常方便,但别忘了,它还是一款理财软件,但凡有一点可能存在的安全隐患都被一一拔除,所以至今也未曾听说有谁的资产通过支付宝被盗取。在安全方面,支付宝根据用户使用账户的环境、偏好、身份、习惯等多种信息都做了综合分析,可见还是投入了很多心思的。

当手机需要结束任务进程、调出多窗口任务栏时,支付宝的页面会变得模糊,这是系统为了应对特殊场景对所做的加密处理,对用户的安全隐私方面做出的保护机制,有效防止泄露用户的账户/财产信息,进一步提升安全保障,自动模糊效果针对用户隐私可谓是做的非常贴心了。

结语

设计师需要养成体验产品的好习惯并将优秀的产品细节记录下来,加强自己的记忆,不仅能提升自己的语言组织和总结能力,也为日后输出优秀的作品当铺垫,对自己的能力提升以及未来的职业发展带来便利。

本期产品设计细节分享结束,我们下期再见。

#专栏作家#

大漠飞鹰;公众号:能量眼球,人人都是产品经理专栏作家。致力于产品需求的驱动、产品体验的挖掘,利用设计的手段为受众用户带来更好的体验,即好看、好用。

本文原创发布于人人都是产品经理,未经许可,禁止转载

题图来自 Unsplash,基于 CC0 协议

专栏作家

大漠飞鹰;公众号:能量眼球,人人都是产品经理专栏作家。致力于产品需求的驱动、产品体验的挖掘,利用设计的手段为受众用户带来更好的体验,即好看、好用。

本文原创发布于人人都是产品经理,未经许可,禁止转载。

题图来自 Unsplash,基于 CC0 协议。

该文观点仅代表作者本人,人人都是产品经理平台仅提供信息存储空间服务。

更多精彩内容,请关注人人都是产品经理微信公众号或下载App
评论
评论请登录
  1. 喜欢连载的哦

    来自福建 回复
    1. 感谢支持,我继续努力

      来自广东 回复
  2. 您好,非常喜欢您连载的文章,想问下里面的动图是如何制作插入的,是录屏吗?

    来自广东 回复
    1. 动图我是手机录屏的哈,AE处理下就好了

      来自广东 回复