不管你是一个什么类型的设计师，想要做出优秀的作品都离不开长期经验的累积，那么去体验优秀的作品并找到优秀的点，挖掘背后的设计原因以及带来的商业价值是必经之路。灵感有时候来源于灵光一现，但更多时候来于自己设计信息的脑存量。

在体验优秀的作品时，我们需要站在用户的角度去发现好设计细节及交互解决方案，思考能给企业或用户带来价值并记录下来，久而久之，就能提高自己的语言组织以及总结能力，再通过不断的练习，以达到质变效果。

01.「微信」双击tab图标-快速定位未读消息

产品体验：

在微信清理遗漏的未读消息时，双击底部的微信图标，即可自动精准定位到未读消息的小红点位置。

设计思考：

微信几乎承担我们的工作、生活、交友、娱乐等各种交流需求，随时都有可能被各种消息轰炸。比如：砍价、集赞、广告等，并非仅仅只有认识的人发来消息。当我们收到了很多消息时，怎么清理都会发现还有小红点，需要不停的上下滑动在庞大的消息列表中反复寻找，非常麻烦，一不小心就错过重要消息，对于有强迫症的用户，看到没有清理的小红点真的是浑身难受。其实，有个超快速找到未读消息的方法一直隐藏其中，还有部分用户不知道。

在微信的消息列表页面，只需双击底部标签栏的微信图标，就会自动跳转到未读消息处，帮助用户快速依次定位到相关的消息人位置，不会遗漏。尤其是关注了很多服务号以及加了很多的好友，有时候下拉真的比较难找，对无法忍受小红点，不点就受不了的用户来说，这个功能实在是太棒了，减少操作步骤，节约了大量的时间。

02.「UC浏览器」贴心的多窗口功能

产品体验：

在UC浏览器的底部弹出菜单中，点击多窗口后，即可加入新的窗口，实现多页面浏览。再次进入底部菜单会显示多个窗口的统计数量，进入后可进行增/删窗口操作。

设计思考：

移动端的的浏览器主要以便捷出名，同时也有多家巨头争夺市场。UC浏览器的口碑虽然褒贬不一，但不得不说的是用户量非常庞大。他不只是一个浏览器，它是集浏览器、小说软件、视频软件、文件管理以及新闻uc头条等多功能为一体的软件，而且出的早，知名度高，还有各种皮肤任选。在电脑上浏览网页的时候，很多用户都有一个习惯，为了满足浏览各种不同的内容而避免重复操作，就会同时打开多个页面，即多窗口浏览，但我们不可能随时随地都能方便使用电脑打开，大部分时间都会用手机浏览器，在同时浏览多个页面的情况下，需要反复的关闭或返回重新打开，浪费时间不说，非WiFi环境下还浪费流量。UC浏览器在很早就已经上线多窗口功能，只不过后来将此功能入口隐藏到了底部菜单中，很多用户找不到以为此功能被抛弃了，带来了很多的不便。

在UC浏览器的底部菜单中，点击多窗口里面的“+”，即可新增一个窗口，实现多窗口浏览。再次打开底部菜单，就可以看到已打开的窗口数量，进入可新增、删除或切换窗口操作。UC浏览器的多窗口功能非常便捷，在满足多个页面浏览的同时，减少对用户在浏览过程中思维上的打扰，解决了因单个页面需要反复后退再重新进入页面的繁琐操作、影响浏览，还可以节省非WiFi环境下的手机流量。

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

产品体验：

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

设计思考：

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

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

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

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

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

04.「京东」购物车-商品快速清理

产品体验：

在京东APP的购物车里，如果添加的商品太多，需要选择性的清除一部分，可以使用快速清理，购物车的所有商品将主图用宫格的样式呈现以供选择，一目了然。

设计思考：

还记得以前网上购物才兴起时，经常在想着自己缺什么东西，然后在淘宝或者京东挑选一番，看到合适的就下单购买了。而现在不管是否缺少、是否需要，没事就会在各大电商APP逛，时间都是用小时来计算，不管是否真的喜欢，就往购物车一塞。可能是为了比价、一时的心动、便于以后查看或者等待节日优惠，时间一久，购物车物满为患，不得已挨个挑选然后移除，对于一屏只能展示3个商品的购物车，反复的上下滑动挑选真的是费时间。

