「微信」朋友圈视频静音播放：减少噪音污染！

序言

作为设计师，在领到产品需求的时侯，所要做的不仅仅是完成产品的设计工作，更重要的是要思索怎么通过设计的的手段去促进产品背后的商业价值达到最大化，提高视觉体验、增强用户的黏性以达到用户转化的目的。不须要我们设计的有多么复杂，可能是一个步骤的简化、一句触动人心的文案、贴心的提示、趣味的动效...

「微信」朋友圈视频静音播放：降低噪声污染

1.产品体验：

在陌陌同学圈，长按选中视频，之后从弹出的选项中选择“静音播放”，跳转到视频播放页面后是没有声音的。

2.设计思索：

同学圈作为现今获取好友信息的主要场所之一，好多的用户就会在同学圈发布图文、短语、视频等类型信息。我们一般习惯性的每隔一段时间就想去同学瞧瞧，当听到特别感兴趣的视频时，就兴奋的忍不住点了步入，没想到忽然来了一段劲爆的音乐，此时轻轨上的人都离奇的看着你、正在午睡中的朋友在厌恶你、上班中的领导皱着眼眉看向你，就问你，尴不难堪？

虽然在陌陌同学圈看视频，很早就设计了这样一个细节，长按该视频，选择“静音播放”跳转到视频播放页面，此时播放视频时没有声音的，假如害怕视频里的声音影响到自己或别人，可以使用静音播放，即使事前把手机音量减到最低也可以解决这个问题，但可能造成忘掉将音量调回去而导致来电或其他声音通知的信息遗漏。静音播放能够便捷“摸鱼党”在下班时间给自己来一个小小的放松，防止众目睽睽之下太过张扬给自己带来何必要的麻烦。

「饿了么」趣味/情感化：有体温的交流

1.产品体验：

在饿了么骑手信息页面，点击蓝勇士头像，头上的白色竹蜻蜒会旋转2秒，且配有玩味性质的toast文案，趣味性爆棚，时而引起会心一笑。

2.设计思索：

眼尖的悉心网友可能已发觉，之前我们在饿了么点订餐，待骑手送到去取餐时，骑手头盔上有个红色的竹蜻蜒，这个不仅仅是装潢作用，更是对优秀骑手的一种激励新政。竹蜻蜒除了是骑手身分的象征，还因“皮肤”的创意让订餐勇士职业在社交平台攒了一波人气，此后美团也在头盔上增加了袋鼠眼睛、美猴王的“凤翅紫金冠”等。

假如你在线下没有看见，没关系，饿了么早已把竹蜻蜒迁往了线上，活脱脱已成了饿了么的品牌形象。在骑手的个人信息页面，点击头像，竹蜻蜒会转动，借助toast弹窗配合文案提示，趣味性爆棚。用户在常规的APP页面交互过程中原本只为满足一个需求而经过的必要流程，用趣味化的形式彰显，即使没有实质上的帮助，但会给用户带来惊喜，让整个操作过程倍感放松、愉悦，也是情感化设计的彰显，用户时常暖心一笑，让黑漆漆的页面弄成了有体温的交流，极大的提高了用户体验。

「高德地图」长途信息：途中所需一览无余

1.产品体验：

在高德地图路线预览时，点击长途/沿途信息，即可查看路线所经过的加油站、卫生间及服务区等沿途信息。

2.设计思索：

有网友说，好多次想在驾车的过程中去加油，又不想绕道，又非常的想找中石化而不是中石油，每次遇见这些情况都认为导航软件不够人性化。虽然除了这么，在驾车途中，有时侯也有酒楼、汽车修理、取款等方面的需求。

高德地图的沿途/长途信息，可让用户在出游之前把须要了解的信息一览无余，提早会有心理预期，当我们行驶在高速路上，须要晓得接出来距离加油站、餐厅或汽修还有多远时，高德地图的沿途搜索功能正好才能处理用户的当务之急，考虑周全且人性化。

「爱奇艺」导航标题词：贴心的界面环境适配

1.产品体验：

爱奇艺首页底部导航切换时，主题背景追随切换后，标签文字也使用跟主题背景相仿的色值，让视觉更轻柔。

2.设计思索：

在我们用过大多数的APP中，常见的大标题都是主题色、深色或黑色，所以在不同的背景色环境中显示，视觉的舒适度总是没有这么高，也验证了一句话“合格的设计千篇一律，优秀的设计百里挑一”。

爱奇艺首页底部导航切换时，其标签文字的色值会跟着主题色一起切换，让文本逐渐接近背景色，视觉上愈加轻柔，相比常规性的“千篇一律”舒适度更高，提高了视觉体验，能够起到增加视觉疲劳、保护双眼的作用。这是一个很容易被设计师忽略的好功能，可以看下来，爱奇艺的团队对界面环境体验的审视是很贴心的。

