2023年产品细节剖析让你看看大厂是如何做设计的（2022-03）

产品细节剖析，让你看看大厂是如何做设计的（2022-03）在设计领域，相较于平淡无奇毫无重点的界面设计，其具有良好视觉层次结构的设计更受用户青睐。在设计过程中可能会纠结于各种可能性，比如是让文字变大还是变小，或者增加(或削减)元素四周的留白，颜色是该深一点还是浅一点等。

其实不管何种呈现方式，设计出美观、高效和可用的UI界面需花费很长的时间，需经过反复的修改，最终才能打磨出令用户满足的产品，在满意公司战略及功能需求的状况下，其修改和优化还可以从细节上入手。

32.「支付宝」避开超额消费的花呗闹钟

1.产品体验

在支付宝花呗的消费闹钟功能里，可设置每个月的消费限额，当花呗支付使用超额后，会收到对应的消息提示。

2.设计思索

随着互联网的快速进展，人们生活水平提高的同时、消费水平也越来越高。各种消费信贷产品如雨后春笋一样冒出来。

花呗自消失后就深受人们的宠爱，首先是便捷的支付方式；其次花呗的申请门槛比较低，不论是同学，还是无业游民或其他没有稳定收入的，只要芝麻信用分达到650分以上就能开通，在拥有额度后，就可以在支持花呗支付的平台提前预支消费，到次月再还款，因此花呗的便利性就完全体现出来了。

但总是有一部分用户在每月出账单需要还款时才发觉，消费的额度远远高于自己的收入，甚至无力偿还。花呗新推出的消费闹钟功能，对于花钱没节制的用户来说，真的特殊好用。在消费闹钟里设置提示金额，点击确定设置即可，当使用金额超过用户设置的金额，将会收到提示消息。

此功能既可以削减用户超额花费的可能性，也能有效避开用户因无力偿还账单而给平台带来的经济损失，可谓是一举两得。

32.「滴滴出行」关怀模式-老年人的出行福利

1.产品体验

在滴滴出行的设置中开启关怀模式，系统会将字体放大且展现功能极简的打车模式页面，便利老年人使用.

2.设计思索

滴滴出行主要面对的是年轻用户群体，因涉及到支付宝、地图等线上线下功能的结合，操作流程简单且使用起来学习成本较高。在当前移动互联网时代下，老年人如何能真实感受到现代智能科技所带来的便捷、人文关怀和敬重，是如今的移动平台所要解决的问题。

滴滴出行的关怀模式，就是专为便利老年人出行而推出的。

老年用户在APP设置中心开启后，可快速进行一键下单操作流程。关怀模式支持大号字体显示，能提前设置五个常用地址，便利在下单时进行一键操作，简化了下单流程及删减了部分页面内容。

不管是大号字体还是精简流程，都便于视力不好的老年用户叫车出行，不仅有效降低了在线叫车操作的简单程度，也能缓解老年用户在叫车过程中消失的不确定性和焦虑感，提升了出行效率。

33.「爱奇艺」搜寻分类-让结果更精准

1.产品体验

在爱奇艺使用搜寻时，绽开搜寻框前面的类型，可选择全网、图搜剧和词搜剧，以更精确的匹配搜寻结果。

2.设计思索

许多设计师认为搜寻很简洁，设计一个搜寻框加搜寻图标放在主页顶部就搞定了，然而并非如此，需要站在用户的角度考虑搜寻前、搜寻中、搜寻后各个阶段的用户体验。

搜寻作为一个功能入口，除了简洁的呈现及引导方式之外，搜寻结果也是也是特别重要的，用户的搜寻操作不是目的，结果的精准度及视觉传达才是重点。

大部分搜寻的呈现就是供应搜寻框，用户一上场就开头码字，然后在海量的搜寻结果中去找到自己想要的内容。然而用户并没有什么急躁，不管是花大把的时间查找结果还是不停的更换关键词重来，都有可以让其失去耐性，转而扭头就走，导致平台的用户流失。

爱奇艺APP在搜寻功能中进行了分类，比起常见的全局搜寻其结果更加精准，通过全网、图搜或词搜类型转变搜寻范围，便于用户在最短的时间内找到自己想要的结果。

可以想象，当我们在百度查找需要的内容时，面对几万乃至几十万的结果匹配时，翻过几页后，要么放弃、要么换掉关键词。爱奇艺的分类型搜寻缩小了查找范围，降低用户的时间成本，还能提高对用户的信任度，以增加其使用粘性。

