优秀的产品设计小细节

  • 经验类型经验/观点
  • 经验属性原创文章
  • 经验版权署名-非商业性使用
850 2 6 2022-06-27

 1.【丁香医生】下拉刷新展示各种医学常识 


产品体验

在「丁香医生」首页上,每次进行下拉刷新时都会出现不同的健康小常识,比如「血管型黑圆圈可以热敷缓解」「眼屎多不是上火」等等。

设计思考

用刷新Loading结合健康知识来缓解用户在弱网情况下的焦虑情绪,体现出与其他平台的差异化,而且在健康app上很少有这么处理的,每刷新一次,就会有不同的健康小知识。无疑可以加大对丁香医生的好感度与黏性,而且这也是体现产专业度的一个点,若用户已选择性别的情况下,展示的是更具有针对性的知识,以此拉进用户距离。无聊的时候,我能一直刷! 


 2.【得物】点赞动效 


产品体验

「得物」app评论区点赞时,不是大拇指而是salute手势。

设计思考

「得物」是一个聚集了大量球鞋、潮品穿搭和潮流文化爱好者的网购产品,如何让产品的各个细节变得潮流和体现差异化是设计师需要去考虑的点。里面评论区点赞图标非常有个性,点赞图标不再是大家认知里的大拇指的图形,而是换成了网络流行和潮流文化常用的「salute」手势,很有新鲜感,并且加入了微动效以及一些字体设计,让整个过程变得非常生动、形象。可以提升用户好感度也更加符合平台的潮流社区定位


 3.【哈喽单车】上报故障 


产品体验

在扫码骑车时,发现该车因故障不能骑行,提示我进行报故障,发现页面是通过可视化的形式进行填写上报。

设计思考

「哈罗单车」的故障上报页面,以图形化、可视化的形式非常直观地将单车的各个部件拆解开来,只需点击故障的模块即可完成上报,避免了繁琐的文字描述同时也提升了报错的准确性。与常规的表单操作突出了差异化。用户在进行上报操作时,所处的环境往往是比较复杂的。可能是赶时间,或者是有其他事情,等等。所以利用这种可视化的形式,不仅提升了用户操作的效率,也减少了部分用户的认知负担,避免了可能不认识车辆部件而不知道如何选择的尴尬。


 4.【抖音】搜索乱码结果


产品体验

在「抖音」App搜索框中乱打一长串英文字符,搜索结果总会出现与儿童相关的视频内容。

设计思考

随着短视频的不断普及,视频内容也越来越多元化,许多家长在空闲之余也会在抖音上给自己的孩子搜一些动画片、娱乐片之类的视频看。难免会误触,乱点一些东西,我觉得是为了儿童考虑,如果不小心点击搜索而出现一些少儿不宜的奇怪的视频,也对儿童身心不好。有可能还会被家长投诉,这个设计细节还挺有趣的。但是目前发现评论区都是一群打人来打卡的hh


05.【iOS】返回细节


产品体验

当用户在操作中进入到深层级的界面时,长按返回弹出弹窗,可选择回到上级页面

设计思考

这个点也是不经意间发现的。用户在设置操作时,可能会存在多项进行设置,而且往往会进入到很深的页面层级,如果只能一步步的返回,操作步骤会很长,这样的交互设计使得「返回」变得更加灵活与高效,而且也算是产品设计中的的一个小惊喜。从而去提升用户的一个使用体验与好感度。


06.【夸克】高考志愿填报 


产品体验

「夸克」App新增免费的智能高考志愿填报服务。

设计思考

6月23日起,各个地区2022年高考成绩的查询通道即将陆续开通,考生们填报志愿开始了。

在我们以往填报志愿时,大家都非常的纠结,犹豫,而且几乎没有任何专业性的参考,所以考生们非常的棘手,今年,「夸克」App利用其强大的AI技术提供免费的智能填报服务。只需输入自己的预算分数,系统就根据大数据的推荐与分析,得到比较科学的志愿填报方案推荐。还可以在线新建志愿表,定制多种报考方案做选择。

而且「夸克高考」的专题页还提供了查大学、查专业、历年高考分数线、等路口,方便考生和家长对志愿填报做更多维度的分析考量,可以说是非常贴心的功能了。


 07.【微信读书】展示下一个勋章获取条件 


产品体验

在微信读书个人中心-我的勋章页面,随着使用时间会点亮相应的勋章作为激励,而且还会提示点亮下一个勋章的条件。

设计思考

微信读书通过勋章激励用户去阅读,让用户感受到满足感、成就感。但是通常来讲,我们在用软件看书时,基本不会太在意阅读的天数或者时长,但是微信读书将此记录下来,在你达到某个成就时,给你颁发勋章,会给人一种仪式感和惊喜感。从而提升用户对产品的好感度。而且告知下一个勋章获取的条件,可以激励用户继续完成以满足的条件,有一种打怪升级的感觉,想要得到所有的奖励,然后,让用户就会花更多的时间在微信读书上,以此来提高微信读书的活跃度。


 08.【友啥】有趣的文案 


产品体验

「有啥」APP的个人信息,使用个性化且比较有趣的文案作为默认信息,非常有趣。

设计思考

「友啥」App的定位是一个潮流有趣的好物研究所,同好们(共同爱好者)可以聚集于此,种草生活中的好物,并相互结识。所以产品里不管是视觉交互还是文案设计,都非常的有个性。

