总结 | 2020年最值关注的设计细节30条（摘录）

01.「产品经理」为拇指区域设计

产品体验：

①、更高的头部设计区域，标题栏的区域放大，主要操作向拇指区域靠近；

②、部分功能将导航及重要操作放在屏幕底部，让用户更易于接近目标，操作更便捷。

设计思考：

大屏幕尺寸已经是趋势，屏幕大意味着内容可以更大限度地得到展示。产品经理APP将头部区域设计的更高以及部分功能和导航置于界面底部的方式有效的解决的用户单手操作大屏幕手机操作的难点，更易于操作，提升便捷性。更有效的防止用户因操作困难而导致手机滑落（碎屏），增加安全系数。

根据费茨定律，任意一点移动到目标中心位置所需要的时间，与目标距离相关，尽可能缩短操作所相关按钮的间距。产品经理APP缩短了手指与操作按钮之间的距离，节约用户操作时间成本，提升了用户体验。

02.「微信」“拍一拍”用温度、脑洞交流

产品体验：

①、微信在好友聊天框，双击对方头像，对方头像会出现抖动和拍一拍和“你拍了拍Ta”的文字提示；

②、通过个人信息设置拍一拍，可以设置各种脑洞、恶搞、套路...(需更新到iOSV7.0.14版本)

设计思考：

在以前我们玩QQ的时候，我们可以使用「抖一抖」来提醒对方回复消息，或者无聊的时候挨个的找好友「抖一抖」，没准就抖出了爱情的火花。微信最近新增的「拍一拍」功能，有没有似曾相识的感觉。「拍一拍」从上线的开始，很多群聊里面基本都是拍一拍在刷屏，那么拍一拍到底存在什么意义呢？

“拍一拍”这个功能，可以弥补非语言线索的缺失，是一种动作上的“情感补偿”，可以提高传播主体之间的亲密度。同时模拟了线下的身体形态，再现了真实生活中的一些场景。比如，你遇到不开心的事情的时候，别人想要安慰你却不知道怎么开口，拍一拍你的肩膀。

“拍一拍”起了弱提醒的作用，引起对方注意

微信官方把“拍一拍”翻译成“nudge”，是轻轻推一下别人的意思。这和之前QQ的“抖一抖”类似，起到确认对方是否在线，以及引起对方注意的作用。

在群聊天中使用“拍一拍”功能，提醒的没有“@”那么明显，很容易被忽略。但是在私聊过程中，“拍一拍”的动作会把聊天框置顶出来，可以在对方不回消息或者想回避对话的时候，起到一个温柔的提醒作用。

缓解社交恐惧者的恐惧与紧张感

对于微信里刚认识的人，有社交恐惧心理的人可能会害怕在群聊中被人注意而避免主动发言。“拍一拍”功能为害怕主动发言的人 提供了新思路，可以缓解个体在社交媒体上与他人沟通与交流时的恐惧与紧张感。

因为“拍一拍”的提醒方式不那么明显，除了聊天界面中的文字记录，没有其他任何形式的提醒，手机不会推送信息，也没有任何形式的提醒，也不会震动。这就避免了传统的“@”和“在吗”的尴尬，可以自然亲切建立起社交的弱关系。

（来源知乎：鲨鱼也搞电商）

你们以为这样就完了吗？这不过才刚刚开始。我的<个人中心<设置拍一拍，通过「拍一拍」后缀，新的玩法解锁了各种脑洞、恶搞、套路...(有人直呼，我上班玩了2个小时)。

微信「拍一拍」功能无疑在用户的交流互动中增添了更多的乐趣，让产品变的活泼可爱，给用户带来了更好的体验，作为社交产品，这种方式也大大提升了用户的使用频率和粘性。

03.「淘宝」激发用户情绪的弹窗设计

产品体验：

在体验淘宝签到功能时，签到成功会出现弹窗提示“签到成功”，并告知此时下单红包即可翻倍，点击关闭，弹出二层弹窗“红包未翻倍”及“限频道内使用”的文字提醒。

设计思考：

淘宝通过二层弹窗提醒用户退出当前页面可能带来的影响、后果，让用户判断当前的退出决策是否正确，毕竟相对于‘收获’来说，‘损失’更让人在乎某事物。 同时告知退出会让下次行动付出更多的金钱成本，这种更多成本的投入会让用户产生顾虑，从而激发用户的情绪并转化为行动。

04.「饿了么」便捷的购物车入口

产品体验：

进入饿了么首页，点击右下角的购物车入口，即可看到从所有店铺添加的商品一览，可进行一一结算。

设计思考：

相比以前，用过饿了么的用户都知道，每个店铺都是有单独的购物车，从对应的购物车进去才能完成结算。大部分用户在买商品之前，都会查看多个店铺相同商品的价格、评论、综合评分...等，根据性价比“货比三家”，但回过头来，需要来回切换去找到之前添加过商品的店铺，甚至查询不到，耗费大量的时间，非常的不便。

饿了么首页右下角新增的购物车入口很好的解决了这一问题，进入购物车，能看到之前添加过商品到购物车的所有店铺，可从列表中选择进行结算，节省了用户大量的时间成本，入口很巧妙的解决了用户在下单流程中可能会遇到的痛点，提升了产品的易用性。

05.「搜狗输入法」洞察人心的AI朋友圈助手

产品体验：

①、使用搜狗输入法在微信发布朋友圈进行文本编辑时，可以使用“灵感语录”推荐的语句直接发布；

