移动购物平台界面设计及购物车模块开发探讨与总结

移动设备购物篮功能构思总结

Yjjj近期参与了一项购物篮改进项目，借此机会和大家分享一些关于设计移动电商购物篮的心得体会。

购物篮作为移动电商平台的基石功能之一，其重要性自不必言说。购物篮最初源于我们线下购物的场景，如超市、商场、便利店等，它有助于提升购物效率并增加客单价。随着互联网电商行业的迅猛发展，SKU种类日益繁多，在技术、物流、支付等功能的逐步完善下，购物篮的应用场景和频率也随之提高。

购物篮的作用

在移动端购物篮功能对用户端而言，通常具备以下作用：

1. 合并支付

2. 对比价格

对于产品端而言，购物篮则有以下作用：

1. 提升客单价

2. 记录用户数据以进行商品推荐

用户使用购物篮的场景十分丰富，以下列举几个典型场景，以供大家感受：

场景1：

a君家中某种计生用品用尽，他在某东平台浏览商品时，挑选了以往常用的款式，但又想尝试新品，他将这两款商品分别加入购物篮，在准备结算时发现提示，只要再购买10元即可享受满xx元减10元的优惠，于是他决定多买一件，原本只打算购买一件。

场景2：

b君躺在沙发上拿出手机开始浏览某电商平台，他很久以前就想购买一双鞋子，但鞋子价格较高，b君不舍得购买，他将几乎所有卖这款鞋子的店铺的同款鞋子都加入购物篮，心想等下个月发工资后再购买。

场景3：

c君刚搬新家，家中缺少许多生活用品，他打算在某平台上购买一些，他将商品一件件加入购物篮，由于价格便宜，他并未在意，等到结算时发现居然购买了这么多，且还需要支付20元运费，原来并未包邮，他心想有些东西并不急需，于是挑选了急需的商品与卖家协商包邮事宜，最终完成结算。

以上列举了三个典型场景，作为电商平台，购物篮具有不同的存在价值，但只要商品在购物篮中，我们都有很大可能促使用户付款。虽然购物篮具备多种功能，但它与不同平台、不同用户群体的购物习惯存在差异，是强购物与轻购物的结合。

我们发现各大电商平台的购物篮功能存在一定差异，这可能与用户类型、SKU数量、品牌知名度等因素有关。例如，女性用户较多的产品可能购物篮功能更为重要，可能被放置在更显眼的位置，因为男性购物的目的更为明确，使用购物篮的几率较小。SKU种类繁多的产品，购物篮功能相对更完善。品牌知名度较低的产品需要缩短用户购买路径，关键信息需要更突出。

不同电商平台购物篮功能的差异

淘宝、京东、考拉、严选：从他们将购物篮放置在底部标签栏上可以看出，这个功能对他们至关重要。他们希望用户在平台上浏览商品时，能够像线下场景一样进行映射，因为这些平台的商品种类繁多，用户可以自由筛选和对比。

此时，用户可能带有购买目的，也可能没有明确目的，可能在寻找某件商品时意外发现另一件性价比更高的商品，从而佩服自己的明智决策。实际上，使用购物篮购物也是一种体验消费，一种满足用户欲望的体验，让用户产生一种错觉，认为加入购物篮的商品即将属于自己，即使这次并未购买。

小红书：并没有过于强调购物篮这个属性，因为小红书属于口碑分享和精准推荐类的社区，其定位侧重于用户UGC和分享，从而让其他用户对这些优质内容进行购买转化。通过其他用户的分享评价、使用心得和大数据的精准跨境商品推荐，能够快速帮助用户了解所需产品的优缺点以及是否适合自己，因此购物篮并不是那么重要。社区类电商也具有一定社交属性，因此购物篮的使用场景没有像淘宝、京东那样频繁。

寺库：作为一个全球奢侈品电商APP，使用购物篮购买奢侈品的人应该不多。但他们也将购物篮放置在底部标签栏上。这里想说一下，有些电商产品将购物篮放置在导航栏上，作为全局样式，这与放置在底部标签栏存在区别。一个侧重功能使用，一个侧重商品浏览，虽然都是购物篮功能。我猜想这样的平台可能会有较严重的用户分化，一类是收入足以购买奢侈品和一些轻奢品的女性白领，另一类是较为富裕的上流女性。奢侈品与其他商品不同，因为它会经常推出新款，而款式的新旧对购买奢侈品的人来说不言而喻，尽管有些款式很经典。因此，如果真的在购买奢侈品的过程中需要使用购物篮，而他们将购物篮做得如此明显，除了主要用户是女性富豪之外，我暂时没想到其他原因。

购物篮中编辑功能的作用