京东APP的快速清理，对购物车商品的整理节约了大量的时间。在编辑状态下，点击下方的快速清理，购物车的所有商品将主图用宫格的样式呈现以供用户选择。对比之前一屏只能显示3个商品，在很大程度提升了视觉浏览效率，在快速清理选择页面，一屏可显示28个商品，有了更直观化的视觉体验，还可以避免用户因长时间浏览出现的选择性麻木而移除商品判断失误，同时提高了操作效率。

05.「好奇怪」登录页-情感化的卡通插图

产品体验：

好奇怪的登录页面，右上方卡通公仔的视觉线正对准输入区域，非常可爱。在输入密码时，卡通公仔会用双手遮住眼睛，给用户一种安全的暗示。

设计思考：

众所周知，现在处于网络时代，时常要登录各种网站、论坛、邮箱、网上银行、移动APP等等，因此不断的注册，就有了数不清的网络账号，但通常密码就那么几种，甚至大部分的账号都只共用了一个密码，安全就成了用户的面临的大问题，可能会出现泄露一个密码多个账号被盗的情况，是非常危险的。以至于目前的很多产品都有了验证码登录、指纹登录以及面容识别。虽然有了各种安全手段，但密码登录依然是基础，很多跟金融财产相关的产品依然无法逾越，该有的安全手段都用上了，并通过情感化方面提升用户体验。

在好奇怪的登录页面，右上方卡通公仔的视觉线正对准输入区域，正好符合用户对操作区域的视觉隐喻，加以视觉引导，让用户能在更快的时间内用视觉扫视到目的地。在输入密码时，卡通公仔会用双手遮住眼睛，虽然没有实质上的安全提升，却给用户一种安全的暗示，情感化的暗示让用户在输入密码的过程中从心里感到安全，更加放心，同时也增加趣味性，让整个操作过程更加愉悦。

06.「网易云音乐」通晓古今音乐史的日历

产品体验：

在网易云音乐发现页面，上滑至1.5屏的位置，即可点击音乐日历进入，随时查看过去、今天、未来一段时间的音乐新闻，比如新上映歌曲专辑、历史上今天的大事件、纪念日等。

设计思考：

喜欢音乐的用户，对网易云音乐来说应该都不陌生，虽然没有酷狗音乐那么的强大，但在音乐方面的一直都很专业，同时也研发出了很多小功能、小细节，比如：评论区抱一抱、一起听歌“淋雨”等，深得人心。

在网易云的音乐日历里，随时能看到过去、今天以及未来一段时间里的音乐新闻，比如新上映的歌曲和专辑、过去的今天曾经发生过的大事件、某某纪念日等等。虽然用户没有明确需求，到对于喜欢音乐的用户来说，这些事件提醒摆在这里是一个很大的惊喜，超出了用户的预期，看到之后都会情不自禁的点进去。一个小的功能从表面上看不一定每个用户都喜欢，但投其所好，却能增强用户粘性，降低专业级的用户流失，提升易用性。

（PS：上面的解释看似牵强，但真正的作用毋庸置疑。就好比在寒冷的冬天，你穿着厚衣服虽然能够保暖自足，但有人给你送来一盆火，算不上是雪中送炭，你也一定会感觉非常的温暖舒适，也会对送火的人产生一定的印象而生出感激之情）

07.「微信」屏蔽别人朋友圈的高速通道

产品体验：

在微信朋友圈页面，长按用户头像2秒，点击弹窗中的设置权限，就可以设置不看他或不让他看。

设计思考：

微信改变了我们的生活方式，除了社交，还是记录自己美好生活方式的“笔记本”，早上起来先打开微信、睡觉之前看看朋友圈。但有很多好友发朋友圈特别频繁，一种是微商代购，不停的发着各种商品；另一种是纯粹闲的慌，恨不得连“放个屁”都要发个朋友圈让别人来找颜色，当然也不排除我们自己。不管是讨厌别频率还是自己发的多，都可以设置成自己不看或者不让别人看。