②、选择“AI帮你写”，在文本框输入关键词，AI助手会根据关键词匹配对应的语句，可直接发布朋友圈。

设计思考：

微信朋友圈不仅是在记录我们的美好生活，同时也是在维持亲朋间的存在感与亲近感，比如：每天早上的心灵鸡汤、买来新衣服或好吃的晒图炫耀、心情的即时变化...等，不管是处于何种原因，不能否认的是，朋友圈与我们的生活已经息息相关。同时也出现了一个问题，不是每一个人的文案能力都特别强、语言语言组织能力都很好，对于比较文艺、又希望得到他人认可而频繁发布朋友圈的人，总有词穷的时候。

搜狗输入法非常人性化的解决了这一问题，推出朋友圈专属功能“AI朋友圈助手”板块，在编朋友圈文本信息时，展示在键盘的上方。可以在“灵感语录”中选择自己喜欢的语句，直接发布。如果没有找到合适的，选择“AI”帮你写，输入关键词，AI助手会根据关键词匹配对应的语句，通过换一句操作，去寻找更多合适的语句编辑发布。

有了“AI朋友圈助手”功能，再也不用担心自己词穷而想文案了。里面土味情话、搞笑段子等多种风格语录和季节性限定语录，让你无论什么节日、什么环境都有适合的文案可以发。大多数人发朋友圈的目的是为了让更多的人看到，不仅能炫耀自己的文采，也有可能让她/她看到更加优秀的你。让喜欢追求面子心理的人，因它带来一种荣耀和心理上的满足感。

06.「高德地图」组队开车 | 边开边聊

产品体验：

①、自驾使用高德地图，设置好起止位置后，选择组队出行，可随时查看自己与队友之间的距离；

②、在组队驾驶过程中，可随时与队友语音对话，方便交流，单条语音消息不超能过30秒。

设计思考：

提到高德地图，相信咱们每一个人都不会陌生，日常用来导航，也可以用来打车，一次呼叫多种种车型，非常方便。高德背靠阿里，服务功能十分强大，更新路况信息很快，是属于市区/外导航最好的选择。纵然如此，也从未停滞，一直在致力于给用户提供更好的服务而不懈的努力。

高德地图推出「组队」模式，可以在设置好导航路线之后，选择「组队」选项创建新队伍或直接输入他人分享的口令加入队伍，这样可以让春节组队回家或者自驾出游时，在多人组队的情况下为用户提供实质性的便捷，在地图上可以看到导航图中其他同行队友的行车状况。在10.55.1版本更新后，更是上线了语音消息对话功能，方便交流，当有同伴走错路时，可及时提醒和沟通，避免自驾过程中有人掉队的情况发生。

07.「微信读书」有声书籍AI语音转文稿

产品体验：

在微信收听有声书籍时，播放页面的“AI语音转文稿”可以将正在朗读的句子以文本的方式展示出来，点击进入书籍文本页面，正在朗读的段落运用底色区分做了单独定位。

设计思考：

活到老、学到老，这句话给正在奋斗的年轻一代用户群体敲响了警钟，看书也成了学习知识的来源之一。随着智能化的普及，用户的看书方式也逐渐从实体书本转战到了线上，各种阅读类型的APP也是存出不穷，但站在用户体验角度出发，优秀的应用并不多。从以前的线上文字阅读、针对护眼的色彩及模式，延展到后面有声书籍的耳机模式，再到如今的自身阅读+智能朗读，在减轻用户负担的道路上，一直都在飞速前进。

微信读书不仅实现了自身阅读+智能朗读的功能，更是在这两种看书方式上进行了完美结合。在4.7.2新本更新后，推出了有声书籍智能语音转文稿功能，通过播放页面的“AI语音转文稿”可以将正在朗读的句子以文本的方式展示出来，并在书籍文本页面把正在朗读的段落运用底色区分做了定位。这一功能对于喜欢听书的用户来说，可以在播放页面边听边看，如果看点自己喜欢的句子，还能随时点击进入书籍文本页面查看详细的句段，给了用户更多的选择性，还能增强阅读记忆，提升用户的体验好感度。

08.「网易云音乐」评论区温暖人心的抱抱

产品体验：

网易云音乐的歌曲评论区域，执行双指往中间捏合操作，在该评论的右下角会出现趣味的抱抱动画，评论的作者头像下方也会出现“收到了抱抱”提示。

设计思考：

我们面对的任何互联网虚拟或实体产品，只要有多人交互的功能，大部分都有点赞、评论等操作，让用户面对的是产品有温度的交流。网易云音乐的歌曲评论不仅有最常用的点赞和评论，还有暖心的抱一抱功能，通过对当条评论区域双指往中间捏合操作，右下角就会出现抱抱动画，不仅是对原评论作者意见的肯定，对自身操作的用户了来说，也感到十分有趣。用生动形象的情感化设计反馈用户行为，为人机交互增加了趣味性和互动性，产品细节增添温度，不经意间带给用户惊喜。

09.「QQ」撤回消息-趣味性的化解尴尬

产品体验：

通过QQ左上角头像>设置>消息通知>撤回消息设置，进行自定义消息撤回后缀。在聊天框里，撤回消息后就会在提示后面显示已设置好的后缀，滑稽有趣。

设计思考：

在聊天过程中，我们都会或多或少的使用过撤回消息，比如消息发错或有错别字，就会立即撤回。当对方接受到消息时打开一看，只有一条消息撤回记录，气氛多少会有些尴尬。

