页面|产品细节剖析，让你看看大厂是如何做设计的（2021-16）支付宝

编辑导语：产品面向用户时，不可避免地需要考虑用户的需求与体验感受。那么，产品设计应当如何在保证产品可用性强的同时完善用户体验、提升用户留存？不妨看看其他产品的优秀细节设计，对产品设计细节的推导与思考，可以帮你更好地搭建设计思维与产品设计框架。

文章插图
前言
如何让自己的产品在保证基本的可用性和易用性的同时，还能让界面看起来柔和、更富有亲和力？一个产品能留住用户的虽然是内容本身的质量与吸引力，但一个小小的细节却能够阻止用户的流失，成为内容转化的最后一道防线，让人眼前一亮，值得借鉴。

文章插图
2021 | 第16篇分享目录（226~240）

226.「网易云音乐」勾选协议——双重提示引导用户快速定位
227.「美团」防踩坑——反正我除了“菜”，什么都没有
228.「cctalk」课表日历——让回到起点更高效
229.「微信」发朋友圈——记录点滴再无顾忌
230.「有道词典」未读消息——不完成浏览总觉得怪怪的
231.「叮咚买菜」推荐做法——厨房小白也会下单买菜
232.「EMMO」个人头像——地球“引力”无处不在
233.「得物」我的足迹——提升用户参与度的次数统计
234.「携程」表单——根据已知信息预判内容并自动录入
235.「支付宝」付款码截图提示——保护资金安全
236.「爱奇艺」想离开？下一秒继续使用
237.「微信」视频号——差异化的外观提升浏览效率
238.「QQ」备份/迁移——聊天记录永不丢失
239.「淘票票」观影贴士——彩蛋详情一目了然
240.「京东」是如何提高用户对开通会员接受程度的？

226.「网易云音乐」勾选协议——双重提示引导用户快速定位1. 产品体验在网易云音乐的登录页面，如果忘记勾选服务/协议并点击登录，除了屏幕中间有toast弹窗提示之外，下方勾选区域的文字也会跟随抖动，引起用户的注意。

文章插图
2. 设计思考99%以上的应用都有登录功能，因其产品目标（套路）的不同，部分应用设定为“登录/注册即表示同意服务/协议”，无需手动勾选同意，另一部分则需要用户自己去手动勾选。因设计方式的不统一，造成很多用户进入登录页后，在未勾选“同意”的情况下直接点击登录而遭到系统拦截，并给予一定的提示，此时，用户只能通过浏览页面信息并快速定位至服务/协议区域进行操作。
在登录网易云音乐的过程中，如果未勾选服务/协议，系统会通过toast弹窗+区域元素抖动的形式强化视觉，给予用户双重提示，便于用户在登录遭到拦截并清楚原因后，无需任何信息筛选或印象记忆，即可快速被抖动的文字吸引并定位至此处进行勾选操作，减少用户思考时间，提高登录的效率及完成率。
227.「美团」防踩坑——反正我除了“菜”，什么都没有1. 产品体验在美团外卖下单，如果选择的商品不包含主食，在提交订单时，会在商品上方提示是否需要添加主食，如需添加，可通过快捷入口在不离开当前页面的情况下以弹窗的形式给用户提供最便捷的选择。

文章插图
2. 设计思考在工作忙碌的情况下，用外卖平台点餐，当收到外卖时就傻眼了，发现只有菜、没有饭，打电话给商家，只能被要求重新下单点主食。因为很多都有xx元起送、再加上配送费的原因，我想很多人这时候都放弃了，除了站在原地发发呆、吐槽，也只能赶紧去找个地方吃饭了。