微信表面上看着简单易用，其实真不简单，有很多隐藏的小功能需要我们在不停的使用过程中去慢慢发现。在朋友圈页面，长按用户头像2秒，会出现一个弹窗，点击设置权限，即可直接进入设置页面，开启或关闭朋友圈权限，对比常规的从个人信息页面进入，相当于开辟了一条高速公路，非常便捷。对用户来说，每减少一步操作，用户体验就提升了一大步，缩短路径，简化了操作流程。

08.「高德地图」搜索-双重录入方式随时更换

产品体验：

在高得地图搜索框文本状态下，未输入文本之前，依然提供语音录方式的快捷入口；同理，语音录入状态下，也可快速切换至文本输入方式。文本或语音录入随时切换。

设计思考：

说到搜索，大家都会立刻想到一个放大镜图标和一个矩形输入框。搜索功能在众多APP中占着举足轻重的位置，为了能够让用户快速准确的找到目标信息，搜索功能的用户体验就会显得非常重要。搜索方式除了传统的文字输入外，目前大部分应用也增加了语音录入功能，让搜索的条件录入更便捷。我们在使用搜索功能时，最常见的操作为：在文本输入状态下，若想改为语音录入，则需要返回上一级页面，再次从语音入口进入；同理，语音录入状态改为文本录入，依然是先返回再重新进入，这种交互步骤也成了用户认知的一种常态。

高得地图的搜索条件方式切换，用户体验则更好。不管是在文本输入状态、还是在语音录入状态，都可以在当前页面的快捷入口随时切换，省去了返回上一级页面的多余操作，优化交互路径，减少操作步骤。同时还能有效避免因用户多步骤操作而产生思维记忆的阻断，导致短暂性“失忆”，延长目标完成时间。

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

产品体验：

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

设计思考：

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

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

10.「QQ阅读」模拟现实的日/夜模式切换

产品体验：

在QQ阅读的书籍内容页面，点击屏幕正中间，右上角会弹出一根拉绳，点击可切换日/夜间模式

设计思考：

夜间模式对大家来说，一点都不陌生了，尤其是对于阅读类型的APP，夜间模式早已属于标配。考虑到为了保护好用户的视觉，给予一个舒适的移动端阅读环境，只要进入设置就可以随时更换日/夜间模式。

QQ阅读的日/夜间模式切换，除了能在设置里更换之外，还可以通过点击屏幕正中间，从右上角弹出的拉绳切换日/夜间模式。这种方式是考虑到了现实生活中的拉绳灯，以现实生活中的物品作为设计灵感来源，表意能力强，更加贴近用户的真实环境。模拟现实世界为产品增加代入感，减少认知负荷，并且为界面带来了新的感觉。

（PS：由于拉绳灯在现实生活中，时代较为久远，新一代的年轻用户并非都能识别，若非对主要用于人群做过市场数据收集及调研，这种切换方式还请谨慎使用）

11.「天猫」搜索框-IP形象打造品牌

产品体验：

进入天猫APP首页，顶部为了节约空间，搜索框以常规的样式显示。页面上滑时，顶部搜索框变外形换成了天猫的品牌形象元素“猫头”样式。

设计思考：

品牌不一定是IP，但IP一定是品牌，一个企业的品牌形象至关重要。IP不一定是企业的必需品，但有了它就能更进一步的对品牌的传播起到推动作用。比如将创始人或者公司核心人物的个人精神加入到品牌的形象当中，进而产生出巨大的品牌号召力。天猫在品牌传播方面应该是数一数二的存在，不管是宣传海报、弹窗外形、特色专题或插画等大部分都用了公司的IP形象，抽象的“猫头”样式。常规的事务都不会有太大的吸引力，就搜索框来说，在应用中的作用可谓是举足轻重，最常规的样式就是矩形（或圆角）框。

天猫APP的搜索框样式则打破常规，为了提升品牌形象，把顶部搜索框外形设计成天猫的品牌形象IP“猫头”样式，将自身产品所拥有的优势与IP形象相结合，最大化的从视觉上增强品牌印象和品牌魅力，让用户通过品牌在心目中形成了美好的记忆，以至于围绕品牌形成消费经验，下次可能还会使用，达到增强用户粘性的目的，用庞大的用户量和使用频次增加产品的转化率。

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