QQ在v8.4.5.626新版本中上线的撤回消息自定义后缀功能，虽然没有改变事情的本质，但撤回消息的细节上变的个性化。通过消息设置入口，自定义撤回消息后缀。撤回消息后，会在提示后面显示已设置好的后缀，能够有趣的化解尴尬，给对方一个情感化（好坏暂且不论）的反馈，让消息撤回的结果变得活泼有趣，带给了用户好玩的体验。（PS：相比微信消息撤回设置，QQ则是选择性的，且选项很少，部分需要开通超级会员才能使用）

10.「猫耳FM」标签栏-趣味的动态IP

产品体验：

猫耳FM底部标签栏，没有收听内容时，IP（猫）属于沉睡状态，嘴里还有冒着泡泡的微动效。在收听内容时，IP左右晃动，两侧还有音符闪动，暗示有内容正在播放。

设计思考：

互联网发展至今，大部分APP应用为了延续用户的操作习惯而导致同质化较为严重，为了做到差异化，很多产品都在想办法从体验上做到最优。随着市场环境的变化，品牌传播方式越来越丰富多元化，企业可以通过多种渠道抵达受众，因此一个品牌如果没有过人之处，就要做好被同类品牌「碾压」的准备，众多知名企业开始以打造 IP 形象的方式推动品牌建设，在新的商业时代中，品牌 IP 化的趋势逐渐显现。

猫耳FM APP的底部标签栏，IP形象发挥到了重要的作用。没有收听内容时，IP（猫）属于沉睡状态，并且嘴里冒着泡泡，收听内容后左右晃动、两侧音符闪动。猫耳IP形象能够作为品牌的化身，并通过自身的独特魅力为品牌赋能，注入新的血液，可以极大限度凸显产品的差异化，使其在众多同类产品中脱颖而出，从而给受众留下深刻印象。IP 形象是连接品牌与受众的纽带，可谓是锦上添花。猫耳IP赋予了动效会更加真实形象，更好的传达寓意，可以表达用户情感在精神层面与用户达成共鸣。

11.「酷狗音乐」电台听书-网页朗读助你解放双眼

产品体验：

体验酷狗音乐的电台听书版块时，在AI朗读里，选择网页朗读，把需要收听的网页地址复制到对应位置，点击一键朗读，选择自己喜欢的主播声调，即可解放双眼，轻松愉悦的收听。

设计思考：

酷狗一直是音乐应用里的一匹黑马，有人直呼：“酷狗功能强，隐藏功能有好多，像运动模式、驾驶模式、白噪音模式、还推出了电台听书，连喜马拉雅都不用打开了”。的确，酷狗持续走在音乐的前沿，为迎接“耳朵经济”的崛起，一边积极布局多元化的音乐内容，一边加码在线音频领域，开辟以泛音乐娱乐为主，泛文化兴趣为补充的内容生态。之前，酷狗推出了AI朗读功能，最近又新增了网页朗读，颇受多用户喜爱。

在酷狗V10.2.5版本中，新增的网页朗读功能可以称得上是黑科技，只需要把我们喜欢的书籍/文章/段子网址粘贴在朗读功能里，即可一键朗读，还可以调整不同的声音、倍速，网址不分类别，轻松复制粘贴即可，省时省力省精神。AI网页朗读可以给用户带来沉浸感和惊喜感，将视觉转变为听觉更加合理简单，解放用户的双眼，提升产品的易用性。

12.「虾米音乐」刷脸听歌-听什么？让脸来决定

产品体验：

从个人中心进入音乐实验室，点击刷脸听歌，将摄像头对准自己或他人的脸部，拍照之后使用照片，系统会根据用户的面部表情分析当前的心情，并推荐相关歌曲播放。  

设计思考：

现阶段的音乐APP用户已经不是以前那种进去就有目标性的听歌了，很多都是漫无目的的在众多歌曲中寻找自己所喜欢的音乐，于是乎各种电台、直播、听书等功能都在智能化的极力给用户匹配。刷脸听歌，是个什么梗，听起来是不是很有新意？这个有点让用户摸不着头脑的“黑科技”可能也只有在虾米音乐里能见到了。

虾米音乐的刷脸听歌，就是提交自己所拍的照片，系统通过人工智能可以根据用户的表情来感知情绪，推荐相应的歌曲。其实这个功能出来已久，并不是多么顶尖的高科技，而是用智能的方式为用户增加一种新鲜的体验感，在几乎没有被同质化的音乐APP里，用“科技感”给品牌增加一些调性，虽然不清楚这个“黑科技”是否被用户认同，但通过这种差异化+趣味性的方式能给用户营造新鲜感，增强印象记忆。

（PS：本人撅起嘴拍了一张，歌曲的匹配结果是“处处吻”，笑抽......，这个功能的弊端就是，当心情不好，摆着一张苦瓜脸来识别的歌曲，会让你听的怀疑人生......良性/恶性循环，全取决于用户）

13.「一零零一」按钮-无处不在的品牌基因

产品体验：

进入一零零一APP，随处可见的品牌基因，比如按钮、导航的下划线、卡片模块等都有一个厚度，这种样式源自于一零零一的IP形象~趴在地洞口的猫，即地洞口的边缘厚度。

设计思考：

