12个产品细节剖析，让你看看大厂是如何做设计的

admin

好的产品应用从来都不缺少优秀的细节。

作为设计师，我们对设计的思考不仅要注重表象层面，也需要围绕信息传达这一设计的本质功能，以充满自省的精神深化和反思自己的设计意识，即做到「好看、好用」。在设计过程中，要站在公司的利益上，懂用户所想，在每一个关键点都要带给用户意想不到的惊喜，这些往往都是通过细节体现出来的。

「京东」防失误的订单地址修改功能

1. 产品体验：

使用京东APP下单后，在未确认收货及派件之前，如果发现地址有误，可以随时修改订单收货人和配送信息。

2. 设计思考：

在年轻一代庞大的用户群体中，几乎每个人都有网购的经验，有时候刚完成下单操作，突然发现速度太快没刹住车，默认地址没有修改，这时候就需要联系客服修改或者申请退款重新再来一单，对用户来说不仅是很不好的使用体验，增添了麻烦，对商家而言还可能造成成交率下降。

京东APP的订单地址修改功能，当我们发现地址填写有误时，在订单详情点击「修改订单」即可修改收货人和配送信息，前提是用户没有点击确认收货、快递员未派件状态。这一功能为用户提供了操作可修正的机会，减少了不必要的重复操作，虽然使用几率很低，但非常实用、方便快捷。

「微信」用户撤回消息-避免误点删除

1. 产品体验：

在微信聊天框，发送的信息低于2分钟，可通过撤回操作取消发送，并在信息操作栏去掉了删除选项。

2. 设计思考：

微信在很早之前就有了消息撤回，后续其他的很多社交软件都相继上线了这个功能。很多时候，在我们发现信息发错了人或者有误需要修改，就会撤回，重新编辑再发送。不过有一点比较尴尬：当我们执行撤回操作时，误点了删除，就再也没有机会修改了。

微信在这一方面出了新招，当我们发出的信息低于2分钟时只有撤回，去掉了删除操作，即低于2分钟只能撤回、超过两分钟只能删除，避免了因用户操作失误而造成不可挽回的局面，再也不用担心误操作了。

「酷狗音乐」帮你找回印象记忆的哼唱识别

1. 产品体验：

进入酷狗音乐APP，在搜索歌曲功能里，可以使用哼唱识别帮助我们找到曾经听到过但不知道名称的歌曲。

2. 设计思考：

每当我们走在大街小巷，听到那些熟悉的歌曲，可能会跟着一起哼唱起来。但对于我们第一次听到又非常喜欢的歌曲，总想着什么时候有时间了一定要学会，当有时间了拿出手机却不知从何查起，甚至连歌词都已经忘记，依稀记记得几句音调。

使用酷狗音乐APP的哼唱识别功能就能解决这一难题，帮助用户找回印象中的歌曲。通过搜索功能进入哼唱识别，把印象中的音调哼唱出来，只需哼唱几句，系统就会分析哼唱的旋律走向，和曲库里歌曲的乐谱去对比，识别出来的歌曲根据相似度的高低依次排列，逐个播放即有很大几率找出我们想要的歌曲，对用户来说，无形之间拉近了与应用之间的距离，增强粘性。

哼唱识别是通过乐库智能匹配实现，并不算是十分完美。比如：识别出来的是一个翻唱版或者结果都不是自己想要的，我们可以通过自身解决部分问题，安静的环境、哼唱连贯清晰、尽量多哼几句都可以提升匹配结果的准确度。没有任何一个智能识别结果是100%，虽然有弊端，但能解决大部分用户遇到的问题。

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

1. 产品体验：

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

2. 设计思考：

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

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

「淘宝」拍立淘-快速帮你找到宝贝

1. 产品体验：

在淘宝首页顶部搜索栏，点击扫描图标拍照或者使用手机相册的图片，即可筛选出跟图片相同/相似的宝贝。

设计思考：

回到几年以前，很多朋友可能对于网购还不怎么信任，然而，经过这几年的发展，网购已经是一种最普遍不过的现象。大部分的朋友都已经在手机安装了淘宝APP，想要买什么宝贝，直接通过手机来淘就可以了。并不是所有商品都可以使用搜索功能来查找，比如叫不出名称的玩具、无法用语言描述的服装款式、各种颜色混合的非主流，都因语言描述有限/有误，无法搜出满意的结果。

淘宝是一个电商平台，并非自产自销，用传统的说法，就类似于中介，通过自身的优势亮点来吸引买方和卖方促成交易，达到三方共赢的目的，如若解决商家和用户的问题，就可以良性循环，而平台就会成为最大的赢家。在手机淘宝里面，从顶部搜索栏进入，有一个拍立淘的功能，它有什么作用呢？