产品体验：

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

设计思考：

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

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

13.「高德地图」搜索框位置-用户自行掌控

产品体验：

使用高得地图时，可根据用户自身的喜好在我的-设置-首页设置页面，随时调整搜索框在屏幕中的位置。

设计思考：

在我们使用的众多APP中，搜索框的位置都是在顶部的，这符合用户的操作习惯，也形成了惯性思维。当用户有搜索需求时，第一视觉会直接移至屏幕顶部扫视，然后直接执行操作。但置于顶部并不是唯一的设计方法。

高德地图为了提升使用体验，可以根据用户的自身喜好及设备条件，在设置中调整搜索框的位置，给出两个位置以供用户选择，即置于顶部和底部，这样做的好处有两点：

①、在众多的用户群体里面，用户的使用行为也是千奇百怪，为了满足不同用户的使用习惯，将搜索框的位置让用户自行选择，多一个选择就多一个方便，用户需要有控制和来去自由的权利，切换方式给用户带来了更强的掌控感，增加用户使用粘性。

②、即使大部分用户都习惯搜索框在顶部，但因为目前设备尺寸越来越大的原因，依然会有部分用户会将搜索框置于底部。菲茨定律告诉我们“尽可能缩短手指与操作所相关按的间距”，  搜索框固定在屏幕底部，用户可以随时随地采取操作，能在最短的时间类毫不费力的触达目标，提升产品的易用性。

14.「百度网盘」超级会员-尊贵的“黑金”图标

产品体验：

开通百度网盘超级会员的用户，可在设置中将桌面默认图标改为尊享图标，“黑金”样式彰显尊贵。

设计思考：

开通过百度网盘超级会员的用户都知道，相比未开通之前，下载速度可谓是蜗牛比火箭，还附有其他各种功能：存储空间、急速下载、高清画质...等，但我相信大部分用户多是奔着急速下载去的。

百度网盘超级会员还有一个设置，虽然没有实质的功能性，但抓住了用户的心理弱点，就是尊享图标。可在设置中将桌面默认图标改为“黑金”样式的尊享图标，利用大部分用户的炫耀心理，通过换成“黑金”尊享图标炫耀自身的形象以及地位，表示对自己的肯定，满足自己的虚荣心，以求博得面子，可以带来一种荣耀和心理上的满足感。另外还能用差异化样式给用户带来惊喜，让用户感受到会员的尊贵感和特权性，以达到更好的用户体验。

15.「虾米音乐」登录页面的微动效

产品体验：

进入虾米音乐登录页面，会看到很多元素从设备四周向中间聚拢的微动效，使用缓慢的运动轨迹反复循环。

设计思考：

一个产品想要盈利，登录功能是用户转化关键的一环，毕竟如果没有用户量，再好的产品也是空谈。登录功能的用户体验时至关重要，其样式也是存出不穷。

虾米音乐在登录页面使用了微动效，通过部分元素从设备四周向中间聚拢的动画方式，让视觉快速聚焦在中心的一键登录按钮上，减少用户对登录方式的选择性困难和决策时间。另外如果没有明确的注册（一键登录）需求，用户对注册会有一定的抗拒心理，这时候动效就可以对用户的抗拒心理产生一部分干扰，并往登录入口引导，降低用户的心理防备，以进行一键登录操作，提升注册成功概率。

（登录页面的动画请慎用，不适当的动效方式会对用户的登录操作产生一定的干扰）

16.「淘票票」选座-是如何提高上座率的？

产品体验：

用淘票票APP购买电影票，在挑选座位时，如果选择2个或以上的座位，座位中间或两边不能留有空位，点击确认选座会出现弹出提示，以提升座位的利用率。

设计思考：

经常看电影的用户应该都有碰到，不知道从什么时候开始，在网上购买电影票出现了“潜规则”，选购电影票座位时，不能留下单个空位。这种不成文的规定让单身的友友们瞬间受到一万点伤害，直接想暴风哭泣。甚至有单身的人碰到这种境遇，感觉就是歧视，其实不然。