品牌基因其实就是品牌的DNA，它包括品牌核心价值和品牌个性，不同的品牌基因，是各品牌之间形成差异化的根本原因，无一例外。成功的延用品牌基因在产品不同场景中让用户眼前一亮，一眼就能看出这是你的产品。在互联网产品设计越来越同质化的今天，做出有自己品牌调性和差异化的产品，是每个设计师要面对的挑战，无论是按钮、插画、图标还是其他元素，只要注入了品牌基因的产品就等于有了灵魂。

一零零一APP，品牌基因可以说是融入的非常好。首先主色调几乎大面积的用到了每个页面，黄色色调并不十分有魅力，但其明亮和愉快的特质能向潜在用户传递着温暖和乐观，主色调代表着APP的整体色彩倾向，大面积的使用可以加深品牌印象与品牌感。

其次大部分的主操作按钮、卡片下方都叠加了一层厚度，顶部导航的下划线也使用了椭圆形的样式。而一零零一IP形象正是一只趴在洞口边缘的猫咪，并且洞口边缘都带了一定的厚度，那些元素的样式正是继承了这一品牌基因的特性，也跟其他应用做到了差异化，让用户更容易记住这款产品，并对之产生一定情绪记忆，用品牌基因以推动产品在用户心中所产生价值。

14.「腾讯地图」导航车标-超趣味的主题切换

产品体验：

使用腾讯地图导航时，点击车标即可选择自己喜欢的主题，下载使用后，地图上原来的车标就会变成自己喜欢的形象，滑稽有趣。

设计思考：

几乎每个年轻用户的手机里都装有地图应用，无论是出门自驾、骑行、步行或者地点查询，都会打开地图应用。常规的地图功能都可以满足用户的需求，但有哪些比较好的细节可以增加用户的粘性呢？腾讯地图相比某德地图，虽然用户体量小了很多，但通过创新的设计加上原有各渠道的推广，依然有大量的用户使用。

腾讯地图APP通过趣味化的方式在导航车标上加入了各种主题，通过下载自己喜欢的主题切换后，地图上原来的车标就会变成自己喜欢的形象。众所周知，腾讯游戏是整个行业中不可逾越的一座大山，在众多主题里，「和平精英」「王者荣耀」的形象就是用户最熟悉的。用户可以选择游戏人物角色、摩托车、卡丁车等作为地图导航中的车标。可以想象，骑车摩托车、安吉拉用着疾跑、开着卡丁车在地图上狂奔是一种什么样的感觉。腾讯团队通过整合各种现有资源作为主题，给用户创造了既然趣味又个性化的体验，带给用户惊喜以增强用户粘性。

（开车疲倦时，导航换个“吃鸡”人物形象，有没有感觉精神抖擞、到了服务区要来两把的冲动）

15.「支付宝」蚂蚁森林-捷径之道“找能量”

产品体验：

使用支付号蚂蚁森林的逛一逛，可以快速跳转至有能量可收取的朋友的蚂蚁森林页面，待全部收取后，继续同样的操作，直至支付宝所有朋友的蚂蚁森林没有能量可收取为止。

设计思考：

10年前，很多用户每天早上醒来的第一件事就是进入QQ农场偷菜，几年后回想起来感觉是那么的幼稚。可10年后，依然有很多用户早上醒来的第一件事还是拿起手机，不过这回不是偷菜了，而是进入蚂蚁森林收取能量。蚂蚁森林作为公益类型的一款小游戏，让很多用户的参与都感觉到为公益出了一份力的成就感，深得人心。

最近在玩蚂蚁森林时，发现右下角多了一个“逛一逛”的按钮，点击可快速跳转至朋友的蚂蚁森林页面（前提是有能量可收取），能量收取完成后，继续反复相同的操作，直至没有可收取的能量为止，非常方便。之前收取能量，需要单独点击蚂蚁森林里的朋友列表进入，操作完成后返回再换个朋友，反复操作，“逛一逛”功能入口的上线，简化了之前需要挨个重复点击去收取能量的复杂操作，让收取能量变得更高效便捷，节省了很多时间。

16.「微信」朋友圈-评论删除

产品体验：

微信新增功能，在朋友圈不想看到的评论再也不扎眼了，长按想删除的评论，会弹出小气泡，点击删除，根据弹窗提示操作完成。

设计思考：

前两天，“微信新功能”冲上热搜，当有人在你朋友圈下面评论时，主动权终于掌握到了你的手中——你可以选择保留这条评论，也可以选择删除这条评论。因为在很多人心里，“删除评论”的意思就是：对不起，我不想你出现在我的朋友圈里。最让人伤感的地方在于，当你正期待着别人热情回应你时，你发过去的消息，对方可能早已悄悄处理掉。这段话结合微信新增的删除功能，似乎有些煽情，让人心情低落，但通过抬杠党告诉我们需要面对现实，尤其是微信这样的专业社交应用。前段时间看到一篇文章，里面提到了几个案例：

①、一个爸爸因没有时间给女儿过生日，在朋友圈写到：生日快乐！闺女。不敢相信以前抱在怀里的小姑娘......依然是我们手心里的宝贝。一位叔叔评论：30岁了还宝贝！也没个对象，单着单着都不金贵咯。

②、一对小夫妻，在大城市里打拼：有一次下雪，丈夫顶着严寒，接妻子下班，两人把仅有的一双手套来回推给对方，很甜蜜的一幕。旁边却有人说：这鬼天气，真心疼老婆就打个车回去啊！