34.「美团」突出折扣金额-引起用户贪廉价心理

1.产品体验

在美团的酒店列表价格区域，除了有划掉的原价和优待之后的价非常，还特殊突出展现了优待的实际金额，特别惹眼，以彰显其优待的力度。

2.设计思索

商家们都知道，定价策略是营销中一个非常关键的组成部分，是影响交易成败的关键因素，但也难以确定，既要考虑成本的补偿，又要考虑消费者对价格的接受力量。

纵然如此，当商家们把最低的价格摆在消费者面前时，才发觉“抱负很丰满，现实却骨感”，总是有那么一群人在感性的消费，即使遇到折扣后的价格依旧过高，但只要优待力度够大，就感觉够刺激，常规剁手。

一路走来才发觉，唯有套路得人心，例如：拼多多的砍价，砍到手后低价购买，算是平台补偿的免费宣扬费；美团的高额满减，是在提高原价数倍之后才有的折扣；线下商家撤离前的亏本清货，可能是被选剩下的瑕疵产品

在这些案例中，假如商家直接把折扣后的实际价格摆在那里，部分用户根本不屑一顾。美团的酒店列表，在价格区域除了常规的原价、现价之外，还突出展现已减金额，抛开现价不说，假如优待的金额给力，足以引起用户的留意。

这是企业惯用的利益引诱手段，屡试不爽，

通过下单就让利的方式来促进商品的转化，引起用户的贪廉价心理，只要优待的数值够高，就能引起用户的留意力和消费欲望，将用户的思维转换至优待力度方面，而忽视市场价格及性价比，会误以为商家优待的金额即自己赚到的错觉，促使用户下单完成转化。

35.「饿了么」订单备注提示-为防疫工作贡献一份力气

1.产品体验

在饿了么确认订单页面，为了有效的掌握疫情传播，顶部会提示“为了削减接触，降低风险，请修改下方备注”，进入备注页面，输入框的占位符和快捷输入都优先展现避开接触取餐的方法参考。

2.设计思索

疫情爆发期间可谓是人心惶惶，经过全部人长时间的有效协作及预防，最终得到了缓解。

疫情掌握之后，人们对病毒的防范意识有所增加，通过自律做到尽量削减与他人的接触，但在忙到的生活和工作下，许多状况总是不行避开，比如病毒防范意识降低而造成无意识的接触、工作中的外卖取餐和寄收快递，都会造成额外的接触。

在饿了么APP上订餐下单时，系统会赐予明显的免接触防疫提示，在订单的备注中优先展现免接触取餐方式参考，如挂门把手、放门口等，给病毒防范意识降低的用户敲响了警钟，提示用户尽量使用无接触方式取餐，不仅能降低病毒在人与人之间的相互传播，还为防疫工作贡献了一份力气。

36.「快手」不打断视频播放的评论功能

1.产品体验

在快手观看短视频，打开评论，页面从底部弹出，视频连续以播放状态等比例缩小置顶，编辑评论不影响播放。

2.设计思索

当我们在线上看到一件事物，有互动需求和剧烈的表达需求时，此时评论功能不仅能满意用户需求，还能增加参加感，对增加用户黏性大有作用。

评论作为一个重要级的功能存在，在需要时会打断用户的当前扫瞄或操作，通过跳转页面或弹窗来关心用户解决互动需求，跟原本的页面是一个上下级的关系。

在快手APP看短视频，无论是编辑还是扫瞄评论都可以齐头并进。触发评论后，页面从底部向上弹出，视频的页面占比范围会以播放状态等比例缩小并置顶，类似我们在看电影时的横屏和竖屏，视频观看及评论两不误。

这种交互方式在满意用户下一个需求时，并不中断上一步的需求，避开原本看视频的思路被打断，有助于用户跟随视频播放的思路即兴发挥评论，这也是一个简单设计师被忽视的好功能。

37.「微博」行为预判-有效提高评论的完成效率

1.产品体验

当我们在微博列表中的某条信息处停留5秒并无任何操作时，此条微博下方会自动弹出评论框，系统通过行为预判感知用户对该内容感爱好，引导用户去发表自己的想法。

2.设计思索

