序言

设计不是第篇的桥拼图，深入下去，分享有好多细节须要推敲，目录快手一个作品涨粉100而这种细节的建立背后的逻辑与意义更值得关注。产品主要指出的信任是与人的交互，用户通过对产品的第篇的桥操作来实现自身的目的，例如双击，分享滑动，目录常按等，建立而操作通常构建在产品的信任功能基础上，产品的第篇的桥功能细节彰显在产品的业务逻辑中，产品所提供的分享功能是否更好的满足用户的需求，操作细节与功能细节密不可分，目录功能影响着用户的建立操作，而操作细节更多彰显在用户的信任体味。

2021|第05篇分享目录（061~075）

061.「淘宝」让让利券合理使用的优先级设置

062.「QQ」消息图标-“摸一下”就能拉近距离

063.「百度地图」未来出游-提早规划行程显得轻而易举

064.「高德地图」出行前-人性化的天气提醒

065.「微信」公众号文章在看-让你看个够

066.「QQ音乐」跑步电台-让无趣的运动变的更有趣

067.「腾讯视频」暖心的提示构建信任的桥梁

068.「躺平」动态IP插图-使得用户进一步行动

069.「爱奇艺阅读」会“冒泡”的TabBar栏

070.「美团」更明晰的视觉传达-降低用户思索

071.「网易云音乐」遇见陌生人-听歌交友

072.「酷狗音乐」再也不用死死盯住歌词页面了

073.「微信」8.0浮窗-没有最好、只有更好

074.「Boss直聘」绑定陌陌-重要消息再无遗漏

075.「QQ」自习室-换种方法学习，不一样的收获

061.「淘宝」让让利券合理使用的优先级设置

产品体验：

在天猫的红包卡券列表页，可依照自身需求的实际情况设置优先使用类型，以达到让利券的合理化使用。下单确认时，系统会手动选择事先设置好的类型，依次对订单金额使用让利券进行免除。

设计思索：

只要我们出门走上街头，都会听到各类各样的让利券在向我们招手，逛一圈回去，手里能攥一大把让利券。即使是在家，走道道、门把手上、门缝下边就会有让利券塞进来，多券在手，我们总是会去寻思如何耗费最实惠。不只是线下这么，线上更是夸张，每注册一个电商平台，都能收到一堆让利卡券，并且还是日更新的。

店家都晓得，在打折促销日益平时的明天，消费者很难会再有强烈的购物冲动，单纯的打折涨价早已不能给消费者直观的体会了，额外的让利能够对消费者更有吸引力。为了提升店面转化率，吸引流量，店家或平台就会领取一些让利券，让消费者有“实惠”的觉得，更有利于带动二次进店，以驱动用户买下更多的商品。虽然让利券领取给消费者然后并非不闻不问，还须要考虑通过何种形式领取、如何提醒、如何推动消费转化都值得考量，假如让利券过期，表面上看是用户的损失，实际真正得到损失的快手一个作品涨粉100是平台/店家。

在天猫的红包卡券功能里，可设置让利券的使用优先级，以便用户在下单时根据自己想要的形式让让利券合理化依次使用，例如根据过期时间的先后、优惠力度的大小等，以便达到最大化借助。在消费者的心中，让利的金额即自己赚到的金额，除了能让其感遭到让利的硬度，能够有效防止让利券的浪费，有利于平台/店家领取的让利券最大程度的使用，提升消费下单转化率，达到消费者、平台、商家三方共赢的目的。

（PS：假如每次都是平台默认选择，难免浪费，例如一张8折让利券用在10元的商品上，远远不及用在100元的商品上实惠：用户的消费思维）

062.「QQ」消息图标-“摸一下”就能拉近距离

产品体验：

双击或按住QQ下方消息小图标往四周拖动，还会变换各类不同的小表情，可爱甜美的表情十分有趣。

设计思索：

Tab栏的作用主要是做内容分类，节约设备的空间，在用户须要的时侯随时可以点击。可以想像一下，假若没有tab栏给大的模块分类，应用的功能全面铺开，如同步入了一个小型垃圾场（轻量型应用除外），乱糟糟的觉得。Tab栏本身就是承载多个功能集合的一个入口，其点击量影响着用户的使用频度和操作深度，直接关联着转化率的问题，所以好多应用也会在视觉呈现款式、交互手势、情感化、微动效等方向下工夫，拿来吸引用户去点击，为其降低点击量及操作频度。

