浅谈电商购物车设计

最近在做电商H5的设计,在研究购物车的时候有过那么一些思考,周末终于有时间把最近的一些看法整理一下,文中所选的竞品包括:淘宝(C2C)、京东(B2C)、网易考拉(跨境电商)和苏宁易购(B2C)、阿里巴巴(B2B),基本涵盖了目前主流的电商模式,同时这几个平台用户数量很广,能在一定程度上反应用户的使用习惯。


一、为什么要有购物车

1、符合用户购物习惯,相比较一些线下的小商品,任何一个电商平台都算得上是一家“超市”了,所以用户很可能在同一个电商平台购买多个商品,如果用户每购买一个商品就支付一次,不符合用户购物习惯,对用户体验来说是一个巨大的灾难。因此从购物的流程来说,我们需要立即购买来快速购买,减少流程(当然任性的jd一直没有),也需要加入购物车,多个商品合并支付。

2、体现订单信息,即多个商品相互影响或者单个商品数量对订单的影响。电商平台最主要的此类信息就是优惠信息,目前优惠主要有两种,一种是单品的优惠,即单个商品的降价。另一种是多品优惠,比如满减、满送、搭配优惠等。如何体现后面这些优惠类型,就需要购物车的帮助。比如网易考拉左上角的满减优惠:

诸如此类的优惠还很多,对用户来说这主要是给用户一个再思考的机会,对平台来说是关联销售。其他比如邮费等的信息也需要在购物车中体现。当然还有很多其他非优惠的订单信息需要在购物车内就对用户进行提示,比如跨境电商的2000元限额等。这些信息是能影响购物决策的,因此不能放在订单确认页,购物车就是提示的最好地方

据说很多女性用户都是把购物车当做收藏功能用的,把想要的商品加入购物车,之后再在购物车里选择合适的商品组合进行结算,在这种用户场景里,购物车也是必不可少的。

二、购物车应该实现什么功能

对一个购物车来说,他需要实现的基本功能,即一个购物车的下限应该有:

1、浏览商品信息,即大概的看一下我的购物车里有哪些商品,同时这一定得是去到商品详情的入口,用户点击购物车里的商品后能够重新回到商品详情,再一次决策是否结算该商品,商品信息可以比较简略,只包含关键的品名、价格和数量,当然配图的话比较直观,因为有些品名实在太长,只看品名用户还真不知道到底是什么。

2、对商品的操作,对商品的操作包含了:多选,变更数量,删除和结算,多选是为后面几个功能服务。

3、包括优惠在内的订单金额信息的显示,这主要是配合商品的操作,因为数量上的变更可能会引起优惠、价格上的变动。所以购物车需要显示包括单价、总价、优惠、运费,跨境电商的税费等在内的金额信息,方便用户进行购物决策。

上述的三个功能基本也是一个用户使用购物车的流程

三、PC端和APP、H5在购物车上有什么区别


作者研究了5个竞品的PC端和移动APP或H5,发现购物车的设计基本PC端和移动端差别不大,显示的信息基本相同,所做的一般就是把信息重新排布,按钮移到操作热区等一系列适应移动端特点的的变化。但也有一些不同。

淘宝和网易考拉购物车无法直接编辑数量。京东、苏宁易购和阿里巴巴可以。淘宝和考拉都是需要点击右上标签栏中的编辑才能跳出数量的加减。

淘宝的设计比较好理解,其商品下包含了较多的子选项,即一个大的商品下根据大小、颜色等的不同,可能有十多二十个具体商品,单纯在购物车内数量加减容易出错,其PC端可以进行加减操作是因为加减操作页面同时能够进行具体商品的选择,两个选择能在一个页面的弹窗内实现

但对于手机淘宝来说,因为移动端屏幕大小的限制,不能把规格选择和数量选择做到同一个界面里,为了降低出错几率,手机淘宝把数量和规格都放到了“编辑”这个页面里

至于考拉为什么不能在购物车里变更数量,并没有想到很好的原因,希望能想到的人告知。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 194,088评论 5 459
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 81,715评论 2 371
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 141,361评论 0 319
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 52,099评论 1 263
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 60,987评论 4 355
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 46,063评论 1 272
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 36,486评论 3 381
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 35,175评论 0 253
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 39,440评论 1 290
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 34,518评论 2 309
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 36,305评论 1 326
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 32,190评论 3 312
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 37,550评论 3 298
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 28,880评论 0 17
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 30,152评论 1 250
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 41,451评论 2 341
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 40,637评论 2 335

推荐阅读更多精彩内容

  • 购物车是电商产品中一个非常重要的模块,在产品侧和用户侧都发挥着非常重要的作用,本文来聊一聊移动端电商产品的购物车设...
    TD_Wang阅读 5,234评论 0 41
  • 概述 购物车在国内电商平台开始出现最早可以追溯到2007年。随着现在整个各类电商平台的发展,购物车已成为在促成交易...
    张秋米阅读 4,816评论 0 22
  • 我国跨境电商的历史与电子商务是同步的,其标志是1999年阿里巴巴的成立。2000年,国内的外贸界在eBay和Ama...
    方弟阅读 6,294评论 0 66
  • 天空飘着丝丝的秋雨,夹织着蒙蒙的雨雾,渲染着静夜的天空。淡烟疏雨,朦胧迷蒙的雨从座座高楼的缝隙中筛下来,很有几分...
    哈密瓜78阅读 922评论 0 4
  • 不知从何时起简书上出来了一帮战士恍如十三圆桌骑士打着教皇的名义到处伸张正义到处严词挫伤我心难安 我的今天是你的昨天...
    狼眼阅读 470评论 31 21