③、当你兴致冲冲晒了张自拍到朋友圈，有人评论：这图P得你亲妈都不认识了吧；忙碌一整年，带父母出去玩了一次发到朋友圈，有人评论：这破地方有啥可显摆的；因为工作出色拿到奖金，决定奖励自己一个心心念念很久的包，有人评论：就这点钱，还学人家买奢侈品嘚瑟呢？

......

其实这种例子何其之多，总有这样一些人，明明能祝福，却非得抬杠；明明能说高兴话，却偏得说丧气话。把肆意伤害当作坦率，把不分轻重当作耿直。有句话是这样说的：发自己的光就好，不要吹灭别人的灯。

微信一直都在致力于做最好的社交而努力前行，虽然不能同时满足所有人的胃口，但不可否认的是，很多的功能都照顾到了大部分用户的心理。通过上面的案例，这时你的心理应该不是伤感和低落，可能还会有一个想法：这个删除功能真的太香了，为什么就没有早点上线呢？朋友圈“删除评论”的确给了我们更多坦荡做人的权利，它昭示的是，我的朋友圈，只留给用心待我的人。

17.「滴滴打车」地图-便捷的车辆位置提示

产品体验：

进入滴滴首页定位后，系统会提示多个合适的上车点，并将最近的上车点利用标签强化提醒；地图以自身为中心，提示附近的滴滴车辆信息，并用颜色区分不同的服务车型。

设计思考：

滴滴出行App改变了传统打车方式，建立培养出大移动互联网时代下引领的用户现代化出行方式，相比传统电话叫车或路边拦车来说，滴滴打车的诞生更是改变了传统打车市场格局，颠覆了路边拦车概念，从打车初始阶段到下车使用线上支付车费，画出一个乘客与司机紧密相连的o2o闭环。虽然存在一些弊端，但比线下出问题的概率确实低了很多。就好比一个不知名的打车应用出了多次问题，无人问津，而知名应用出了一次问题却被批判到顶点。从原则上讲，我们不可否认的是，知名应用的付出与带给我们的便利确实得到了大部分用户的认可，如果没点实力，纯粹纸上谈兵，不可能达到量的级别。滴滴打车一直到在致力于为提升APP的用户体验、打车舒适度等努力前行。

①、推荐上车地点：系统会提示多个合适的上车点，并将最近的上车点利用标签强化提醒。附近车辆提示实际聚类的结果，一些小区门口，路口，公交站等其他数据，可以让乘客尤其是针对路痴类型的用户，打车时能在最短的时间内上车，解决用户与司机互相找不到对方，反复电话沟通的问题。推荐上车地点不仅仅是提升用户体验，还能避免乘客和司机多走冤枉路，造成时间和金钱的浪费（司机油钱），还能减少司机在行车过程中联系乘客打电话而带来的安全隐患。

②、地图上提示附近的车辆，并用颜色区分不同服务的车型，金色代表出租车、黑色代表专车、白色代表普通快车/拼车/顺风车。通过提示，让用户在打车之前就会有一定的心理预期，知道附近有什么车型，下单后滴滴会将订单派给这些离用户最近的车。最大限度优化乘客打车体验，节约司机与乘客沟通成本，降低空驶率，最大化节省司乘双方资源与时间成本。

18.「百度网盘」扫一扫-贴心的暂停功能

产品体验：

使用百度网盘扫一扫功能，如果出现长时间未扫描或返回操作，系统会暂停扫一扫功能，节约设备资源。

设计思考：

我们对扫一扫功能一点也不陌生，几乎每天都在使用。特别是微信，从付款、加好友、应用下载到关注公众号，无所不能。但你有没有出现过以下情况：付款扫不出来直接换成支付宝、正在扫描时突然有事放下手机而没有关闭扫描功能，然后莫名的发现设备很卡或者发烫，接着一阵吐槽×&%￥#@№……

使用百度网盘扫一扫时，长时间没有操作会自动暂停扫描功能，如果再有需求，点击继续扫一扫即可，这一小小的细节却隐藏着很大的学问。首先能够防止因摄像头长时间开启造成手机发烫，导致设备硬件过早老化，降低使用寿命；其次可以有效避免因扫一扫占用设备资源导致使用设备时反应慢或卡顿的问题。

19.「躺平」加入圈子-用无聊带给你感触

产品体验：

在躺平APP的圈子页面，如果没有加入圈子，会出现一个很有趣的动画提示及引导用户去加入新的圈子。

设计思考：

大部分APP空状态的处理方式都很随意，空状态是APP设计中不可或缺的一部分，特别是新用户初次接触到APP时，必然会面对很多空状态，用户在打开之后看到什么都没有，体验非常差。就好比千辛万苦经历九九八十一难的唐僧师徒最后取到了一堆空白的佛经一样，用户经历了选择、下载、等到安装，最后来到某个位置什么都没有，如果在空白的模块没有合理的解释以及引导，用户可能头也不回的就走了。有时候连设计师都在想“这块在没有数据的时候，应该显示什么东西呢？”，其实连设计师自己都不清楚，何况是用户。空模块在引导性、愉悦性和保留用户等方面的潜质，对于产品体验在细节当中的成败有着不可忽视的作用。

躺平APP在空状态上体验非常的友好。在圈子页面，如果没有加入圈子，会出现一个很有趣的动态插画，用IP拨动着“十字架”转着圈圈，就像我们在没事的时候抠着手指、搓着衣角一样，显得非常无聊，好像在说：这里什么没有，赶快加入一个圈子吧。看似一个简单的动画，却带来了不错的用户体验。