QQ的Tab栏消息图标就使用了趣味化的微动效款式，双击、或轻触图标往四周摸一下，图标都会变换各类不同的小表情，真的是让网友惊讶了，通过趣味性的表情变化，也可让用户的心理情绪也急剧改变，可爱甜美的图标款式在保证辨识性的前提下降低了亲和力和趣味性，拉近与用户之间的距离。趣味化的表现形式且与年青人生活圈接轨，彰显用户潮流时尚的文化基因，时刻用户保持着新鲜感。

（PS：上图中只是举例了其中几个表情，假如想了解更多，请步入QQ应用中体验）

063.「百度地图」未来出游-提早规划行程显得轻而易举

产品体验：

①、使用百度地图自驾出游，选中其中一条路线后，点击左下方的出游建议，设定出游日期及时间，系统以每15分钟为一个时间段，估算出每位时间段出游预估的历时，并推荐最优出游线路。

②、选择公汽/轻轨出游时，不仅应有的路线指引，还提示了未来的时间段用该出游形式存在的故障及延时信息。

设计思索：

出游开车怎样避免塞车高峰？怎么选择合适的时间打车？公汽/轻轨常用线路何时会出现特殊情况停运晚点等，这种好多难以确定的时间常常困惑着你们。眼看着国庆长假就将至了，那么好的旅游机会可不能在家中“躺尸”式的荒废渡过，想必有好多人早已相约着去游览一番的打算，不过常常会遇到途中塞车、路线封闭、交通工具停运等问题的出现，真的是让人“头大”。

①、百度地图的“未来出游”功能，自驾可提早设定出游时间，查看未来出发时刻的相应历时，未来时刻以每15分钟为间隔，滑动时间柱能够了解那个时间点出发历时最短，还可以向上滑动页面，进一步了解每一段路程的详尽用时，让假期郊游的用户，提早规划行程显得轻而易举。

②、还可以精准预估“地铁检票”、“公交候车”的历时，以及预估公汽轻轨的拥挤情况，让用户出游更添安全感，提早了解未来乘坐公汽、地铁时已确定会出现的突发状况，以便提前预算换乘交工工具，节省出游时间，提升出游效率，能够便捷用户上班回去避免晚高峰。

064.「高德地图」出行前-人性化的天气提醒

产品体验：

步入高德地图首页，倘若是下雨，页面视觉会变得比较暗，能看见乌云及显著的雨滴落下，3秒后回到正常状态。

设计思索：

不知男子伴们是否遇到过这些情况，带着阳伞从来不下雪，雨天的时侯都是没有带阳伞；打车后抵达上车地点发觉在雨天，要么取消订单，要么去买阳伞，总是这么的事与愿违。变化不定的天气是最为影响出游的一项诱因。而面对忽晴忽雨的天气，怎么能够顺利出游呢？

使用高德地图，步入地图首页时，界面会出现天气动效，提示实时的天气状况，尤其是下雪天，可以提醒用户出门记得带阳伞，还以便用户按照实际的天气状况选择合适的交通工具出游，不论是打车、公交还是徒步，都可以随便调整，在用户出游之前通过视觉指出提醒，十分实用。

065.「微信」公众号文章在看-让你看个够

产品体验：

在陌陌公众号的文章顶部，点击在看，顶部会展开一个新版块“喜欢此内容的人还喜欢”，给用户推荐相像文章。

设计思索：

阅读量怎样样，要看标题起的吸不吸引人，文章内容质量怎样样，要看转发量的多少。我们都晓得，陌陌有好多公众号就会产出质量较高的文章，所以也被誉为继线上看书以后的又一个知识发祥地。将公众号的文章拉到顶部以后，“在看”也是一个不错的数据统计，点击过“在看”的读者，除了喻示着对文章的肯定，同时也能降低文章的阅读量，产生二次传播，在陌陌公众号的文章顶部点击“在看”后，会出现新增的相关文章推荐版块，并提供公众号名称、文章标题、点赞数和文章封面图片等，对公众号主和自媒体的人来讲，文章爆光和阅读量的提高又多了一成机会，为读者推荐与原文相像或则同频的文章类型，既能满足引导用户继续探求的目的，能够通过所有公众号互相串联，让其他公众号的文章都有机会降低爆光和展示，进行流量分发，两全其美。