淘票票APP作为当前主流的购票平台，自然是也有这种限制，其原因跟平台的背景并无关联。购票时，如果选择2个或以上的座位，中间或者两边留有空位时，系统会自动弹出“座位旁边不要留空”的toast小窗提示，主要是因为空出来的单个座位会很难卖出去，这样一来就会造成座位资源的浪费，也会降低影院上座率。如果允许留下单个座位的话，本来应该可以坐满的场次，就不能坐满了，因为其他购票用户发现全是单个座位，就选择了下一场，毕竟去看电影的用户大多都是结伴而行，不管是情侣还是朋友，都希望座位挨在一起，全是单个不相连的座位，用户就可能放弃购票了，不仅损失消费数量，而且单座没人也浪费资源、影响利润，这是出于对主流用户群体的考虑。

之前，网上流传着一个事件：其中一年的11月11日，某电影院的座位都被观影者间隔性购买，其目的是单身用户为了故意让情侣们的座位挨不到，避免秀恩爱、破坏虐单行为的一场恶作剧，结果就是影院的上座率很低，直接造成经济损失。不管这个事件是否有真实性，但减少单个座位的出现，从优化资源配置、降低座位空置率以及方便结伴而行的观众观影体验来说，这样的设计是人性化的。

（为了统一，其他购票平台都有这种限制，用淘票票APP页面只是用于案例展示）

17.「腾讯QQ」青少年模式-有效防止小盆友“胡来”

产品体验：

①、通过QQ的左上方头像-设置-通用，可开启青少年模式，即对部分功能做了限制，提供更简洁纯净的体验；

②、开启验证锁，在修改部分功能设置时，需要短信验证，避免被小盆友自行修改功能设置。

设计思考：

虽然微信在社交产品里一直是大哥级别的担当，但QQ并没有因此隐退，两个社交软件各自都是带着不同的使命立身于社交界。如果经常需要传送一些文件或对信息的保留，QQ明显比微信更实用。网上经常流传着一些言语，说“腾讯的社交和游戏毁了青少年”，果真如此的话，不可能有庞大的用户体系让之立足，对此，我个人不做过多的言语。其实很多事情都是事在人为，假如没有腾讯，一定会有A讯、B讯...等企业取而代之，相同的问题依然存在。纵然如此，腾讯团队依然在对所出现的过情况进行不断的完善。

QQ此次推出的青少年模式，对于在学习中必须要使用QQ的青少年，为避免在学习过程中不断分心而受到其他功能的影响起到了一定的抑制作用。在设置中切换为青少年模式，限制部分功能，再开启短信验证锁，避免被小盆友自行修改功能设置即可，“麻麻再也不用担心我的学习了”。设置后：

①、极简的页面显示，让学习更加纯粹；

②、屏蔽大部分的娱乐和广告类内容，排除无关功能；

③、设置“聊天消息显示拼音开关”，更便于小盆友对文字的认识；

④、设置QQ帐号是否能被陌生人搜索到、被陌生人拉入群、过搜索添加好友等功能，防止以学习为目的去嗨聊；

⑤、自动屏蔽无效搜索信息，只能搜到现有联系人及聊天记录，以减少干扰。

⑥、......

看到这些功能，青少年模式简直就是为学习而量身打造的，不过再好的软件只是辅助，真正还得结合家长的教育和监督，以增强小盆友的自觉性，根据软件功能的优势结合进行有效利用，方能达到最佳效果。

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

产品体验：

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

设计思考：

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

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

19.「哔哩哔哩」猝不及防的登录弹窗

产品体验：

进入哔哩哔哩APP，在体验过程中，就算用户没有主动点击登录、也没通过特定条件触发登录，系统也会不定时的自动弹出“本机号码一键登录”的提示，促使用户登录（登录即注册）。

设计思考：