「虾米音乐」横屏磁带疗效：满满的追忆杀

1.产品体验：

使用虾米音乐听歌，在播放页面横屏时，界面会弄成起床的音乐播放工具“磁带”样式，颇为百搭，上滑弹出多种场景音质选择，并用不同颜色的“磁带”外观分辨，点击“磁带”的两个孔可切换上/下一曲。

2.设计思索：

《荆轲传奇》电视剧中最让我记忆最深刻的一句话是“这个故事其实早已过去了2200多年，但仍然会留在我们的心里，代代相传”，而明天的虾米音乐也将成为历史。相信所有虾米粉都收到一则正式停止营运的线上通知，且启动页也弄成了挥别画面，让用户一阵艰辛，启动页的那一声挥别，最后的希望也将破灭。

2021年1月5日10点：停止帐号注册、会员冲值、虾币冲值、专辑订购等服务；

2021年2月5日0点：停止所有歌曲试听、下载、评论等所有音乐内容消费场景，停止个人资料导入或下载；

2021年3月5日0点：营运停止，关掉服务器，届时及之后将难以登陆......

当听到这则消息时，虾米粉们有些泪目了，颇具壮士一去不复返的悲情之感，虾米音乐从上线到至今都没有让用户沮丧过，尤其是音乐实验室仍然都是音乐界里的黑科技。尽管正式成为历史，但有的设计细节仍值得我们记住。

使用虾米音乐听歌，将播放页面横屏，画面弄成转动的磁带疗效，其中还隐藏了几个交互手势，点击磁带的左右两个孔可切换上/下一曲，上滑选择场景音质，颇为精典的百搭疗效给用户来了一波满满的追忆杀，通过突出的视觉款式，给用户带来美好的追忆，达到提高用户记忆的目的。让用户用一款产品很容易，记住一款产品却很难，虾米音乐的磁带疗效真正起到了画龙点睛的作用。

「酷狗音乐」个性化的歌词设置

1.产品体验：

在酷我的歌词页面，点击左下角的“词”入口，即可对歌词进行字体、字号、颜色、动感等一系列的个性化设置。

2.设计思索：

面对“百年”一成不变的歌词页面，用户已经形成视觉疲劳。对于视觉疗效款式较为单一的设计方式，已经难以揽住用于的心了，用户喜欢的是要让更多的选择由自己来控制，其内心会形成一种成就感，也会间接对产品形成信任。

酷我音乐的歌词设置算是有心了，通过一系列个性化设置歌词款式，让用户随心所欲，满满的成就感。例如男生喜欢帅气萌萌的款式，可以通过选择较为q版的字体、粉粉的歌词颜色来满足少女心；女孩可以选择刚硬有力的字体、开启动感歌词来满足力量和节奏感。个性化设置可以按照用户的不同偏好及浏览行为进行自行调整，让界面看上去和同类产品迥然不同，有特色的产品更容易让用户记住，提高使用黏性。

「快手」交互手势：两个需求“一箭双雕”

1.产品体验：

在快手的精选视频栏目，页面左滑后，以单列的卡片式样把该创作者的所有作品显示在设备两侧，便捷用户上下滑动选择，且不会打断当前播放的视频。

2.设计思索：

短视频类型的APP我们用过好多，由于其互动性很强，所有隐藏了好多交互手势，较有代表性的莫过分抖音和快手。左滑是比较常见的手势类型，在视频播放页面，用户都晓得通过左滑可以查看该创作者更多的作品，但页面的跳转会中断当前正在播放的视频，要么看完左滑，要么再度回去重新观看，别无选择。

快手APP将当前视频创作者的作品选择换了一种方法展示。页面左滑后，所有作品就会显示在设备两侧，用户可上下滑动进行选择，且不打断当前视频的播放，堪称是“一箭双雕”。在同时满足用户多种需求的情况下，节省用户大量的时间成本，提高产品易用性，便于用户在最短的时间内、用最简单的操作满足自己所需。

「高德地图」导航语音包：拉近“距离”一键完成

1.产品体验：

在高德地图的导航设置中，可选择各类语音包，例如名星、网红、地区土话等，设置成功后，在接出来的导航行程中，所选择声音将一路伴随用户进行语音播报。

2.设计思索：

从目前的网红、明星直播带货中就可以看出，追星族对名星的青睐究竟有多么疯狂，近似丧失理性的将每位月收入都悉数投入到名星产品中，甚至入不敷出，所买的可能是一堆连自己都不晓得为何要买的东西，TA们不会放过任何一个能与名星虚拟接触的机会，这也让好多互联网的线上产品找到了营销机会点。

