购物车ui设计模式

购物车中编辑功能

购物车还有一个功能叫做编辑，可以修改数量、款式规格，还可以删除商品。淘宝、京东、严选、寺库全都有编辑功能，*只有前三家可以选择款式和规格。

寺库是由于单一商品的不同规格和用户目的不同，购物车中编辑选规格的场景很少。

小红书:没有编辑功能，没有批量删除和选择功能，所以我们也可以判断出小红书期望用户尽可能以简单、快捷的方式完成比较和消费。

唯品会:也没有编辑功能，但是有倒计时，类似于我加入购物车的时候，这个产品被我锁住了，这有点像买电影票。放入购物车倒计时20分钟不买就解锁了，这与购物车本身的定位有些矛盾。一边逛一边还要担心20分钟内要支付，这可能很难购物。事实上，解锁20分钟后，也没有人会购买这个产品。因此，像唯品会等垂直型电子商务的购物车功能与平台电子商务的购物车功能会有所不同。

购物车中的项目只有在需要删除时才能逐个删除，即使没有批次，也不可能一个接一个地选择删除。应该在这个平台上购物的用户可能不会每次都选择很多商品，毕竟他们只有20分钟的时间结账。

购物车优化案例

这次优化页面的目的是三点：一是根据新的标准视觉标准进行优化;二是调整信息布局和层次关系;三是提高用户使用功能的转化率。

然而，问题出现了，购物车是内嵌的h5页面，我们需要将之前暴露的删除功能隐藏到编辑功能中。但是，导航栏上的编辑功能无法编辑内嵌的h5页面。因此，在与互交互人员讨论后，决定将编辑分别放在几个模块上，可以通过点击其中一个来编辑所有产品。点击完成可以恢复所有状态，同时当页面滑动时，每个编辑栏都能在顶部置顶。这样，h5页面编辑功能的尴尬得以解决。