市面上99.9%的APP都有登录功能，因为这直接涉及到产品的用户量、使用粘性及企业的利益。登录后可以记录用户操作数据，保护隐私，确保APP的功能能被全部使用，以实现等级差异的基础，不过登录功能相当于对用户的使用设定了门槛，可能会增加用户体验，也可能会导致用户流失，各有利弊。目前APP是登录性质无非两种：①强制登录，这种性质有助于真实用户的转化，但因为登录的阻碍，可能会导致很多用户放弃使用并导致用户流失；②非强制登录，可以让用户优先体验产品，但因为用户不能深度使用，会减少用户对产品的认知，降低转化率。其实在这两种登录性质上，众多应用都无法做到很完美，只能根据自己产品的实际情况在利弊上进行取舍。

哔哩哔哩APP为了规避掉这两个弊端，用了一个折中的办法。进入APP时，无需强制登录，在体验过程中，即使没有主动触发登录条件，系统也会不定时的自动弹出登录提示，通过友好的文案“登录解锁体验更多精彩内容”为用户着想，偶尔提醒用户，采用所有登录方式中最为便捷的“本机号码一键登录”，用户登录成功后，系统自动注册。既规避了强制登录的阻碍，同时又通过非条件触发的弹窗+最便捷的登录方式提升用户注册率，增加产品用户总量，一举两得。

20.「tell」解忧杂货店-不开心就写信

产品体验：

在tell应用里，可以随时将我们的不开心、烦恼通过信笺的方式提交，后台会有专业的义工或其他用户给我们细心的回信解答，真情实感回复，超级暖心治愈。

设计思考：

居住在一、二线城市的大部分人群压力巨大，并且邻居之间、人与人之间的距离感也越来越远。很多用户面对婚姻家庭、亲密关系和职场事业等束手无策，另外在成长中的青少年也都有着不能和父母、同学说的烦恼等无处倾诉。因此，需要有一个私人空间来诉说，以寻求答案和解决办法。

Tell是一款陌生人社交软件，在我们有不开心或烦恼时，通过写信的方式进行倾诉，晚上十点半信封会被分发到各位tellers信箱里，收到信封的人会耐心解答，让我们去收获陌生人的温暖。还也可以对收到的信（每天只有三封）进行回复，通过看别人倾诉的烦恼去为他们解答，收获温暖的同时尽力去让别人收获，赠人玫瑰手有余香。

除此之外，用户每天还能定时使用小篝火通过语音倾诉来缓解负面情绪的功能。以安静温暖的对话和探讨，帮助自己面对当下的强烈情绪、急于逃离的孤独，以及迫切需要解答的烦恼，如同情绪回收站，超级暖心治愈。

21.「京东」取消订单-用快捷入口挽留用户

产品体验：

在京东APP如果下单后不想要了，取消订单时，取消的原因若选择“地址填写错误”，会弹出修改订单的快捷入口，对用户进一步作出挽留。

设计思考：

我们在购物的时候，刚下完单就有可能因为某些原因需要取消订单。比如地址填写错误，则需要联系客服修改地址，如果客服没有看到或者及时修改，进入物流阶段再想修改，流程就很麻烦了，这时候，就有部分用户会选择取消后再重新下单，耗时耗力。

使用京东APP购物取消订单时，若取消原因选择的是“地址填写错误”，这时会提供一个修改订单的快捷入口，点击直接跳转到修改收货地址页面，非常便捷。这一功能不仅为用户提供了因失误可修正的机会，减少了不必要的重复操作，缩短购物周期，节约时间成本。如果需要通过取消订单才能解决问题，可能会导致用户流失，因为用户取消订单后有一定的几率会直接离开，导致降低转化率，给商家带来经济损失，修改订单的快捷入口从客观方面也间接的对用户做出了挽留。

22.「网易云音乐」歌曲分享-定制文案更具点击欲望

产品体验：

在网易云音乐听到好听的歌曲想要分享时，使用定制分享卡片，选择系统的推荐文案。根据个人心情及喜好点击“换一换”，页面上配有不同渠道分享后的效果预览图，找到满意的文案分享即可。

设计思考：

分享对如今的互联网用户来说，一点也不陌生，它作为企业借助外力来传播内容的一种营销方式，如没有特别的推广需求，只需要付出开发成本即可，其他的交给用户。分享的样式及渠道几乎被行业定义，是被用户所接受的大众化的视觉传播样式。