066.「QQ音乐」跑步电台-让无趣的运动变的更有趣

产品体验：

在QQ音乐的设置里，通过慢跑电台选择适宜自己慢跑速率频度对应类型的歌曲播放，一边慢跑一边听歌，为自己提供慢跑节奏和坚持的动力。

设计思索：

基于现今快节奏的生活状况，好多年青人在晚餐后直接睡着、晚饭后常坐不起，这就是大批年青人难以控制自己身体、越来越胖的诱因。“喜欢”跑步的的人群越来越多，但众所周知，慢跑须要极强的耐力和自律来控制自己坚持下去，但大部份人都挨不过三分钟热度，定下慢跑目标时来势汹汹，舍弃时就托词连连。

假如在慢跑过程中倍感十分无趣，就不妨用下QQ音乐的慢跑电台，选择一首适宜自己慢跑的神曲吧。QQ音乐的慢跑电台按照自己慢跑的频度推荐适宜的音乐，有适宜跑步的、快跑的、节奏感强烈的、专业人士的推荐......再加上QQ音乐本身带强悍的歌曲库，在慢跑过程中可以看到不同曲调的好歌，让慢跑停不出来。用户在慢跑之前通常还会设定时间或距离目标，在慢跑时不停的查看数据（类似小时候在中学上着40分钟的一节课，常常查看还剩几分钟下课），播放着慢跑电台的音乐，能引导用户的思维偏离设最初计定的目标，将部份思维看法转换到音乐的节奏中，给自己提供更多的慢跑动力，则坚持的更久。另外，还可以设置“按步频匹配音乐”，免去手选，系统按照实时的运动频度，手动为用户精准推荐符合该频度的歌曲，让本来无趣的运动变的愈发有趣。

067.「腾讯视频」暖心的提示构建信任的桥梁

产品体验：

在零点之后打开腾讯视频，横屏观看电影，底部以“夜深了”温馨的提醒，暗示“熬夜党”以身体健康为重，放下手机早点休息。

设计思索：

在几年曾经，就报导过关于网咖熬夜通宵身亡的新闻。而现在互联网时代，基于笔记本、智能手机的普及，去网咖上网的人的确少了，但相同的惨剧新闻却更多了，例如躺在床上通宵逛天猫、刷抖音、嗨聊、追剧等，一夜过去就没再醒过来（这绝不是玩笑，可能就发生在我们身边），只不过换了种方法，去的很“安逸”而已。

使用腾讯视频观看电影，在横屏状态下，到了凌晨零点之后，屏幕上方会显示“夜深了”，通过暖心的文案提醒用户放下手机早点休息，抒发出对用户的关切之意。语言是情感化设计最直接的神器，这些提示其实没有直接中断用户观看视频，却很直接的将用户线上思维转换至现实的场景之中，充分的考虑到用户的身心健康，以情感化的形式导致用户警觉，使得用户结束观看，表面上看似减短了该用户的使用时长，实则跟用户之间垒砌了一座互相信任的桥梁，以提高用户后续的使用黏性，增减其忠诚度。

068.「躺平」动态IP插图-使得用户进一步行动

产品体验：

步入躺平APP关注（首页）页，当页面数据为为空时，Tab栏上方会出现IP插图，通过动态的指引方法引导用户步入发觉页关注躺友，以获取内容信息。

设计思索：

在我们使用的诸多应用中，大部份的空数据页面都仅仅只提示页面状态，甚至有的一片空白，无任何提示都，并没有合理的引导用户怎样去获取数据信息，会造成用户疑问或恐惧，对产品形成不信任感，进而导致用户流失，因用户量的降低直接影响整体业务运转，得不偿失。

躺平APP的空状态借助IP塑造了一套富有奇特风格的视觉形象，用一种“贱贱”的表现形式，映射出了主流用户最真实的姿态，堪称是“人人渣爱”。

步入躺平首页，当没有好友、页面数据为空时，通过动态IP插图明晰的行动指令引导用户去关注躺友，以获得数据内容，能让用户快速地步入到产品使用中，降低用户的苦恼和恐惧感。同时，动态的表现方法更具点击欲望，让交互行为愈发开朗有趣，除了能正确的引导用户，也是转化用户进一步操作好方式。

069.「爱奇艺阅读」会“冒泡”的TabBar栏

产品体验：

