请求处理中...
请求处理中...
对于商场的产品来说，购物车基本上是基本的标准功能。它是一个携带用户偏好的工具，类似于集合，但是购物车属性被添加到集合中，因此它可以结算购买。因此，它具有独立的属性，并且具有大的相互作用重心。
电商平台购物车界面UI设计
以下是一品威客小编整理内容，供大家参考学习
产品交互设计
购买商城类产品，分为很多种类，对于购物车的需求重量不等，所以我们要根据产品的属性去衡量购物车的重量。
电商类产品对于购物车的需求应该是更高的，类似于去逛超市，不管你买多少东西，都习惯先去推一个购物车。
所以在设计中，会优选考虑购物车的选项，将其放在了更重要的底栏处。
以上四个都是网络电商类的底栏设计，可以说是一模一样了。购物车的设计换一种维度来讲，一是方便了用户对产品使用，二是有利于刺激用户的购买欲。
淘宝购物车界面设计分析
选项框
淘宝对于选项框非常看重，用户在这个界面下操作下一步就是结算，在这个界面中，他给列表中的每个商品，包括商品的店铺前，都加上了选项框，当用户结算购物车只要点击选项框就可以结算了。
修改功能
在商品的右上角可以看到有一个小图标，点击可以增删商品的数量，对用户来说，非常快捷方便。
其他产品(京东等)的设计界面基本上跟淘宝是一样的，都是采用了这种方式，说明这种交互形式已经被大众所认可并习惯，在设计商城产品的时候，可以参考这种交互形式。
有没有不一样的购物车设计呢?
同样是电商类产品，亚马逊身为外来企业，对于交互和UI的设计跟国内也不一样。
亚马逊购物车设计分析
首先，它并没有将购物车放置在底栏，而是放在顶栏。
底栏除了少了一个，和他们也没什么区别，基本上一模一样。
是不是感觉也没什么区别，只是将底栏的一个图标调至顶栏而已，但是它的购物车界面做的就有些不同了。
从视觉角度出发，结算的按钮占据了页面很大的空间，而且置于顶部，视觉重心严重不平衡，页面看起来也比较乱。
亚马逊的购物车可以理解为结算中心，没有选项，只要在购物车的商品，就必须得购买。交互思维比较简单。
这种思维也不是不行，可能产品的目标不太一样，这种交互思维不太符合国人的使用习惯。
饿了么购物车分析
饿了么虽然并不是电商类产品，但是它的购物车设计还是有很多参考的地方。它将购物车从底栏拿出，在主界面的右下角做了一个小按钮。
购物车按钮并非是一直悬浮的，当你滑动界面的时候，它会自动消失，当页面静止两秒左右时，它会再次出现，但是在二级页面中，这个按钮就是持续出现了。
外卖产品购物车的保存时长不同于电商类产品，在电商类产品，购物车的商品可能会放很久，而在外卖购物车中，也就是一顿饭的时间。
饿了么这种悬浮按钮设计也是可以参考的，在设计类似产品的时候也可以参考这种形式。
而且有趣的是，饿了么在点餐加入购物车的时候，会有一个小动效。
以上是一品威客小编提供内容，更多可以关注一品威客网，一品威客网(任务)类型涵盖设计、开发、装修、文案、营销、商务、VR七大类共计300多个细项。不管是LOGO设计、动漫设计、工业设计，还是网站开发、软件开发、装修设计，VR拍摄、VR场景制作，亦或是文案策划、营销推广、商标注册、版权登记等，任何机构、企业都可以在这购买到自己想要的创意及服务。(素材来源网络，如有侵权联系删除)
交易额: 1166.99万元
无 |山东省 |青岛市 |城阳区
交易额: 1067.69万元
个人 |山东省 |青岛市 |城阳区
交易额: 381.16万元
工作室 |广东省 |惠州市 |惠城区
交易额: 249.47万元
公司 |上海市 |上海市 |黄浦区
成为一品威客服务商，百万订单等您来有奖注册中
价格是多少？怎样找到合适的人才？
￥5000 已有0人投标
￥10000 已有0人投标
￥700 已有0人投标
￥3000 已有1人投标
￥50000 已有0人投标
￥5000 已有0人投标
￥100 已有1人投标
￥20000 已有0人投标
企业QQ
智能客服