网易云音乐推出的定制分享卡片却是一种新奇的玩法，在分享时可以选择系统的推荐文案，无论是根据个人的心情还是当前比较流行的心灵鸡汤，都比传统的分享样式更具营销效果。另外用户还可以根据要不同的分享对象，通过换一换，找到适合当前“对象”的文案进行分享，其更具吸引力，对用户可能会产生点击的欲望加了一剂猛药，背后所产生的价值一定是为企业产品的用户量带来转化效果。

23.「Cctalk」课程评价-优胜劣汰的小心思

产品体验：

在cctalk的课程评价页面，打分时如果选择1~3星，则需要填写建议（不少于15字），4~5星时，会出现多个优秀的标签以供选择，选择完成后无需填写文字直接提交即可，非常方便。

设计思考：

评价是营销中很重要的版块，比如我们在购物时，各项条件的对比中，评价的占比就很高，我们会去查看好评与差评的对比、差评的数量以及详细原因等，如果差评率很高，可能扭头就走。而最直接的影响就会导致店铺的转化率降低以及用户流失，平台最终也会受到间接的利益损失。

cctalk在课程评价这一块，就花了心思，打分时，根据不同的星级给与用户不同的操作难度。评4~5分时，属于好评，提供多个好评标签供用户选择，无需输入，节省了用户的时间成本，还能避免用户思考，便于用户在短时间内快速做出决策，促使用户完成评价的操作流程，增加课程的好评率；但是评1~3分时，需要用户自己输入文本，而且不能少于15个字，这时，用户就需要去思考，还要花费时间进行文本输入，那么为何不提供几个常见的差评标签以供用户选择呢？因文本输入直接增加了评价流程的难度及时间成本，用户可能产生放弃的念头，降低课程的差评率的同时，也给后来的用户转化做了铺垫，并且会因大量的好评增加平台的用户量。

24.「微信」消息提醒-重要事情不会忘记

产品体验：

在微信的消息对话框，可将重要的消息长按弹出的工具栏中，设置一个提醒时间，到时会再次收到消息提醒。

设计思考：

微信在我们的工作中是必不可缺的一个工具，因大部分人都有很多的好友以及群聊，每天收到的消息不计取数，于是就把部分消息发送比较频繁的设置为免打扰，等到有时间了再去爬楼，虽然很多重要的消息都看了一遍，但依然记不住。比如领导给我们安排了某件重要的事情并在规定的日期完成，当时看了一遍，因长时间的忙碌，等过了几天想起来的时候，工资可能都已经被扣完了。

在微信中设置消息提醒，这一小功能算是用心了。当我们收到很重要的信息或者任务计划时，背了一遍还是怕遗忘，就可以通过长按消息，在弹出的工具栏中，设置有一个提醒时间，到时会再次收到消息提醒，远胜过大脑记忆以及便签记录的方式，避免因某件事情的遗忘而给自己造成损失。

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

产品体验：

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

设计思考：

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

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

26.「悦跑圈」跑步-长按结束避免误操作

产品体验：

使用悦跑圈跑步时，暂停/继续单击按钮即可，但结束时则需要长按结束按钮3秒方可，以增加产品容错率。

设计思考：

应该有很多用户都下载过运动类型的APP跑步时使用，但谁都理解，如果想坚持跑步则需要超强的毅力及自律能力，所以会有部分用户，在跑步之前会设定一个距离作为自己持续的动力和目标。

在悦跑圈的跑步页面，暂停按钮单击即可，而结束按钮则需要长按才能达到目的，主要是因用户在整个过程中主要的精力及思维都集中在运动上面。单击暂停/继续属正常操作，而结束需要长按是为了避免用户在非主观意识的情况下误操作，造成跑步的提前结束，导致用户对已经产生的数据模糊，失去目标动力而放弃（坚持本身就很难）跑步。通过长按操作提升产品的容错率及易用性，增加用户粘性。

27.「淘宝」首页-卡片式的商品合集

产品体验：

