10篇 | 产品细节剖析,让你看看大厂是如何做设计的!
如何让自己的产品在保证基本的可用性和易用性的同时,还能让界面看起来柔和、更富有亲和力?一个产品能留住用户的虽然是内容本身的质量与吸引力,但一个小小的细节却能够阻止用户的流失,成为内容转化的最后一道防线,让人眼前一亮,值得借鉴。
01.「网易云音乐」遇见陌生人-听歌交友
产品体验:
使用网易云音乐的一起听功能,除了能分享给好友外,还可以选择“遇见陌生人”,系统自动匹配兴趣相投的陌生人并添加进来一起听歌。
设计思考:
自网易云音乐“一起听”上线以来,深受广大用户的好评,原来听着寂寞的歌曲并不会寂寞。基于不同的需求,心情不好时,邀请闺蜜一起听;有新歌发行时,邀兴趣相投的好友一起听.....,但是,并非每次都那么方便,需要好友资源、相同时间、同一个音乐应用等诸多条件,有时候邀请发出去之后,收到的只有尴尬。
网易云音乐的一起听最新版本上线了“遇见陌生人”功能,这个功能能够让两个彼此之间不认识的人同时收听一首歌曲,对于有很多心事的人而言,这的确是一个可以让你袒露心声的好机会。和陌生人一起听歌,还能通过听歌来交友,实现了更多有趣的交流模式,让用户在听歌的过程中找到志同道合的好友,不得不说,这个功能真的很贴心。
02.「酷狗音乐」再也不用死死盯着歌词页面了
产品体验:
在酷狗音乐设置中可开启桌面歌词,按住歌词卡片拖动调整摆放位置(限设备四角),还可以通过滑动使其吸附在设备两侧,待需要时再拖出来,点击卡片关闭按钮,歌词关闭,歌曲也随之停止播放。
设计思考:
曾几何时,智能手机还未普及,我们偶尔听到一首喜欢的歌曲,赶紧回去打开电脑,开着桌面歌词,跟着学了起来。看着桌面歌词,跟随节奏,可能是学歌最快的方式了,在KTV看着屏幕唱歌就是最好的例子。随着后来智能手机的普及,听歌/学歌确实方便多了,任何地方、任何环境(耳机)随时打开APP就行,不知大家有没有发现,虽然听歌的次数、时间都增加了,很多歌都能哼上几首,但正经起来,好像什么歌都不会唱,要想学还得盯着APP播放页的歌词,太过局限,很多人都不想浪费这个时间。
酷狗音乐的桌面歌词就方便了很多。从设置中开启桌面歌词,用户在听着歌曲时逛淘宝、聊天、看书都可以随时浏览歌词,如果歌词卡片遮挡了手机内容,拖到边缘隐藏即可,非常方便有查看、摘录歌词的需求的用户使用,同一时间做着几件事情,省时省力,何乐而不为呢?
03.「微信」8.0浮窗-没有最好、只有更好
产品体验:
微信上线8.0版本,浮窗由之前的“边缘吸附-只显示标题”调整到了“左上角-显示网页预览图”,多个浮窗更清晰。
设计思考:
记得以前,使用微信浏览网页时,如果中途退出,下次就得重新打开,真心麻烦,用户在此痛点的诉求下,浮窗功能便诞生了,从此,聊天/刷朋友圈、看文章不再艰难,中途停止,用浮窗挂在屏幕边缘就行了,其方便程度自然不用多说。
微信一直致力于用户体验而不停的探索,正所谓没有最好,只有更好,即使上线了某个能让用户开心尖叫出来的功能,其团队也不会止步于此。微信8.0版本在上了一波“吊炸天”的功能后,也顺带优化了浮窗功能,不得不说:比以前好用多了。入口固定在了左上角,解决了之前悬浮设备两侧遮挡内容需要拖来拖去的问题,有多个浮窗时,也不用花太多时间回想哪个是自己想要的网页(之前只显示标题),通过缩略图就一目了然,能有效减少用户思考而带来选择性困难的问题,极大方便用户使用,考虑真的很人性化。
04.「Boss直聘」绑定微信-重要消息再无遗漏
产品体验:
在Boss直聘设置功能里,进入通知和提醒,按照提示绑定微信并开启消息通知,就可以通过微信接受Boss直聘引用里的沟通信息了。
设计思考:
对于现在的白领技术人才,很大一部分都是一边工作一边求职,以求某得更好的前程或更高的薪资,毕竟很优秀的公司还是在少数。不管在一个企业做了多么久,只要实力相当,跳槽涨薪远比待在一个公司提薪来的快,这是一个被业界公认又不会被挑明的真相。基于本身就在工作的原因,求职不会那么的明显,投递简历之后,更不会长时间停留在求职应用里,等到下班去看时,因为长时间未回复消息导致机会稍纵即逝。
Boss直聘的微信“代收消息”能帮助用户解决这个难题。通过设置中的消息与提醒,绑定微信,方便用户能通过微信及时收到重要的求职沟通信息,再也不用担心错过重要消息了,十分方便,为心中有“小九九”的求职者提供了很大的便利。
05.「QQ」自习室-换种方式学习,不一样的收获
产品体验:
在QQ的“动态”Tab功能里,进入自习室,能看到正在学习的人数,“点击加入”便可跟其他小伙伴一起学习了,学习中可相互够沟通、点击他人头像“充电”等,很有仪式感。
设计思考:
不知大家是否有过这种经历:想每天早上起来跑步,可没坚持两天就被各种理由征服;想决心减肥,可控制不了自己的嘴巴和食欲,连减肥的想法都没有了;想睡前看书,可抖音、游戏、追剧一直刺激着自己的大脑神经,最后书本只能放在家里吃灰。想努力的人总是能给自己定下每天的学习目标,做好学习计划,但是没过几天就坚持不下去了,没有意志力,整个人总是陷入焦虑的状况,放弃,又不甘心,重新开始又放弃,这样的恶性循环持续下去,可还是在原地打转,有没有想过换种方法试试。
进入QQ的自习室,我们就可以和更多小伙伴一起学习学习交流、互相鼓励,虽然是在线上,感觉有些虚拟,但针对自制力不强的同学却能起到获得坚持下去的动力,一群人在一起学习比一个人更有学习氛围和仪式感。
(不要抬杠,报过网课同学都清楚,看直播课通常会有更强的吸收能力,而课后看回播不仅会把时长翻上两倍,其吸收能力也比较差,直到看不下去放弃为止,少数自制力很强的除外。同样的道理,在图书馆看书比在家看书的效率也能翻上好几倍)
06.「百度地图」出行前的“极端”天气预报
产品体验:
使用百度地图,导航路线规划后,会出现当日的天气提醒,点击进入即可查看每个时段的天气预报。
设计思考:
“赌博看运气,出行看天气”,任何时候,大家如果优先知道天气情况就可以提前做好准备,这对人们的生活方便起到很大的作用。尤其是出行,天气的变化是影响我们是否携带雨伞、交通工具选择、保暖问题的重要因素,所以提前预知天气的重要性可想而知。
使用百度地图APP,导航路线规划后,出行方式的下方会提示最近可能影响到出行问题的天气变化,便于用户选择更合理的出行方式及交通工具,避免受到恶劣天气变化的影响。还可以通过点击进入,查看每个小时的天气详情,对于时间不是很敏感的用户来说,为了错开恶劣的天气,提前或延迟出行也是一种不错的选择。
07.「搜狗输入法」“跨界”复制/粘贴
产品体验:
电脑和移动端都使用搜狗输入法,且在同一个账号登录的情况下,电脑端出现文字复制的操作后,可在移动端设备任何位置的输入框内直接粘贴,非常便捷。
设计思考:
输入法给大部分用户的第一感觉就是用来输入文字的,哪个好用用哪个,一旦习惯了使用某个输入法,基本就成了忠实用户,不会随意去改变。不过有时候输入法只是辅助作用,并不需要直接使用,比如:我们在电脑网页看到自己喜欢的文案语录时,想发个朋友圈,就需要先复制,再用电脑端微信发到手机微信,最后从手机微信复制再到朋友圈粘贴,虽然很麻烦,用户还是可以接受的,不然通过自己码字就会浪费大量的时间。
搜狗输入法的黑科技一直都很多,比如图片英文翻译、智能助手、文字扫描提取等,都是非常实用的功能。最近发现了一个新的设计细节,让人惊呼。当电脑和手机端都使用搜狗输入法且登录同一个账号时,在电脑端复制文字后,打开手机端任何输入窗口,即可看到在电脑上复制的文字,直接粘贴即可,由被动辅助变为主动摄取,再也不用通过聊天工具发送到手机端进行二次复制的繁琐操作了,实现“跨界”复制/粘贴,非常方便。可以看出团队站在用户体验的角度上,对于输入法使用场景的串联考虑是非常贴心的,不仅能再次俘获一大批新用户的芳心,也能提升老用户的使用忠诚度。
08.「支付宝」蚂蚁森林/庄园-模拟现实世界的自然规律
产品体验:
在支付宝蚂蚁森林/庄园里,白天和夜晚分别使用了不同的场景,模拟现实世界中的自然规律,白天晴空万里、且有阳光照射,夜晚满天繁星、且有流星划过,颇具真实感。
设计思考:
几年前QQ牧场养殖、农场偷菜,如今演变却变成了支付宝的蚂蚁庄园养小鸡、森林偷能量,将以前的纯游戏思维转变成了如今的游戏+公益的形式,不仅满足了用户小游戏的需求,还能促进公益事业的发展,同时用户也会得到心理上的满足和成就感。蚂蚁森林/庄园小游戏对用户产生的粘性除了其模式的新颖,也离不开产品团队日夜刻苦钻研所提升的用户体验。
蚂蚁森林/庄园的视觉场景跟随着白天、夜晚的环境变化,产品遵循现实世界惯例来呈现信息,更具真实感,便于用户在使用中将现实中的体验不经意间带入到游戏场景,可使其更加投入,通过用户的现有认知,以促成情感化的体验,使产品更具亲和力。
09.「躺平」趣味化的“击掌”点赞
产品体验:
在躺平APP对其他用户的发表的动态推荐时,使用了击掌图标,且有光彩线条围绕着
掌心向四周扩散的动效样式,趣味性十足。
设计思考:
推荐是对其事件/事务认可的一种表达行为,最早可追溯到上古时代的尧舜禹时期,那时候如果对某件事或人,高度认可时就使用鼓掌(慢速且有节奏)的方式来表达;到后面慢慢演变成了简单的一个字“彩”;再到如今皆可用鼓掌、竖大拇指或直接言语...表达。基于互联网的发达,为了让更多人发现其内容资源的优质性,80%以上直接沿用了竖大拇指样式来表达对内容的认可及赞许,即使有区别于其他产品,也是在局部或动效样式上做出一点改变。
躺平APP的点赞样式较为新颖,使用了击掌的图标,并且使用了光彩线条围绕掌心向四周扩散的动效样式,相比竖起大拇指则更加强烈,意味着喝彩,表达了对内容的高度认可,相较于同质化严重的情况下作出了创新, 在过渡的时间差中,进行了趣味化的表达,更具视觉冲击力。
(“击掌”的点赞方式适合用于类似躺平、动漫、B站等二次元或个性化的产品中,如果用于工具、新闻、电商等类型产品,可能会对用户产生干扰,慎用)
10.「QQ音乐」导入外部歌单-不同的设备/账号歌单无缝对接
产品体验:
在QQ音乐我的页面,使用“导入外部歌单”功能,根据提示,即可把其他音乐应用里歌曲添加到QQ音乐歌单。
设计思考:
现在听歌早已不像以前,一张内存卡或一根数据线就可以把手机里的歌曲转移它处。基于人们生活水平的提高,数据流量套餐相比以前更是翻了百倍不止,WiFi基本人手普及,所以大家更倾向于在线听歌,无需下载(除非深山老林或地洞没有信号)占用手机内存,创建一个歌单,把自己喜欢的收藏起来,即时听歌,非常方便,如果没有特别的情况,成为了一款音乐应用的忠实用户后,基本不会频繁转移。
QQ音乐的导入外部歌单功能,可将其他音乐APP的歌单添加到QQ音乐自己的歌单里。对于导入外部歌曲,很多用户没有什么概念,感觉自己用不上,别忘了虾米音乐“尸骨未寒”,很多事情不是没有可能发生,当一旦需要时,这个功能就是“救命稻草”,可以想象,如果通过手动把以前的几百首歌曲一首一首的添加到歌单,不知道会不会“抽筋”。除此之外,还可以将歌单在朋友之间相互分享添加,这也是一种不错的音乐交友方式,实现不同设备、账号的音乐歌单无缝对接。
往期细节回顾:
结
语
设计师需要养成体验产品的好习惯并将优秀的产品细节记录下来,加强自己的记忆,不仅能提升自己的语言组织和总结能力,也为日后输出优秀的作品当铺垫,对自己的能力提升以及未来的职业发展带来便利。
扫码关注 一起探索