最近发现一个美团外面中的细节，页面中右下角的购物车图标，觉得设计得挺巧妙挺用心。
首先，美团外卖 App 没病有把购物车功能放在底部 Tabbar 上，而是采用了悬浮按钮的形式。我们知道悬浮按钮一般作为页面中一个很重要的存在，一般用于非常重要的功能入口或者对用户的引导，比如引导用户发布、分享、拍照等等。而这里美团却将并不是最重要功能的购物车做成了悬浮按钮的样式，为了不喧宾夺主，同时不影响用户的正常操作和视觉焦点，他们采用了几种设计：
弱化购物车Icon 的颜色，没有采用很抢眼的颜色。
购物车 Icon 在页面滑动时半隐藏。
购物车 Icon 在页面滑动时透明度降低。
美团购物车 icon.gif
通过这几点设计，App 中的购物车图标一般情况下不会分散用户的注意力，不会妨碍用户正常的浏览，同时当我们想要查看购物车的时候，却知道它一直在屏幕的右下角。
最近发现一个美团外面中的细节，页面中右下角的购物车图标，觉得设计得挺巧妙挺用心。 首先，美团外卖 App 没病有把...
美团外卖会员在美团外卖APP中显示为美团会员，原名为【红包套餐】 通过美团会员的账号可以直接登录。 美团外卖会...
各家 App 的年终盘点汇总，印象深刻的是美团外卖，你呢？ 美团外卖 毒舌电影 体验地址：搜索「年度观影记录」小程...
各家 App 的年终盘点汇总，印象深刻的是美团外卖，你呢？ 美团外卖 毒舌电影 体验地址：搜索「年度观影记录」小程...
美团设计模式在外卖营销业务中的实践-学习笔记（一） [TOC] 看了美团技术团队的 设计模式在外卖营销业务中的实践...
美团设计模式在外卖营销业务中的实践-学习笔记（一） 美团设计模式在外卖营销业务中的实践-学习笔记（一）一、设计模式...
今天在朋友圈刷到“下单是美团外卖，送上门的是滴滴外卖”，还配了“贵圈真乱”的标签。 美团外卖不用多说，在百团大战中...
近日，美团悄悄内测了一款名为“拼好饭”的产品。该产品入口设置在美团外卖APP以及美团外卖小程序中，直接在首页第二行...
时间：2018.03.14---2018.03.15 概览 手机：OPPO R7Plus 操作系统：ColorOS...
最近准备做一个产品体验系列，希望通过这个系列锻炼自己：1.对产品的思考和分析能力，通俗的讲，是对产品的感觉。2.逻...
本文标题：【体验细节】美团外卖中的悬浮购物车图标
本文链接：https://www.haomeiwen.com/subject/tgpyfftx.html
网友评论