评论在许多应用中都有着举足轻重的作用，尤其像微博这样的大型并开放式的信息平台，更有着弘扬先进的思想和精神，揭露和抨击腐败现象及不正之风，对各种不良现象形成强大的舆论压力，实现有效的监督。

即便是网络水军、键盘侠（恶意重伤除外，究竟大部分用户还是理性的“喷子”），当风声一边倒时，都会渐渐走向真理化。在我们所接触的应用中，评论操作的方式都是通过用户的手动触发。

微博编辑评论除了用户手动触发之外，其还有一种特别人性化的系统感知触发。当用户在列表中的停留5秒且没有任何操作时，系统通过行为预判感知用户可能对这条信息感爱好，即自动弹出评论框，引导用户操作，能增加产品跟用户之间的沟通互动。

微博的行为预判是引导用户、缩短用户行为路径的有效设计手段，在用户没有作出行动触发的状况下进行理解用户可能会消失的操作行为，削减冗余步骤，简化操作流程，运用最少的路径和行为来达成用户目标，有效提高评论的完成效率。

38.「淘宝」搜寻结果-你试过长按商品卡片吗？

1.产品体验

在淘宝的商品搜寻结果里列表，长按某个商品卡片区域，会弹出该商品多种类型的tab，有相像、同款、同品牌和同店，便于用户更精准快速找到自己需要的商品。

2.设计思索

对于有目标需求但不是特殊明确的用户来说，关键词搜寻无疑是最好用的一个功能，当面对海量的搜寻结果，可能会眼花缭乱，找到喜爱的商品时，要么销售量太低、要么价格过高，反正总有有那么一方面自己不满足，不得已，只能把当前商品的精准关键词经过搜寻框再来一遍。

在淘宝APP就无需这么麻烦，商品的搜寻结果列表有个隐蔽的功能，只需长按商品卡片区域，就会弹出相像款、同款、同品牌、同店铺的类型tab栏，便利用户能够快速依据自身需求筛选比价，可免去不必要的麻烦操作，节约大量时间，假如你还未使用过此隐蔽的交互功能，就抓紧试一试吧。

39.「boss直聘」双重toast弹窗-快速感知页面类型/内容

1.产品体验

boss直聘顶部的职位tab在切换胜利后，除了除了有职位更新toast提示外，屏幕中间还会通过toast弹窗提示当前页面职位类型，并突出显示。

2.设计思索

关于toast弹窗样式及消失的场景，如同市场上的大白菜，所见过多的不能再多了。

例如某个步骤操作胜利、tab切换页面、下拉刷新等，是一种轻量级的反馈，以小弹框的形式消失，一般消失1到2秒会自动消逝，且可以消失在屏幕上中下任意位置。

对于设计师来说，在页面上增加toast的作用，就是将操作的结果直接反馈给用户。

Boss直聘APP在tab栏胜利切换页面后，除了有清楚反馈操作结果“推举职位已更新”之外，还在屏幕中间用另一个更加惹眼的toast弹出明确职位信息。

其有用户在切换tab栏时，此操作行为不仅仅是切换页面，所对应的类型才是首当其冲，当明确类型无误后才会将思维转向内容，职位弹窗在屏幕中心提示，占据有利地形，除了让用户清晰当前页面交互状态之外，还能快速感知类型是否为自己所需。

另外还有防错作用，避开用户操作失误后，在自己还不清晰的状况下去扫瞄内容而铺张大量的时间。

40.「饿了么」店铺营销文案-看“我”就把“我”吃掉

1.产品体验

饿了么的外卖店铺列表及推举商品下方都有极具诱惑性的广告文案，一句话概括味道、服务、优质推举等。

2.设计思索

今日吃什么？任凭；那吃肯德基吧？不好，太油腻了；那究竟吃什么？任凭这应当是最标准的选择性困难综合症晚期，尤其是给女伴侣点外卖，你会发觉原来“任凭”就是天大的谎言，表面上看似什么都可以，实则什么都不行以。

饿了么每个店铺下方都使用了一句简短的文案概括菜品的味道、店铺服务或招牌推举等，在文案中结合用户较为关怀的利益点抓住眼球，引导目标进入店铺，从而扫瞄店铺的内容。

店铺广告是商家可以进行内容营销的重要场所之一，可充分利用文案向用户进行宣导，让其感受到店铺的专心之处，增加用户体验，优质的文案不仅能带给用户惊喜，还有一种神奇颜色，用户可能会抱着试一次心抱负法，从而形成转化。