对用户：拍立淘可以通过拍照或者上传手机图片的方式，来搜索我们想要的宝贝。也就是说，如果我们想要购买某个宝贝，除了传统的，在搜索框输入宝贝名字搜索的方式之外，还可以通过拍立淘来搜索。最主要的是能够帮助用户解决因不知宝贝名称、无法描述或关键词错误而导致搜索结果有误的问题。虽然搜索出来的结果可能并不十分精准，不过可以在搜索出来的商铺标签中，找到类似的商品进行对比价格、口碑…等，即使没有满意的宝贝，在知道名称的情况下，去其他多个平台买到并不是难题。

对商家：很多商家在店铺后台流量渠道里经常会看到有访客通过拍立淘进店，那么就可以通过高质量主图、提升店铺好评等方式来获取拍立淘的流量，让店铺的宝贝能在最大程度上得到曝光。现在这个竞争十分激烈的淘宝大环境中，任何渠道的流量都值得商家去花心思去争取，以达到更多交易的目的。

「腾讯动漫」个性化的弹幕设置

1. 产品体验：

在腾讯动漫的阅览页面，可以对弹幕字体的透明度、大小、显示行数、速度参数进行设置，方便灵活的调整适合自己喜欢的弹幕字体属性。

2. 设计思考：

曾几何时，我们已经把看多媒体（视频/音乐/图画/）的重心转移到了弹幕上面。以前看电视总是三五成群，一起吃着零食，看到兴奋紧张的片段，身边也有人让你大声宣泄。而现在，没有了嬉戏玩闹的人，一个人守着电脑，这时候，开启弹幕，一群「神经病」一样的队伍顿时涌入你的视线，陪你笑，陪你哭，听你发牢骚……。

随着大量的用户往弹幕功能涌入，一个问题由然而生：弹幕是否影响用户观看体验？对于视频/音乐型的应用，基于沉浸式体验，操作的频率较低，弹幕基本不会影响到用户体验。但类似腾讯动漫这种长图漫画类型的APP应用，用户在阅览时，需要不停的上下滑动查看，操作频率极高，而且根据信息的分布，整个设备屏幕从中心到四角、上上下下全是戏，弹幕不管放在哪个位置，以何种形式呈现，对于不同的用户来说，多少都会影响到阅览体验。

腾讯动漫在最近的版本更新中，上线了自定义弹幕功能，用户可根据自己的喜好对弹幕字体的透明度、大小、显示行数、速度参数进行设置。对于有实际需求，有可能影响体验的功能，我们除了在细节上进行优化，还应该把主动权交给用户，因为用户对自身导致的体验问题远比应用本身自带问题接受能力要强太多。自定义弹幕功能让用户在看动漫时，不仅能摆脱孤独，增加了阅览时的互动性，还用自定义弹幕对体验遇到障碍的用户给与温暖的安抚与力量，大大提高了实时互动的参与感。

「抖音」空状态的轻交互动效引导

1. 产品体验：

进入抖音我的页面，在作品为空的状态下，会有一个上下抖动的动态气泡引导用户发布第一个视频。

2. 设计思考：

在大部分应用里，用户在初次进入的时候，都是空数据状态。部分特定的产品中，某些功能的使用与否直接影响整体业务运转，如果用户对于这些功能不了解或者不感兴趣就会造成很大问题。因用户第一次进入面对的空状态页面，产品没有合适的引导操作而造成用户的疑虑甚至流失，屡见不鲜，那么该如何在「空」的状态下抓住用户的注意力，让他们开始感兴趣呢？

抖音APP在作品为空的状态下，底部的动态气泡引导用户发布第一个视频，通过明确的行动指令引导用户操作，让用户快速地进入到产品使用中，减少新用户流失。动态气泡相比传统的空状态页面一张简单的插画和文案，无论是面积上还是样式上都更有点击欲望，仿佛在和设备对话，做到了有温度的交流，让交互行为更加活泼有趣，也更能迎合年轻用户的喜好。

「QQ」语音进度条贴心的功能设计

1. 产品体验：

QQ对话框里的语音聊天信息，根据用户实时录入声音的大小，以高低起伏的声波样式呈现，可进行播放/暂停、拖动游标进行进度控制操作。

2. 设计思考：

虽然大部分的用户长时间都是在用微信交流，但对于年轻化的用户群体，QQ还是属于必备社交软件，比如各种社群学习交流文件的存储，相比微信就实用了很多。众所周知，在这个动手能力逐渐降低还追求效率的时代，语音录入远比文字输入的效率要快很多倍，当我们面对一堆语音消息时，想要听到一条语音消息的某个关键信息或者临时中断后，就得从头再听。

QQ语音消息的操控功能设计出来已久，但它一直都属于语音类信息功能里的黑科技。除了播放/暂停操作外，可以拖动游标进行进度控制，对于语音过长时，用户可以挑选重点倾听，节省时间成本。视觉呈现上采用更加清晰的声纹波段，既能很好的展示进度信息，又能让用户都能对语音进度有更直观化的操作，增强用户体验。

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

