盘点大厂19个UI设计细节，干货满满！

我们是一群执着于设计的黑马

阿亦DayMoney

深圳 | UI设计师

01/设计差异化

产品体验:

美图秀秀主页的背景更新比较频繁，每次打开都让人有不同的感受，节日/节气/新功能/新活动等等轮番更新，不仅可以一键体验最新的美图玩法，也让用户每次打开都能体验到产品的更新和用心。

美图秀秀

设计思考:

1. 推陈出新，强化品牌记忆点；

2. 频繁更新给用户带来不一样的体验，推出最新的美拍道具便于用户直观了解和一键使用，从而提升转化率；

3. 间接的增加用户交流互动的频率，提升用户使用体验以增加产品跟用户之间的粘性。

02/规避损失

产品体验:

当微信出现有转款未及时领取时，转帐提示会标红浮在对话内容之上显示，第一时间提示给用户，与该好友有转账没有及时接收，为用户提示规避转账逾期退回，而没有及时领取可能造成的损失。

微信

设计思考:

1. 重要消息置顶提示，对于钱财交易对重要等级是非常高的，为用户进行显眼的提示进行风险规避；

2. 在与该好友聊天把转账信息刷走了之后，在聊天状态下也会提示用户有未接收转款，点击转款可及时接收。

03/用户互动

产品体验:

网易云一起听功能，不仅可以找到喜欢同一首歌的陌生人，也可以邀请你的好友一起听。

网易云音乐

设计思考:

1. 可以根据音乐同好找到喜欢同音乐的同好；

2. 产品外引流，分享/邀请好友同时听，间接的增加用户交流互动的频率。

04/模拟真实场景

产品体验:

在看快递动态时候第一时间反应出现在地区的天气状态，天气状态可能会影响快递运输，比如下暴雨，台风等等可能会造成快递延误的不可抗力因素，更直观地呈现给用户。

淘宝

设计思考:

1. 将当时的地区天气状态变化结合带入应用界面设计之中，使场景具真实感；

2. UI视觉场景模拟当前现实环境变化，便于用户第一时间能看到是晴天还是雨天，在视觉传达的过程中结合现有认知，从而带给用户不一样的惊喜；

3. 比如下雨，用户也能推测出快递可能延期，也从而理解快递运输延误原因，减少不必要的买卖纠纷。

05/重要提示

产品体验:

根据你要去的城市，第一时间提醒用户去往的城市当前疫情情况，通知提示用户做好对应措施。

智行机票

设计思考:

1. 疫情对于旅行应该是目前最大的影响因素了，所以它的重要程度也是最高，关系到用户是否决定继续去这个城市，是否可以成功落地都息息相关。所以用最显眼的提示出最新的城市防疫需求，通知给用户，避免用户购买后产生不必要的损失（比如需要隔离，无法落地等）；

2. 二次提示表明需要用户引起重视的场景，在适当的时候给出适当的提示，很贴心，又不会打扰到用户，能够带来更好的用户体验。

06/价格类比

产品体验:

低价就是购买此次机票的最终目的，APP将价格变动的日历和走势一目了然呈现给用户，一眼就能知道那天出行最划算。

智行机票

设计思考:

1. 智行不仅对比当天当前的机票价格将本月最低价格日期明显的标出，提示用户当月最低机票费用和时间，还把最近的前后月份的价格走势显示给用户，给用户提供更多更明显的数值参考；

2. 精准数值的价格变动显示，减少用户对比时间和思考时间，缩短类比成本，促进平台下单率；

3. 考虑到用户价比三家的心理，提供了一目了然的价格对比方式，让用户能通过最短的时间知道最便宜的机票，用最少的操作满足需求，体现应用的便捷性，也提升用户的使用体验；

4. 直观的告诉用户有新的信息数量，让用户知道目前的价格情况，更能够激起用户去衡量自己资金情况进行购买。

07/动效吸引

产品体验:

乐乎的视频区域提示蛮有趣的，每周工作日的周一到周五的小动物都不一样，有柴犬，鸽子等等。

LOFTER

设计思考:

1. 通过视觉和动效聚焦用户视线，以此来达到吸引用户注意力的目的，促进用户点击视频区域；

2. 利用不同的小动物让用户体验到产品的有趣，也吻合乐乎的产品定位-年轻人；

3. 特殊的动效提示也能给予用户更深更强烈的记忆，从而加深品牌印象。

08/搜索方式

产品体验:

租房类APP软件的核心功能区域是搜索房源。搜索功能的设置将直接影响用户的使用租房类APP的直接交互体验。就目前个人体验自如的搜索功能设置是最全、最直观的，比如画圈范围搜房。

自如

设计思考:

1. 房屋列表标识清晰，清楚地标定了价格，距离，位置等字样，租房第一时间要考虑的因素，展示给用户，减少用户对比时间，更直观便捷；

2. 对于用户的关注点更多的在于地理位置和周围环境，搜索结果页直接以地图的形式展示所有的符合要求的房源位置，一目了然；

3. 逻辑清晰，学习成本低，对于第一次使用自如的用户也能便捷地使用该功能。

09/趣味加载

产品体验:

有趣的等待搜索过程让等待不再枯燥。

菜鸟裹裹

设计思考:

1. 加载，搜索，网络问题等等，连接响应需要对应的时间，挑战用户的耐心。加载设计对于用户来说是非常影响体验的一个方面，奥特曼的识别加载提示将等待变得有趣；

2. 用户在等待中产生的负面情绪，不同的加载样式，会带来完全不同的感受，加载时间越长，用户感受越明显。在明确告诉用户目前处于「自动识别」中，增强反馈明确性。

10/符号意义/区别性

产品体验:

第一次打开突然感觉自己有了莫名的守护屏障一样安心（当然防疫不可掉以轻心），有了绿码和神兽庇佑定能有“码”在手，出入无忧。

粤省事

设计思考:

1. 2月9日，深圳成为了全国第一个“凭码出行”的城市：全面实施人员通行认证管理措施，各类住宅小区、城中村居住人员进出小区需出示健康码，这个提示文案就暗示将自己（个人）与大家（集体）紧紧联系起来，感觉自己也为防疫出了一份力有种齐心协力的感觉，让使用用户有参与感和集体荣誉感；

2. 有些特殊的符号就是在大家脑海中有保护的暗寓，比如盾牌，保护屏，罩，神兽，符等等，让用户有安心可靠的感觉；

3. 疫情期间被激发的用户需求和用户心理暗示，特定环境下的特殊表达，一针疫苗，两针疫苗，低风险区，高风险区，核酸检测48小时等设计均不一样，也对于检查人员可以一眼识别，加快核对进度。

11/缺货登记

产品体验:

抢票需要第一时间知道票务状态，开卖时间，买的时候的余票等等，就算不能购买，缺货登记不失为最后一丝光。

大麦

设计思考:

1. 让用户实时知道票务状态；

2. 给用户留有空间「缺货登记」，出现退票/卡票/未付款票情况可以有重新购买的机会；

3. 重新赋予用户期待值。

12/配送方法

产品体验:

同样的时间段不营业状态下同店铺，不同平台处理订单的方式。

 

设计思考:

1. 同样的时间段和同店铺，饿了么（左）和美团（右）处理订单的方式，饿了么提醒明天营业时间可以购买，美团显示现在可以购买预定，明天营业时间配送；

2. 虽然结果都是明天送达，但是用户对于不可以选择和可选择状态下做出的下一步可能会有很大的影响；

3. 美团在挽留用户的情况下，增加预订配送的形式给用户提供更便捷的选择。

13/用户激励/累计奖励

产品体验:

促进单店和平台的交易量，只能在该平台下单该店可享受该优惠活动。

美团

设计思考:

1. 消费者只要购买相应商品到达对应次数就可以得到一定优惠，主要驱动用户购买更多次同类的商品；

2. 设置促销活动时间范围，让用户产生损失感，不买将失去这个优惠；

3. 显目区域活动提示引导用户购买，降低用户的流失。

14/受众定位改版

产品体验:

针对中国农业银行的行业受众定位提供大字版/乡村版，为使用对象提供更简洁的版本，字体更容识别，操作区范围变大更好点击使用。

中国农业银行

设计思考:

1. 此次设计改版在已有的基础上，改大字体便于乡村用户更好的识别内容，精简功能，通过减少认知超载，提升用户体验；

2. 对探究目标用户减少大部分影响变量，让用户感受到产品对于用户的重视性和独特性；

3. 便于阅读理解功能含义，方便操作，从而提高用户使用率。

15/一键计算/预期收益明细

产品体验:

对于购买定期存款这方面经常算不清楚，收益估算能将自己预期投入和预期最终收益一次性计算出来（并不是最终收益），为用户提供收益具体金额，精确数值更放心。

浦发手机银行

设计思考:

1. 减少用户计算时间，第一时间可以了解到当前存款下投资最终收益是多少；

2. 一键计算好收益，更能方便用户在很短的时间内做出判断，减少用户考虑和计算时间成本；

3. 化简化用户的操作路径，不要用户单独去算自己各个区间的收益，合理的减少用户在使用产品中的阻力，可以有效地帮助我们推动产品增长，减少用户的流失。

16/用户情景模拟/一体化/刚需

产品体验:

在买菜的瀑布流中推荐家常菜做法，标明难度，时间，食材，制作步骤，同时一键跳转购买，方便用户购买。

叮咚买菜

设计思考:

1. 一般在瀑布流刷太久的用户，都比较没有选择性，有目的（买菜），没有目标（买什么），对于做饭的人来说每天的难题就是「买什么菜」就像咱们每天头疼「吃什么」一样，不仅提供从菜品到做法到购买到配送上门“一条龙”服务，既解决选择的难题，也有清晰步骤告诉你怎么做；

2. 对厨房小白友好，提高了做饭的质量之后，后续购买菜使用APP的几率也随之增大；

3. 既能解决（买什么菜）的问题，同时提供（怎么做菜）的方法，从而促使用户下单转化。

17/一键好评

产品体验:

对于商品评价，在一次购买多个商品时，一键好评可以大大减少评价消耗时间。

叮咚买菜

设计思考:

1. 给个好评虽然浪费不了用户多少时间，但是对于用户而言也是可以避免不去操作的步骤，在希望用户对于平台的商品进行好评时，商家有好评返现或者骑手奖励等等一切促进操作，产品在设计时也可以考虑在节约用户评论时间上调整设计，减少用户时间投入达到目的；

2. toast提示能够告诉用户一键评分结束的实时情况，并且不会增加用户的操作成本。

18/用户激励/叠加活动

产品体验:

促销活动对平台和商家来说可以通过促销活动可以达到给店铺增加销量，带来流量，通过活动清理了库存，给广告做品牌促销，扩大了品牌知名度；对于用户在促销活动下会不自觉的凑单去满足活动条件，从而获得促销奖励。

叮咚买菜

设计思考:

1. 用户在促销活动下会不自觉的凑单从而拉高了平台的客单价，促进用户消费，加大平台使用频率；

2. 达到目标下单额度「39/次」并达到一级活动获取次数「累计3单」之后，赠送商品，既要满足单次销售额度又要满足购买次数，并且越往后吸引力越大，满足活动条件后获得对应礼品，增量促销阶段进行，促进用户消费；

3. 活动规则的奖励兑换是在第一屏未全显示，用户在参与活动时应该仔细阅读活动规则和奖励兑换规则，比如要求新用户或特殊兑换方式等等附加条件。

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

感谢你的阅读支持 · 欢迎留言互动