点击爱奇艺阅读Tab栏的冒泡图标，除页面切换之外，图标就会向下冒着气泡，动态呈现形式十分有趣。

设计思索：

APP的Tab栏作为第一触点，对整个应用模块的分类起着不可取代的作用，能够检验应用整体的设计是否精美，其重要性不言而喻。好多设计师还会在图标风格及造型上下很大的工夫，但却往往忽略另外的一个关键点，即tab触发时的动效设计，合理的动漫疗效，能起到画龙点睛的作用，但在设计过程中一定要考虑哪些样的动漫疗效更符合该产品的调性，传达出设计品牌及理念。

点击爱奇艺阅读APP顶部tab栏的“冒泡”图标，图标以动效形式呈现，其上方都会冒着气泡，2秒后手动消失，能减少页面切换后、内容刷新时须要等待的沉闷感，提高用户操作的愉悦度，且动态的表现方法相比静态更吸引眼珠，以趣味化的方法降低视觉关注度，因而在切换tab时具有更强的视觉冲击力。动态的气泡结合tab栏“冒泡”标题，则愈发真实形象，更好的传达蕴意，也能给用户留下深刻的印象。

070.「美团」更明晰的视觉传达-降低用户思索

产品体验：

使用美团饭店/住宿选择入住时间，在月历中设定好起止日期后，除起止日期用了显著的提示外，中间夹带的时间也用了黑色填充提示，截至时间上方还提示了入住天数统计。

设计思索：

在我们外出须要入住宾馆时，选择投宿截至日期是必不可少的一步，因目前可供住宿的应用比比皆是，在用户复检方面稍不小心，用户就可能选择其他应用。设计师须要在设计时下工夫，例如降低操作路劲、节约用户时间成本、明确的视觉传达等，只要多站在用户的角度思索，都能带来更好的用户体验。

在美团APP上使用住宿，选择起止时间时，并非常规的设置好起止时间就完事儿了。在起止日期范围内的时间里，系统使用了淡淡的底色填充显示在月历中，用更显著的视觉传达，让用户更明晰自己所选择的日期及范围。截至时间上方统计了用户的入住天数，由于涉及金钱成本，在用户可能会自己计算的情况下，系统早已通过手动统计时间来降低用户的思索，节省时间成本，易于用户在更快的时间内作出决策，达到转化的目的。

071.「网易云音乐」遇见陌生人-听歌交友

产品体验：

使用网易云音乐的一起听功能，不仅能分享给好友外，还可以选择“遇见陌生人”，系统手动匹配兴趣相投的陌生人并添加进来一起听歌。

设计思索：

自网易云音乐“一起听”上线以来，受到广大用户的好评，原先听着孤寂的歌曲并不会孤寂。基于不同的需求，心情不好时，约请死党一起听；有新曲发行时，邀兴趣相投的好友一起听.....，然而，并非每次都这么便捷，须要好友资源、相同时间、同一个音乐应用等众多条件，有时侯约请发出去以后，收到的只有难堪。

网易云音乐的一起听最新版本上线了“遇见陌生人”功能，这个功能才能让两个彼此之间不认识的人同时收听一首歌曲，对于有好多心事的人而言，这的确是一个可以让你袒露心里话的好机会。和陌生人一起听歌，能够通过听歌来交友，实现了更多有趣的交流模式，让用户在听歌的过程中找到志同道合的好友，不得不说，这个功能真的很贴心。

072.「酷狗音乐」再也不用死死盯住歌词页面了

产品体验：

在酷我音乐设置中可开启桌面歌词，按住歌词卡片拖动调整摆放位置（限设备四角），还可以通过滑动使其吸附在设备右侧，待须要时再拖下来，点击卡片关掉按键，歌词关掉，歌曲也骤然停止播放。

设计思索：

曾几何时，智能手机还未普及，我们时常看到一首喜欢的歌曲，赶忙回来打开笔记本，开着桌面歌词，跟随学了上去。看着桌面歌词，跟着节奏，可能是学歌最快的方法了，在KTV看着屏幕跳舞就是最好的反例。随着后来智能手机的普及，听歌/学歌确实便捷多了，任何地方、任何环境（麦克风）随时打开APP就行，不知你们有没有发觉，尽管听歌的次数、时间都降低了，好多歌都能哼上几首，但正经上去，似乎哪些歌都不会唱，要想学还得盯住APP播放页的歌词，太过局限，好多人都不想浪费这个时间。