另外对于吃什么、难以选择的用户，平台可以通过文案的吸引，增加用户的占有欲望，让其快速做出决策，避开在选择的时候难以选择，即便做出打算后仍旧疑虑其它的选择是不是更好，从而导致时间的铺张，精神上的焦虑。

41.「微信」你使用过图片备注吗？

1.产品体验

微信好友昵称除文字备注外，还可以使用图片备注，保存胜利后即可在设置备注页面描述区域看到此前备注的图片，好友信息也增加了描述入口。

2.设计思索

当我们的微信好友过多或因好友随时转变昵称的缘由，而常常找不到，我们就会顺手备注一个昵称或标签，以便需要时便利查找，但针对当面即时添加的好友，就算使用的昵称备注，可依旧没有印象怎么办？

其实微信的备注功能比我们想象的要强大，除了昵称备注外，还可以使用图片备注。

当我们因工作接触的人较多需要添加好友时，短时间是没有方法把全部好友的个人信息都记熟，这时候图片备注就能助我们一臂之力了，另外还可以直接把客户的名片作为图片备注，将单个好友的信息集合，实现一功能多用。对于记性不好或短时间内添加好友较多的用户特别有用。

42.「即刻」排版设置-帮你缓解视觉疲惫

1.产品体验

在即刻APP的排版设置里，开启“中文标点挤压”和“段间距”，文本内容会自动减小中文符号后面的间距，且段与段之间也会增加留白，提高视觉舒适度。

2.设计思索

我们在看文章或电子书时，都有过这样感觉，当篇幅较大时，到了肯定时间，就会产生视觉疲惫或专注度减弱的状况。

视觉疲惫的强弱程度，用户除了自行调整外，平台还能通过设计手段提升用户体验来缓解，常见的网络文章会在不同位置穿插图片来减轻用户的视觉压力，其电子书也会通过短篇幅的翻页来缓解视觉疲惫。

在即刻APP的系统设置中，可通过排版设置提升扫瞄体验。开启中文标点挤压，文本将自动减小中文标点符号后的空白区域，避开间隔太大造成脱节，去掉不必要的空白，还能为内容节约空间，究竟内容才是产品最重要的部分，所以不要没理由的去掉特地为它预留空间，“挤挤总还是有的”。

其次开启段间距，即段与段之间视觉更加明显，第一反应就能感觉出这是两段内容（段落的结尾假如跟上一样最终平齐，傻傻分不清是连接上一段还是新的一段），让用户扫瞄文本内容的思维更清楚且削减思索，提升节奏和视觉平衡感。

43.「拼多多」通过搜寻关键词建立情感链接

1.产品体验

在拼多多搜寻“生日蛋糕”时，商品搜寻结果呈现的同时，会有满屏的蛋糕表情落下，以示祝愿。

2.设计思索

商品搜寻框，顾名思义就是搜寻商品使用，用户需要查找某个商品时，输入关键词，系统通过后台数据对关键词进行匹配，然后根据特定是挨次呈现出来，旨在满意用户的搜寻需求而生。

拼多多搜寻功能除了满意用户的基本需求外，还增加了一个小细节，搜寻部分特定的关键词，结果页会使用趣味化的微动效。

比如，在搜寻“生日蛋糕”后，会有满屏的蛋糕表情落下，赐予用户生日祝愿，通过营造情感氛围，获得用户的认可，跟用户建立情感链接以鼓舞连续下一步操作。

同时平台用趣味的微动效生日祝愿通过情感、人性化的交互方式更受人用户青睐，可以让用户感到心情愉悦，进一步增加用户的信任度及粘性。

44.「微信读书」替身书架-帮你瞒天过海

1.产品体验

使用微信读书，假如自己所看的书籍不想别其他人知道，或者想假装自己在看某个领域的书籍，可在隐私设置中开启替身书架，既可以爱护隐私，还可以满意面子心理。

2.设计思索

有人说，线上看书的效果没有看纸质书籍的效果好，其实并非全部如此，主要因人而异，比如线上看书可以有效利用碎片化时间、不分场景等，不管是线上还是线下，都没有明确的界定，只要能坚持就好。

坚持是一件很不简单的事情，比如许多用户喜爱把自己在看书这件事告知全部的伴侣，利用营造人设以追求自己的面子心理，通过好友的夸赞转化为自己坚持下去的动力。

微