从一个“批量删除”的小细节说购物车的设计

作者: leo 分类: 站内公告 发布时间: 2017-03-23 12:02 ė171次查看 6没有评论

最近正在做一个购物车的原型,医微达顺手画了这样一个流程图,但是画的过程中医微达发现了很多的问题,其中最重要的就是对于批量删除这个功能的思考。

购物车后续操作的流程图.png

流程图看似简单,但是很多粗心的伙伴不小心就漏掉了一环。添加/删除有两个入口,点击页面顶部编辑按钮-批量编辑,或者点击商品对应的编辑按钮-单个编辑。

打开天猫或者淘宝的购物车,你发现的是不是很简洁?医微达经常说的一个流程的四大要素“增删改查”购物车最重要的体现就是删和查,那么删除哪去了?

购物车初始化界面.png

想法不错,考虑细致,但是我们截图的做法更好,你选一个就是单个商品,选多个就是多个商品,减少不必要的流程。仔细看图,大写的“编辑全部”和“编辑”,点击“编辑”,如图,

编辑.jpg

点击“编辑全部”,如图,

编辑全部.jpg

哈哈,不要着急,仔细看看,到底为啥不一样。我们初始化时,可以单选或者多选,减去编辑流程,这是因为,我们在结算(鲜艳的红色按钮)。而我们通过“编辑全部”和“编辑”,多了这一编辑流程,这是因为,我们在删除(鲜艳的红色按钮)。

删除有风险,需要慎重,因此多了这一步。一方面,怕误删我们喜欢的商品。另一方面,从电商的角度来说,首先,当然希望消费者多多消费,消费流程畅通无阻。其次,购物车里的是潜在消费品,别随随便便就删了啊~

从购物车流程图的一个小细节说起,不断发现问题,不断深入思考,发现购物车“批量”功能的背后。

最后医微达留一个小彩蛋,看图,如果此时,在你勾选第一件商品的前提下,你点击第二件商品的删除按钮,猜猜你删除的是哪一件商品。哈哈,这样的case还有很多,令人困惑的“删除”。

0

本文永久链接: http://www.e-weida.com/17086.html

发表评论

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>

微信二维码
全国分支机构
  • 电话:400-888-9746
  • 邮箱:医微达邮箱地址
  • 网址:www.e-wangbao.com
  • QQ:2021627922
  • 青岛总部地址:青岛市北区开封路88号百洋科技园6楼
  • 上海地址:上海长宁区长宁路1027号3308室
  • 北京地址:北京市东城区东长安街1号东方广场E1-21层

医微达攻略 |  微营销分享 |  案例分享 |  服务资费 |  了解医微达 |  友情链接