①取悦引导用户：没有加入圈子时，首先通过动效吸引用户眼球，然后整个动效过程带有情感色彩，真正做到了人和设备的对话，在感受到没有圈子就会很无聊的错觉，能让用户觉得新鲜或者出乎意料，提示用户去加入圈子，先让用户产生点击的欲望后，引导用户行动；

②情感化表达：加入一些情感化的表达，而不仅仅只是冷冰冰的文字，通过动效插图在让用户明白当前的状态的同时，往往也能引发用户心底的情绪，从而弥补没有圈子时带来的失落感，甚至可以带给用户正面的情感；

③品牌传播：通过IP原型作为动态插画元素，不仅能让用户加入圈子来消灭空状态，还能进行品牌传播，加深记忆，让用户看到产品的第一印象，知道当前使用的是什么。

20.「京东」取消订单-让商品回到购物车

产品体验：

在京东APP取消订单时，打开操作按钮上方的“将商品放回到购物车中”的开关，提交后，商品自动添加到购物车。

设计思考：

相信有很多用户在电商APP购物时，不管是否付款，都有过取消订单或退款的经历，不管是觉得买贵了、钱包紧张还是等待优惠，都有可能再重新购买。如果没有及时添加到购物车，订单取消后，下次则需要通过搜索或者历史订单进入找到该商品，方可下单购买。

京东APP在用户取消订单的页面，给予了是否要将商品放回购物车的提醒开关，针对以后可能需要购买的用户提供了“添加到购物车”的快捷入口，能避免用户在下次购买时花费更多的时间成本，非常友好。站在营销的角度，这个提示可以在用户离开时做出了挽留，间接提升了用户在应用内的留存，为下次的消费转化埋下引线。

21.「网易云音乐」贴心的驾驶模式

产品体验：

在开车时使用网易云音乐，可以设置为驾驶模式，系统自动屏蔽大部分功能，只显示播放、上一曲、下一曲操作按钮，并增大点击触发范围，放置屏幕偏中间的位置，更容易操作。

设计思考：

facebook数据表明，虽然音乐类用户体量没有视频类应用高，但是综合使用时长却高出视频类应用很多，听音乐能减轻我们的压力，比如：上班坐车、睡觉前以及闭目养神无聊时都可以听着音乐。当然，我们在驾驶时也不例外，虽然所要做的主要事情是开车，但开车时候听音乐能缓解我们的精神压力，尤其是长途驾驶。无论是在交通流畅还是交通拥堵，音乐都能很好的压制住人的烦躁情绪，保持注意力的唤醒水平，从而提高人的反应速度，对驾驶的安全性有好处。车载导航除了地图外，最长用的功能也就是音乐了，这也验证了音乐的普遍性。（因人而异，音乐的情绪和感受，对部分用户还是有影响的，比如：旋律不明显的快速说唱音乐时，驾驶者会变得紧张；心情不好听着伤感的歌曲等）。鉴于音乐跟用户之间的粘性，出于安全考虑，在驾驶过程中，对于音乐类型的应用，操作应该做到更加便捷。

网易云音乐中的驾驶模式，就是最好的例子。通过在设置中调整为驾驶模式后，设备上只有播放、上一曲、下一曲操作按钮，页面更加简洁，排除无关元素对视觉的干扰，无需思考、一目了然。其次，按钮接近有设备的中间位置，操作范围增大，放大热区无需精准操作，提升了产品易用性。界面的简洁程度以及易用性能让正在开车的用户有需求的情况下快速操作，缩短操作时间以降低驾驶安全隐患。

22.「微信」跳转到还没看位置-上下衔接

产品体验：

在浏览微信朋友圈时，点击跳到还没看的位置，已浏览过的信息会快速上移，自动跳转至上次结束的位置。

设计思考：

有很多用户的闲暇时间都留给了微信，除了聊天之外，就属朋友圈了。没事的时候发个朋友圈证明自己还“活着”，也会不停的去刷着其他好友发的朋友圈记录，微信好友比较少的还行，如果较多又具有强迫症，必须把朋友圈的所有信息都刷完的用户真的是“难产”，因为这次没刷完结束后，下次根本无法记起上次结束的位置，总感觉好像有什么重要的信息漏掉了。

根据用户的诉求，微信又推出一重磅功能“跳到还没看的位置”。但很多用户都会或多或少的去刷着朋友圈，除了对部分好友信息的了解，也可能是打发时间，有时会有心理作祟“要从上次的地方接着看，是不是什么重要的信息漏掉了”。系统会在上次已浏览过的信息前面提示“跳到还没看的位置”入口，点击可以直接忽略已浏览过的信息，直接跳到上次结束的位置，能有效避免用户因重复查看而浪费时间，带来便利性的同时，用户的粘性也会随之提升。

23.「微信」移除会话-保留聊天记录

产品体验：

在微信的消息列表，左滑某个聊天窗口，选择不显示该聊天，即可在保留聊天记录的情况下移除聊天窗口。

设计思考：

以前在使用QQ的时候，当有些好友我们不想放置在列表，又有舍不得删除的聊天记录，就可以通个正常操作，移出消息列表而保留历史聊天记录。

将微信更新到7.0.16版本，会看到一个许多人期待已久的功能-不显示聊天，它可以在不删除历史聊天记录的情况下，暂时隐藏。通过向左滑动聊天窗口，可以看到菜单新增的「不显示」选项，点击后会弹出「不显示该聊天」的确认按钮，再次点击后即可隐藏聊天窗口。当有一些不忍心删除的聊天记录，又不想明晃晃的放在聊天列表，“不显示”功能就派上用场了，对社交应用来说确实非常便利。