1. 产品体验：

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

2. 设计思考：

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

「虾米音乐」图片配乐-找歌不在迷茫

1. 产品体验：

虾米音乐个人中心，在音乐实验室使用「图片配乐」功能，上传图片，系统即可匹配出跟图片相关的歌曲。

2. 设计思考：

面对工作和生活，很多人都会通过不同的方式为自己减压释放，比如上下班途中听着音乐来阻隔杂乱的噪音、下班后健身房锻炼或电影院看场电影、睡前来一首催眠曲，来缓解一天工作后的疲惫身躯，也可以短暂忘却烦心的生活压力。听音乐虽然不是最主流最好的方式，但却是最方便、最实用的，适合各种场景，拿出手机轻轻一点，不用思考和各种操作，闭上眼睛即可沉浸在自己的音乐世界。长时间下来，每天面对大致相同的歌曲或推荐，多少会有些听觉疲劳，对于打开搜索却没有明确目标的用户，我们如何处理？

虾米音乐「图片配乐」功能就是为这一类用户而生，在个人中心，音乐实验室使用「图片配乐」功能上传图片，系统根据图片只能识别出相应的情绪、场景，然后与曲库中具有相应标签的曲目进行匹配推荐给用户播放，虽然识别结果并不一定跟图片的类型符合，但对于本来就没有明确目标的用户来说，堪称完美。如果对于没有明确目标的用户放任不管，极有可能导致用户流失。图片配乐这一功能不仅在同类型产品中做到了差异化，也在关键时刻挽留了用户，提升转化率。

「猫耳FM」性别喜好-决定产品内容

1. 产品体验：

进入猫耳FM，在首页左上角快速切换性别，系统根据不同的性别喜好推荐相关的内容，帮用户快速推荐匹配。

2. 设计思考：

为了迎合用户需求，很多应用都会根据人群定位，推荐相应内容以满足用户的需求，特别是没有明确目标的用户，可以做到在最大程度上挽留的目的，减少用户流失。想找准用户内容需求，首先要划分好人群内容池，对不同的池子进行内容画像，精准投放内容；然后，要根据不同内容池的数据变化，做到对内容池的内容与推荐策略的针对性进行不定时的调整。

不管是通过用户的年龄或居住地、还是职业性格来划分用户群体，其都会根据时间在不断的变化，难以掌控。无论如何划分，用户群体最精准的区别便是性别，非男即女（还有一类……很少）。猫耳FM正是通过性别来做第一级划分的。点击首页左上角性别图标即可轻松切换，并在屏幕中心位置用插画动效的形式进行toast提示，系统根据不同的性别喜好推荐相关的内容。

首先，左上角的性别图标以颜色、符号视觉传达，让用户清楚的知道当前性别以及推荐的何种内容，避免以往需要去个人中心的设置里才能切换性别的常规路径，非常的便捷、实用，减少了多次操作，节约时间成本；其次，以toast插画动效的样式过渡切换，显得更加柔和，趣味性的表达方式能增加用户的粘性，也通过二次视觉传达，强化了用户操作的结果反馈，增强记忆。

「流利说.英语」补打卡-努力做好一件事

1. 产品体验：

在流利说.英语学习过程中，可以不同程度的获得金币，每天学习30分钟就可以完成打卡，若当天没有完成，用一定数额的金币可以补达标，完成连续打卡。

2. 设计思考：

在班级群里打卡、在朋友圈打卡、在APP打卡……打卡式学习如今成了一种颇为流行的学习方式，打卡成了不少学生和成年人学习的日常功课。无处不在的「打卡」，在带来收获的同时，也引发了很多问题。比如：打卡任务过量、超负荷；为了应付差事，浪费时间……，那么如何让打卡成为正能量效应，是非常重要的。

流利说.英语打卡确是与众不同，通过微信群搭建学习小组，每天学习30分钟就可以在小组群完成打卡。同时还可以利用在学习过程中获得的金币，对特殊原因没有打卡的日期进行补卡。小组群打卡的方式会给我们带来仪式感，会督促我们坚持一件事，促使我们克服惰性形成习惯，群成员还可以相互鼓励比较，形成动力，也会在完成打卡后获得成就感，学习程度自然提升。当我们在没有时间学习或者忘记打卡的情况下，可以用金币补卡，平时学习付出的努力越多，得到的金币也就越多，即可完成少量的补卡，避免连续打卡中断。连续打卡真的让懒癌晚期的用户，多了一分坚持学习的动力，为了不让连续打卡的天数归0，每日必打卡，日日不息，久久为功，在连续打卡不中断的基础上，打卡方能显示出巨大的威力。