购物篮还有一个功能叫做编辑，可以修改数量、款式规格，还可以删除商品。淘宝、京东、严选、寺库都具备编辑功能，但前三者可以修改款式规格。

寺库：由于单一商品的规格种类和用户目的不同，导致在购物篮中编辑选择规格的场景较少。

小红书：没有编辑功能，也没有批量删除和选择的功能，但同样将删除功能外露，因此我们可以判断出小红书希望用户在尽可能简单、快速的路径中完成对比和消费。

唯品会：同样没有编辑功能，但有一个倒计时，类似于我加入购物篮的商品就被我锁定，有点像购买电影票，查看所有商品详情时都有一个倒计时，但说不定过了这个时间段又开始限时，就像最后一天清仓大甩卖喊了一年一样。放入购物篮的倒计时为20分钟，不购买就解锁，这与购物篮本身的定位存在一定矛盾。一边逛一边还要担心20分钟内要支付，这样可能很难逛起来，其实20分钟解锁也没人购买这件商品。因此，像唯品会这样的垂直型电商购物篮功能与平台型电商存在一定差异。购物篮内的商品想要删除也只能一件件删除，即使没有批量也无法一键删除选中商品，可能在这个平台上购物的用户每次选择的商品并不多，毕竟只有20分钟时间让他们去结算。

唯品会：同样缺少编辑功能，却设有倒计时，仿佛我加入购物车即锁定该商品，犹如购买电影票，浏览所有商品详情时均可见倒计时，有时甚至转瞬即逝变为限时抢购，犹如终日叫嚣的清仓大甩卖。购物车倒计时20分钟，若未购买则商品解锁，这与购物车本身的定位存在矛盾。一边浏览一边担忧20分钟内必须支付，恐怕难以尽兴购物。实际上，20分钟解锁的商品也未必会有人购买。因此，唯品会这类垂直型电商的购物车功能与平台型电商存在差异，购物车中的商品只能逐个删除，即便没有批量删除功能，也无法一键删除选中商品，可能用户每次购物选择的商品并不多，毕竟只有20分钟时间结算。

购物车优化案例

近期对购物车进行改版，旧页面令人难以忍受，因此本次优化页面旨在三点：一是按照新标准视觉规范优化，二是调整信息布局及层级关系，三是提升用户使用该功能的转化率。

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

总结设计策略，通过判断产品定位、目标用户，我们需要考虑购物车在产品中的作用及目标。不同的定位、用户及目标，以及技术承载，购物车的设计形式将有所不同。是否需要将所有功能外露，以及符合产品目标用户心理诉求的合理最优解，是我们需要不断思考的。

下期再见～

网上购物系统研究目标或设计构想如何撰写

网上购物系统论文摘要：本文以当今流行的ASP技术开发设计了“maomao电子购物街”交互式电子商店系统。采用结构化生命周期法，自顶向下、逐层分解，模块化的系统结构设计。全文共分为绪论、软件计划、需求分析、概要设计、软件的详细设计与编码、网站的运行维护及系统测试和总结等七章。绪论中阐述了电子商务的起源与意义。软件计划中阐述了市场调查、可行性研究、软件工程方法以及构建本网站所需的开发环境。需求分析阶段阐述了本网站的功能需求、外部接口需求，未来可能提出的功能需求，并设计系统的逻辑模型。概要设计中阐述了网站的总体设计思想、首页设计、网站总体功能设计以及数据库逻辑设计。在软件的详细设计中阐述了数据库详细设计、网站各模块功能具体实现，完成了本系统的ASP交互式电子商店系统。系统运行与维护中阐述了软件维护和测试的重要性。文中详细说明了系统分析、系统设计方法在系统实际开发中的应用，并总结了开发过程中的一些经验和体会。关键词：网上购物系统，电子商务，ASP，HTML，系统开发目录第一章绪论1.1电子商务的起源1.2电子商务的意义第二章软件计划2.1市场调查2.2可行性研究2.3结构化生命周期法2.4构建网站的开发环境2.4.1构建Web服务器2.4.2安装与设置PWS4.02.4.3使用脚本编辑器MSE2.4.4数据库的选择第三章需求分析3.1功能需求3.1.1功能划分3.1.2功能描述3.2外部接口需求3.3系统将来可能提出的要求3.4系统逻辑模型的提出3.3.1数据流图3.3.2数据字典第四章概要设计4.1网站的总体结构设计4.2网站首页的设计4.3网站总体功能设计第五章软件的详细设计与编码5.1数据库设计5.1.1数据库的结构创建5.1.2数据库的安全性及配置5.2网站各模块功能具体实现第六章网站的运行维护及系统测试6.1网站的运行维护6.2网站的系统测试第七章展望与总结