PS:新春将至,恭祝各位朋友春节快乐,生活事业双丰收!!!
问题概述
对照现实世界,提升网上购物体验。
示例
用途
- 用于当用户可能购买一件以上商品时;
- 用于当用户可能购买多件同类商品时;
- 用于当用户可能想稍后回来继续购物时;
- 用于当用户可能想稍后回来付款时;
- 如果只卖一件商品,不要使用本模式;
- 如果用户在网站中同时购买多件商品毫无意义,不要使用本模式。例如用户在应用服务提供商处更新服务。[1]
解决方案
购物车是选中的商品的集合,用户使用购物车进行在线采购。用户可以向购物车中添加商品、更新商品及移出商品。此外,用户还可以更改购物车中每件商品的购买数量。购物车中每项商品的费用之和再加上运费、增值税等的总费用显示为小计金额[2]。任何时候,用户都可以选择继续购物或结账,结账就意味着支付并订购购物车中的商品。
每当显示一件商品,就应附带一个“添加到购物车”按钮,便于让用户添加不同的商品到购物车。应能随时点击“显示购物车”链接查看购物车详细内容。
用户结账时,可以看到订单上的最终商品清单,还有付款方式选项(信用卡、电汇或现金支付)。
说明
购物车是一个众所周知的网络购物概念,它暗示用户即便将商品放入购物车也并不意味着他或她正在购买这些商品,在结账之前可以将商品移出购物车。本模式允许用户先是搜集多件商品,随后再支付全部费用。结账的比喻与购物车很相配,因为它与真实超级市场中的流程类似。
原文地址:http://ui-patterns.com/patterns/ShoppingCart
[1]原文:Do not use when your site is arranged in a way, so that it does not make sense for the user to buy more than one product at a time (for instance for Application Service Providers (ASPs) allowing a user to upgrade his service).
[2]原文: A subtotal cost is displayed for each of the items in the cart plus shipping charges, VAT, etc.