还有一些人认为，“不显示”功能同样给“渣男”提供了便利，其实任何事情/事务大都具备双面性，好有好的用法，坏有坏的空子钻，主要是事在人为，只要是对于绝大部分的用户来说是好的就可以了。

24.「自如」独特的“画风”呈现品牌的差异性

产品体验：

在体验自如APP时，界面的图标和插画都使用了统一体系的配色以及相同的视觉风格，且建立了自己独特的调性，与其他同类型的产品做出了差异化，形成自身产品特有的属性。

设计思考：

当前互联网大环境下的APP产品，同质化非常严重，如果想合理的解决掉同质化问题，从小处讲是每个设计师必须具备的能力，往大方向去，更是公司团队需要权衡利弊后共同作出的决策。所以，要想做出能让用户记忆深刻的产品，必须要做出差异化，可以从控件、标识、插画、配色等方向来建立自己的品牌调性，给用户形成独特的记忆。

说到自如APP，很多用户应该能快速想到年轻、潮流、插画这些关键词，因自如已经通过自身独特的品牌视觉形象深深的打入了用户的内心。比如：界面的图标、插画以及配色等，通过统一的风格样式为产品打造一套独一无二的视觉符号体系，几乎贯穿了所有设计内容，使整套体系形成品牌记忆点，最后把产品的价值达到最大化。对产品来说这也是彰显企业文化的表征特性，因独特的视觉体系特征形成品牌基因，也与其他同类型产品形成差异化，从而在用户心中打下烙印，形成该产品的专属记忆。

25.「微信」青少年模式的作用

产品体验：

在微信的设置页面，通过登录密码开启青少年模式，设置成功后可修改大部分的功能访问权限，能够有效避免青少年以学习为由沉浸在网络世界里。

设计思考：

网络带给青少年的益处毋庸置疑，但是青少年沉迷网络的问题也应当引起广泛的关注。之前QQ就出过青少年模式，不过起到的作用是微乎其微，因为大部分老人和孩子都只知微信而不知QQ，依然会频繁出现孩子以学习为由在微信上嗨聊、刷视频、看新闻、买了不知情商品的情况，更有甚者直接在“吃鸡、王者”里花着父母的血汗钱去买皮肤，让很多家长苦不堪言。

微信新版本上线青少年模式功能，通过登录密码验证后开启，使微信小游戏、小程序、视频号、公众号、搜一搜等很多功能会受到一些保护限制，家长也可根据情况设置允许访问的范围。其实，任何功能都没有绝对性的，就比如上文所说，孩子玩游戏充钱买皮肤的事，家长也有不可推却的责任，没有手机解锁密码和微信的支付密码，是不可能充值成功的，所以密码的安全性也需要做好安全防护，只有在家长的严格监督和辅助下，微信青少模式才能起到它应有的作用。

26「支付宝」扫物识别-为淘宝建立转化通道

产品体验：

在支付宝首页顶部的扫一扫功能里，选择识物，拍取商品的照片，即可从淘宝商品库筛选出跟照片相同/相似的商品，进入可直接从淘宝渠道完成下单。

设计思考：

我们对家族产品了解的很多，但对于他们的推广方式，如果没有细品，可能还了解它们是如何互通、建议用户认知、互相拉取流量的。比如：网易红， 通过统一的品牌色调融入产品设计风格及图标绘制表达品牌调性，提高品牌的可识别性，建立家族品牌的认知；腾讯QQ，早前我们玩过的腾讯游戏以及微信的推出，大部分用户可能都是从QQ宣传渠道了解的；还有百度的全家桶、金山的捆绑......。虽然每个家族的多个产品都会通过不同的方式相互推广，但推广力度最大的要数阿里企业产品的「淘宝」和「支付宝」了。用过淘宝的用户都知道，订单支付需要用支付宝，所以支付宝不用特别宣传就被直接带动。

支付宝最新版本上线了拍照识物功能，之前我写过一篇细节是关于淘宝的拍照识物功能的，这里就不多说。从支付宝的扫一扫进入选择“识物”，即可从淘宝商品库筛选出跟照片相同/相似的商品，直接在支付宝APP里对淘宝的产品下单，正所谓多一种选择就多一个方便。拍照识物功能，对在淘宝有购物需求要使用此功能的用户，多提供了一个渠道，还针对不了解淘宝的用户做了一波宣传，为淘宝拉取流量，提高转化率，做到了家族企业血脉相连。

27.「使命闹钟」治疗懒床癌-不辱使命

产品体验：

使命闹钟是治疗懒床癌“患者”的专用药，只需设定一种关闭闹钟的方式，在闹钟响起后，要想成功关闭，则需要完成设定的方式（要动脑筋），待闹钟成功关闭，头脑已经清醒。

设计思考：

明天早上我要早点起床，先设定两个闹钟，好好学点东西，Emm......。清晨，闹钟一个接一个的响起，眯着眼睛无限延时，N分钟过去之后...天啦，要迟到了。这种情况80%人都经历过吧，我们总是无限的把希望寄托在明天，殊不知想的比做得多，到了第二天睡到太阳晒屁股了依然是平凡的一天。不管我们是为了利用早上的珍贵时间还是为了早睡早起，但是早上起床困难却成了我们最大的障碍。