淘宝上线了 9.13 新版，首页给用户推荐的已不再是单个的商品，而是当前商品类型的合集，点击后进入同等类型的商品列表，也可以看作是简版的商品详情，保留了最常用的以及涉及转化的操作按钮。

设计思考：

淘宝真正改变了我们的购物方式，从线下购物转战到线上购物、理性消费变成感性消费、实力消费也换成了提前消费，不得不说，给我们的生活带来了很大的便利。淘宝能有现在成就，很大程度上取决于能够抓住人性的弱点以及未来的趋势来迎合用户，让人爱不释手。

在体验9.13新版本时，首页让我印象最深的是，给用户推荐的商品从原来的单个变成类型的集合。点击商品后，即进入跟当前商品类型相似的商品列表，也可以看成简版的商品详情，让用户在浏览商品时有更多的选择，提升产品曝光率，进一步增加用户 “逛淘宝” 的几率和时间，让用户不自觉的陷入到信息流的海洋中去，引导用户尽快“剁手”。这种卡片方式从原本的商品推荐列表演变成聚合的类型列表，于商家而言增加产品的曝光率，对用户而言，则更加容易找到自己满意的商品，以促成下单，提升转化率。

28.「马蜂窝旅游」增加页面利用率的交互方式

产品体验：

进入马蜂窝旅游首页，底部标签栏正常显示，当出现上滑操作时，自动隐藏首页和去旅行图标，缩小标签栏以释放更多的页面空间便于用户浏览，下滑时，标签栏样式还原。

设计思考：

大部分应用都会存在底部标签栏，目的是方便用户能够快速在不同的一级页面之间来回切换，避免因不断的进入和返回浪费大量的时间。因产品的逐渐成熟，功能的不断增多，则需要更多的页面空间，很多产品都会绞尽脑汁去想办法给用于呈现更多的商品内容。

马蜂窝旅游APP通过预判用户心理行为，利用交互方式带给了用户更好的体验。页面出现上滑时，系统会判断用户心理的首要需求是挑选旅游产品，需要浏览大图，而其他的操作降为次要，这时就适当隐藏首页和去旅游按钮，释放更多的页面空间。当导航或者操作入口可能会成为打扰用户沉浸体验障碍时，我们就会把它隐藏，因为部分元素的存在，就会分散用户的注意力。页面下滑则还原标签栏样式，用户这时可能需要使用其他功能或者产品列表回放，视觉则由下往上转移，标签栏在不影响用户使用的情况下又合理的出现。

29.「虾米音乐」如何用签到感知用户的情绪

产品体验：

在虾米音乐的签到功能里，我们可以根据自己的心情，选择对应的图标签到，不管喜怒哀乐，系统都会配有一句鸡汤文案给予鼓励，点击文案，会跳转至心情对应的电台自动收听。

设计思考：

音乐APP是装机必备，当我们挤在上下班的公交或者地铁上、拖着疲惫的身体躺在床上或者心情不好时，就可能会打开音乐，沉浸在自己的音乐世界里。音乐可以让身体放轻松，好的音乐可以缓解压力，避免因自律神经紧张失调而导致慢性疾病的产生，敲开封闭的心灵，纾解忧郁苦闷的心情，甚至音乐还可以做到某些程度的心灵治疗，还能帮助入眠、提高免疫力等各种好处。

虾米音乐应该是黑科技最全的一款音乐类型的APP了，音乐实验室的各种骚操作也就不提，连签到功能也这么给力。我们可以根据自己的心情选择对应的心情图标签到，点击文案后，系统通过用户签到选择的心情图标来感知情绪，推荐对应的电台并进入自动播放。心情不好时，通过收听推荐的电台让用户的心情变的平静，敲开封闭的心灵，纾解忧郁苦闷的心情。用户在心情不好大脑一篇空白时，几乎不可能有动脑筋去寻找歌曲的欲望，而签到功能的心情匹配电台，直接弥补了用户心理弱点的不足，照顾用户情绪的同时，提供了便利性。

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

产品体验：

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

设计思考：

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

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

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

结语：

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

本期产品细节分享结束，我们下个月再见。

Powered by Froala Editor