酷我音乐的桌面歌词就便捷了好多。从设置中开启桌面歌词，用户在听着歌曲时逛天猫、聊天、看书都可以随时浏览歌词，假如歌词卡片遮挡了手机内容，拖到边沿隐藏即可，十分便捷有查看、摘录歌词的需求的用户使用，同一时间做着几件事情，省时省力，何乐而不为呢？

073.「微信」8.0浮窗-没有最好、只有更好

产品体验：

陌陌上线8.0版本，浮窗由之前的“边缘吸附-只显示标题”调整到了“左上角-显示网页预览图”，多个浮窗更清晰。

设计思索：

记得曾经，使用陌陌浏览网页时，假若中途退出，上次就得重新打开，真心麻烦，用户在此痛点的诉求下，浮窗功能便诞生了，自此，聊天/刷同学圈、看文章不再艰辛，中途停止，用浮窗挂在屏幕边沿就行了，其便捷程度自然不用多说。

陌陌仍然旨在于用户体验而不停的探求，正所谓没有最好，只有更好，虽然上线了某个能让用户开心惊叫下来的功能，其团队也不会止步于此。陌陌8.0版本在上了一波“吊炸天”的功能后，也顺带优化了浮窗功能，不得不说：比原先好用多了。入口固定在了左上角，解决了之前漂浮设备右侧遮挡内容须要拖来拖去的问题，有多个浮窗时，也不用花太多时间回想那个是自己想要的网页（之前只显示标题），通过缩略图就一目了然，能有效降低用户思索而带来选择性困难的问题，极大便捷用户使用，考虑真的很人性化。

074.「Boss直聘」绑定陌陌-重要消息再无遗漏

产品体验：

在Boss直聘设置功能里，步入通知和提醒，根据提示绑定陌陌并开启消息通知，就可以通过陌陌接受Boss直聘引用里的沟通讯息了。

设计思索：

对于现今的白领技术人才，很大一部份都是一边工作一边求职，以求某得更好的前程或更高的薪水，虽然很优秀的公司还是在少数。不管在一个企业做了多么久，只要实力相当，跳槽涨薪远比待在一个公司提薪来的快，这是一个被业界公认又不会被摊牌的真相。基于本身就在工作的缘由，求职不会这么的显著，投递简历以后，更不会长时间逗留在求职应用里，等到上班去看时，由于长时间未回复消息引起机会稍纵即逝。

Boss直聘的陌陌“代收消息”能帮助用户解决这个困局。通过设置中的消息与提醒，绑定陌陌，便捷用户能通过陌陌及时收到重要的求职沟通讯息，再也不用害怕错过重要消息了，非常便捷，为心里有“小九九”的求职者提供了很大的便利。

075.「QQ」自习室-换种方法学习，不一样的收获

产品体验：

在QQ的“动态”Tab功能里，步入自习室，能看见正在学习的人数，“点击加入”便可跟其他男子伴一起学习了，学习中可互相够沟通、点击他人头像“充电”等，很有典礼感。

设计思索：

不知你们是否有过这些经历：想每晚晚上上去慢跑，可没坚持七天就被各类理由征服；想决心减重，可控制不了自己的舌头和胃口，连减重的看法都没有了；想睡前看书，可抖音、游戏、追剧仍然剌激着自己的脑部神经，最后书本只能置于家里吃灰。想努力的人总是能给自己定下每晚的学习目标，做好学习计划，然而没过几天就坚持不下去了，没有意志力，整个人总是身陷恐惧的状况播放量双击平台，舍弃，又不甘愿，重新开始又舍弃，这样的恶性循环持续下去播放量双击平台，可还是在原地打转，有没有想过换种方式试试。

步入QQ的自习室，我们就可以和更多男子伴一起学习学习交流、互相鼓励，即使是在线上，觉得有些虚拟，但针对自制力不强的朋友却能起到获得坚持下去的动力，一群人在一起学习比一个人更有学习气氛和典礼感。

（不要斗嘴，报过网课朋友都清楚，看直播课一般会有更强的吸收能力，而课后看回播除了会把时长翻上两倍，其吸收能力也比较差，直至看不下去舍弃为止，少数自制力很强的除外。同样的道理，在图书馆看书比在家看书的效率也能翻上好几倍）

结语：

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

甜美的你请把帅气的我设为“星标”。