使命闹钟可以帮助我们解决这个问题。在设定闹钟时，选择一个关闭闹钟的方式，比如：摇一摇、吹一吹、数学题等，可用让我们通过动脑经的方式完成关闭闹钟的条件方可，这真算是神仙操作了，狠起来来自己都不放过的赶脚，待闹钟成功关闭，睡意已去、大脑清醒，可以准备起床了。

（PS：本人亲身经历，曾经设置过数学题，出题的太狠了：162x46+1149=？，这时如果还迷迷糊糊，可能连手机里的计算器都找不到，更不要说把每个数字精准的输入完成计算了）

28.「高德地图」导航-不一样的超速预警

产品体验：

使用高德地图导航时，如果超速驾驶，系统除了语音播报和左上角时速变红之外，屏幕两侧还会出现红色的光芒闪动，用视觉强调超速预警。

设计思考：

我们在使用导航自驾时，经常会听到语音播报“前方限速xxx，你已超速”，因为超速提醒会提前500米播报，这时如果及时把速度降下来，基本不会有事，但如果没有听到语音播报，一如既往向前冲，那么就要悲剧了，首先，别人都在减速，而自己还在超速，就会给自己或其他人带来很大的安全隐患；其次如果被电子警察拍到，罚款不说还得扣驾照分。

高德导航在超速的情况下，除了应有的语音播报和左上角时速标识变红外，在屏幕两侧还会出现红光闪动，用强烈的视觉提醒告知用户已超速，非常显眼，可以在用户没有听到语音播报的情况下，再次通过视觉预警，降低超速发生的概率，避免给自己或他人带来安全隐患以及经济损失。

（PS：当我们开着车超速的时候，突然出现的红光闪动，有没有感觉到，就像玩吃鸡、王者时，血条快没有了突然出现的红光闪动，如果还无脑向前冲，就算有十条命也不够你造的，总之后果很严重）

29.「微信」表情搜一搜-斗图必杀技

产品体验：

打开微信对话框里的表情功能，点击第一个搜索图标，就可以根据输入的关键词匹配对应的表情库。

设计思考：

使用微信聊天，很多时候我们都会使用表情代替回答，操作简单快捷。用个性化、情感化、趣味化的表情，可以缩短用户沟通的生硬感和距离感，并能很好的表达情绪，传神的表情还能达到一语双关的效果，省去打字的麻烦，效率高。基于人的本性对这种新奇、动态的东西，更容易被吸引和“刺激”，在某些种场景下展示，比语言表达更为丰富，所以很多用户看到有自己喜欢的表情时，都会忍不住添加到私人表情库，但不知道有没有发现，表情少了不够用、多了太难找，斗图的的乐趣就变成了忧虑。

微信最新推出的表情搜一搜功能，完美的解决的这个问题，只要你有流量，就可随时通过输入关键词智能匹配海量的表情，在词穷或斗图时使用，让交流不再尴尬，既能增加交流互动的趣味性，还能有效避免用户因找图而浪费大量时间，操作简单且人性化，让整个社交过程更流畅。

30.「美团」订单评价-是责任义务还是转化的切入点？

产品体验：

在美团的订单管理-待评价板块，每个订单时间的下面都有一段引导性的文字，吸引用户完成评价操作。

设计思考：

有很多电商类型的APP在规划订单这个版块时，都按部就班的分为待付款、待发货、待收货、待评价，殊不知这些功能不是目的，也不是一成不变的流程，如果站在企业利益的角度深挖，每个点都可能成为用户转化的引线。就拿待评价来说，如果只是因为用户买过东西就要去评价，说实话没有这个义务，而且还费时间，即使用户去评价了，万一是差评呢？毫不夸张的说，差评明面上影响的是单个商户/商品，其受到最大影响的还是企业。

直接这样说有些冠冕堂皇，引用“蝴蝶效应”恶性循环的说法：一个用户给了差评，直接影响着后来用户的下单成交率，而其中可能就有一小部分用户会被流失掉，随着用户量的减少，就会降低该平台所有商家/商品的的销售量，如果继续恶性循环下去，那么企业面临的是什么样的结果，不难猜测。

美团APP的订单评价功能并非为了根据常规走形式，而是在每个订单里都增加了带有营销性质的文案引导，在用户完成评价的情况下，还为再次转化做了埋点。

根据上图：第1、2条订单，不管是金豆、红包，还是优惠券、积分，其性质都是在给予用户优惠，让用户继续完成未完成的事物，为的是能尽快达成目标，获得最终的奖励，同时也会因为用户获得了奖励，为再次下单得到实质性的优惠做了铺垫（如：我们在某个APP账户里身剩下几块零钱无法提现，这时可能会找个需要用的或者最便宜的商品把零钱花掉，不然丢了就是浪费，优惠也是同理），以促成再次的下单转化。再者，伸手不打笑脸人，平台已经提示评价之后给予各种好处，即使想给差评的用户（非全部）此时的糟糕心理多少会有些变化，或可能对平台体谅而放弃差评。

第3条电影订单则是通过问答的方式降低评价的难度，能避免用户需要自己去思考评价的内容而浪费时间，一问一答的方式方便了很多，还能通过提出的问题转变想给电影差评用户的思维，把用户自己的主观想法引导至当前问题方向，以此降低差评概率。

不管评价何种类型的订单，美团APP这种做法就是把用户的心理研究的很透彻，通过营销型的文案或内容直观的呈现在用户面前，增加对用户的吸引度。

2021年，在接在励。