高德地图在导航过程中的语音播报，就挺好的借助了这个机会点。在导航设置的的语音包里选择自己的喜欢的名星进行语音播报，可以构想，在旅途中自己喜欢的名星仍然在给自己引路，会有一种近距离接触的错觉，这也许比听名星的歌曲、看电视剧更有亲近感，能间接满足自己小小的虚荣心，平台也能通过此种方法降低用户黏性。另外对于有乡思之情的用户，选择故乡的地区土语播报，在返乡的旅途中也可以拉近与故乡的距离感。

（每位人都有自己喜欢的人或事物，追星族亦是这么，上方举例只是部份说明，至于是理智消费还是感性消费全凭自己的内心决定，勿杠）

「喜马拉雅」更具亲和力的语音签名

1.产品体验：

在喜马拉雅的个人设置页面，可以录制一段语音作为签名，系统提供了部份文案语录参考，录制完成并选择性别后，其他用户就可以在我的个人主页收听语音签名了。

2.设计思索：

从我们最早玩的QQ开始，仍然到现今，在好多应用里，用户都喜欢用一句话设置个性签名。有人说，个性签名是自己对每位阶段的一种体会，虽然也不仅仅这么，有些人长期用一句话，有的却频繁更新，这个功能如同一块空地，用一句简略的话语代表自己的心情、特意的人设、表面的性格或则盼望有心的人发起交流。

喜马拉雅APP则是一改常态，使用了区别于常规的文字个性签名，即语音签名。通过个人中心设置喜欢的名人格言或励志语录，其他用户步入自己的个人主页点击即可收听。语音签名更具有亲和力，并非仅仅是文字的理解，能拉近人与人之间交流的“距离”，更像是情感互动，这些互动体验通过情感化的方法会给用户带来惊喜，让其感遭到产品的气温与团队的用心，加大用户对产品的印象，是巩固用户黏性与忠诚度非常巧妙的方法。

「微信」炸弹表情：炸坏了手机的钢化膜

1.产品体验：

陌陌8.0版本升级后，表情包版块调整的尽管好多，但最让用户震惊的莫过分炸弹表情的“爆炸”效果了，俨然上演了陌陌版的“叙利亚战争”。

2.设计思索：

可以确定的是，陌陌每一次大的版本更新都没有让用户沮丧，尽管时常的一个细节会让用户吐槽，但整体来说用户的满意度还是十分高的。本就没有任何一个产品能100%满足所有用户的需求，至于部份瑕疵，只能通过不停的探求与研究逐渐改善。从之前的拍一拍、青少年模式、修改微讯号等，到现今的8.0版本，几乎都是在很短的时间内发生了巨大的变化，所以陌陌仍然抢占社交主流交椅不是没有道理的。

陌陌8.0新版本自上线以来始终都是好评不断。首先启动页风格愈发精简，这本就是在预想之中；其次漂浮窗优化升级，不用说，视觉体验提高了一大截；之后新增个人状态，我们在QQ、钉钉等应用中都早已熟悉了；此外就是表情包发送之初的动态疗效，早就在其他应用玩过已不陌生了。

此次陌陌8.0一系类新功能中，最吸引眼珠的莫过分动态表情，其重中之重给用户印象最深的就是炸弹表情包发送以后的爆燃疗效了，有好多网友表示玩嗨了。向对方扔炸弹表情，会在屏幕区域范围内出现较大的爆燃视觉疗效，设备都会跟随振动，让聊天变的更生动，提高互动的趣味性。不过炸弹表情似乎好玩，而且发送之前须要考虑是否打搅好友，防止弄巧成拙。

（我以前试过将几个人拉倒陌陌小群，你们不停的发炸弹表情，痛畅快快的炸了一番，玩罢以后，甚至怀疑手机钢化膜的损伤是否为炸弹表情所致......）

「微博」点赞：不仅仅是“点赞”和“取消”

1.产品体验：

长按微博的点赞图标，会弹出笑容、哭泣、生气、惊讶、点赞五个大表情包，用户可依照自己的感悟，用表情包对微博进行不同心态的点赞，且上方会显示已有的表情包点赞数目统计。

2.设计思索：

点赞功能是好多应用不可缺乏的功能了，除了可以激励内容生产者产出愈发优质的内容，能够帮助平台筛选出更符合用户偏好的内容。新浪微博的界面设计我是始终都不敢奉承，一种风格常年使用，跟自身在该行业中的垄断地位息息相关，不管优劣，你们没得选择，另一方面可能考虑到用户的庞大，涉及男女老少，其改版以后会降低用户的学习成本，一不留神都会造成用户流失。即使这么，微博在部份细节上仍然让用人超乎预料，带来惊喜之余，也提高了用户体验。