通常表单填写时枯燥而乏味的,而常见的APP通常都是使用占位符“请输入”或“请选择”等之类的提示,「友啥」则是默认采用了比较趣味个性的词“不关你事”来代替。一方面比较符合产品的调性,另一方面趣味化的文案让人印象深刻,吸引用户去点击查看,有时还能引发会心一笑,让填写的过程瞬间变得有趣味了。从而间接提升了用对户产品的使用粘性。


09.【美团】购买提示 


产品体验

「美团外包」购买会员时的按钮下方,会有“放心支付,不自动续费。”的温馨提示语。

设计思考

生活中一些常用的APP比如饿了么、哈罗单车等等,他们都有会员购买服务,而且自动续费都要便宜几块钱,但是自动续费有时候真的让人头疼,有时候当时只是为了先使用一个月,不小心选择了自动续费会,然后就容易忘记去取消续费,导致下个月继续扣费。现在也有很多APP让你点击按钮说试用一个月后开始自动扣费,很多朋友也会忘掉取消该协议,导致扣费。

也有些用户不知道如何进行取消续费,或者怕是自动续费觉得麻烦而不想要购买会员,美团外卖的这个购买的提示就非常的人性化,打消了用户的顾虑,从而能够顺心的去购买会员。


10.【高德】添加途径位置


产品体验

使用高德地图导航时,输入了最终目的地后,还可以添加最多15个途径点。

设计思考

平时生活中,导航的需求会各种各样,比如会开车接人送人、不同的人有不同的目的地,如果送完一个再重新输入下一个地址,操作其实会非常麻烦,也比较磨耐性。

「高德地图」这个功能解决了用户在多场景、多途经点的情况下使用导航时面临的苦恼,在设置导航时可一次性添加多个途经点。开始导航后,每到一个地点也不需任何操作即可自动将终点切换至下一途经点。可以说是非常方便了,避免每次都去重新设置,解决了不必要的麻烦,非常实用。


11.【Moo】音乐切换动效


产品体验

「moo」音乐切换音乐时,向右滑动唱片即可切换音乐,而且还加入了震动触感

设计思考

「moo」音乐是腾讯旗下的一款音乐产品,与目前市面上几款音乐产品不同,MOO音乐给人最大的感觉就是极大强化了用户听歌时的视觉体验,然后是他简洁的界面、极简的功能、独特的内容推荐等等。

市面上的一些音乐产品,别如网易云、QQ音乐等,在首页切换音乐的交互方式都是通过滑动底部音乐条进行切换。但是moo音乐的切歌方式做了一些差异化,切换过程加入了微动效,以及触感,让整个过程体感非常的舒服。让人忍不住多切换几首歌。


12.【小宇宙】点赞动效


产品体验

「小宇宙」推荐模块的点赞图标会根据内容的不同生成不同形状的ICON,比如爱心、音符、灯泡等等。

设计思考

如今,互联网产品中的点赞功能可能对于用户已经免疫了,不是特别吸引的内容往往都不会去点赞。而「小宇宙」的点赞图标会根据内容属性去更换图标,比如内容为音乐,图标就切换音乐;内容为学习相关,图标就切换为灯泡。并且点击之后还会有一个微动效以及触感。

很多时候点赞这种行为远不止表达喜欢一种情绪,可能会有一些感同身受和鼓励的表达。改变icon的设计,也更加贴近内容的语义和使用场景,是一种情感化设计的表达。


13.【高德】景区微动效


产品体验

「高德地图」搜索杭州西湖景区,然后放大时,会有一些微动效,可以看到鸟儿飞过湖面,小船在湖中游等的景象。

设计思考

「高德地图」将风景名胜区替换为了手绘的精美地图,与周围区域行程差异化对比,让用户感知更明显。为了让其具有情感化的表达,在一些5A级景区中,加入了微动效,比如鸟儿飞翔,动物嬉闹等等,简单的动效,就赋予了地图生命与活力,让地图也不在冷冰冰,让人有种身临其境的感觉,属于是产中的Aha Moment,使用过程中使用户眼前一亮的时刻(带来的惊喜体验),提升用户对产品的好感度。

情感化设计并不是轰轰烈烈,有时候仅仅一句文案、一幅插图、一个动画就能打动人心,使用户获得愉悦的使用体验;


14.【QQ阅读】提示动效 


产品体验

「QQ阅读」登录页面的隐私协议勾选用一只企鹅正在冰上钓鱼的动画去进行表现。

设计思考

目前几乎所有的产品隐私协议勾选在登录页面视觉都比较弱,大多数用户在输入账号密码后就直接点击登录按钮了,然后突然提示未勾选协议,打断用户进行操作,让用户感到很头疼。而「QQ阅读」利用自己独有的IP,发挥脑洞利用企业钓鱼与勾选ICON进行结合,不仅增加了操作的趣味性,也让不明显、容易被忽略的勾选变得更加的突出,用户在点击登录之前也会主动勾选协议,避免提醒打断用的操作。


Powered by Froala Editor

全部评论:2

更多作品

发表评论

取消

点击右上角
分享给朋友吧

分享到

取消

每人每天仅限5票,快给你心仪的作品鼓励的一票。

投票