微博的点赞功能设计的算是比较有心了，不仅常规的单击点赞/取消之外，还隐藏了一个彩蛋，长按点赞图标，会弹出五个表情包，用户可以选择对应的表情包对当前的点赞行为抒发不同的心态，再度长按后点击该表情即可取消。动态的大表情包能在不经意间带给用户惊喜，通过趣味化的方法将点赞态度传达的既确切又生动自然，带来更好的互动体验。且展示已有表情包点赞的数目统计，借助羊群效应，让新进用户将此看法和行为在相当程度上遭到周围人的影响，减少用户的思索时间，提升点赞转化效率。

「QQ」QQ相册：帮助用户制造追忆气氛

1.产品体验：

步入QQ空间的相册，在图片上下翻动的同时，右上角的月历图标会跟图片列表时间的月份一致，对应变化。

2.设计思索：

QQ是80、90一代用户的追忆，虽然有部份人不用了，但确实伴随了我们前后十几年，其QQ空间的谈谈和相册更是由远及近记录了我们以前发过的闲言碎语和追忆，再度使用上去仍然感到亲切。

近来在QQ空间发觉一个不错的小细节。步入QQ相册，上下翻动图片列表的同时，右上角月历图标中的数字以月份形式显示，并对应列表中的图片发布时间，通过反复指出提高用户视觉感知，图标中的月份上下衔接滚动显示，彰显出时间的渡轮，用更明晰的视觉展示带用户更快的步入追忆中，借助追忆气氛便捷用户表达自己的情感。

「菜鸟」既贴心又实用的代取快件功能

1.产品体验：

在新手裹裹的取件Tab页，可通过添加亲友，帮助其跟踪货运信息或代取快件，尤其是家庭之间十分实用。

2.设计思索：

有时侯由于不便捷常常须要他人帮忙取快件或则帮助他人取快件，通常都是通过截图把取件账簿（取件码/开箱码）用陌陌发给对方，或则须要帮助屋内奶奶跟踪货运信息，也要先索要货运单号，操作十分麻烦，一不留神可能还会忘掉，给自己或亲友带来不便。

如今好了，新手的“添加亲友”功能可以完美的解决这个问题。假如须要帮助亲友代取快件或跟踪货运信息，可通过添加亲友的手机号码（最多4个），对方确认后，才能随时查看该手机号码相关包裹的货运信息了，十分便捷，解决常规的转发取件码可能存在失误的问题，减轻沟通成本，能够帮助屋内奶奶因不熟悉APP操作的缘由，协助跟踪货运信息。另外，若不想让亲友看见自己的包裹信息，可通过权限设置屏蔽自己的包裹。不得不说，站在用户的角度，添加亲友功能考虑周全且人性化，贴心又实用，为互相代取快件的用户提供了很大的便利。

「腾讯视频」自动切换帧率：减少流量超额风险

1.产品体验：

在WiFi环境下高音质观看腾讯视频时，若WiFi忽然中断弄成流量观看，系统会手动切换到低帧率流畅观看，屏幕上方都会弹出“清晰度切换成功”提示。

2.设计思索：

众所周知，无论是聊天、购物，还是听音乐，其花费流量的程度远不及视频用的快，尤其是在5G网路崭露头角的明天，若是点错了某部影片步入观看，可能在极短的时间内就早已使用流量缓存完毕，即使是返回都来不及了。

腾讯视频在非WiFi环境下，对观看视频的数据流量做了一定的控制。当用户在WiFi环境下观看视频时，因个别缘由忽然断网，系统会手动切换到低音质流畅播放，节省用户的数据流量。底部通过弹出的清晰度切换成功提示，对用户起到警醒作用，以便用户考虑自己剩余流量的多少来决定是否须要继续观看，尽管可以设置在数据流量环境下低帧率播放，但用户容易沉溺在看视频的气氛中，假如没有可视化的提示，可能会造成数据流量超额带来经济损失而遭到用户的心理排斥。

「QQ音乐」定时关掉：再也不害怕手机“罢工”了

1.产品体验：

在QQ音乐的设置中，设置一定的时间后开启定时关掉，计时结束后，系统会立刻手动关掉音乐播放，再也不害怕听歌看到手机没电了。

2.设计思索：

90%的用户手机中都安装了音乐应用，下班累了戴上蓝牙扬声器听一曲、在拥挤的公共/轻轨上无趣时听一曲、晚上睡不着就开着音乐边听边入眠。不过最令人难堪的是歌曲播放了一整晚，电量用完没发觉，等下班到了轻轨站才发觉根本用不了乘车码，连卖票都无法支付，心里有一万匹马在飞奔，emmm......

QQ音乐有定时关掉功能，不晓得你们有没有用过。设置一定的时间开启定时关掉，计时结束即可手动关掉音乐播放，实现了喜欢晚上听着歌曲入眠的用户再也不害怕晚上上去发觉电量用完的情况，对用户起到了实质性的帮助。有时侯换一种思索方法做解决少数用户可能遇到的问题，对用户的存留也能起到关键性的作用。

结语

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

本期产品设计细节分享结束，过完新年后再会。