本来配合图标和文字已经很清晰了，但是Ae.com依然不厌其烦的增加提示，当鼠标移上Print Page，弹出提示信息Printer friendly version。
6) “ADD TO BAG”按钮的有效性控制
由于购买一件外套必须选择规格（颜色＋尺寸），所以当客户未选择好颜色和尺寸时，ADD To Bag按钮
是灰的，选中后才是可以点击的。
7) 颜色和产品图片的关联。
一般的电子商务网站，每个颜色规格是对应一张相应颜色的产品图片，但是一张图片怎能让客户窥得全貌呢？
AE.com的做法是：一个颜色对应一组图片，当客户选择了一个颜色时，左侧的多图全部是该颜色的图片，很棒！ 8) 尺码表。
尺码表虽然也是很多服装网站都必备的一个功能，但是AE.com胜在做得细。
《B2C电子商务系统规划与设计完全手册》 21 / 49
颜超敏：www.2ecommerce.cn（个人博客）
右侧有两个Tab，第二个是Size & Fit，就是尺码表，另外在尺码规格选择的旁边也有一个链接Size Chart，同样指向这里，这里是一个简单的尺码表，如果客户依然不满意，则可以点击View Full Size Chart，将会去到一个非常完整的尺码帮助页面。
AE.com这个设计胜在细节，因为好的设计就是不断的将适当的内容给客户，而不是一下子将所有的内容都全部展现出来，第一个简单的尺码表，8成的客户都够用了，只有2成的觉得不够，但是系统还提供更加丰富的内容给他们，只是需要点击一下。而这样做方便了8成的客户，满足大多数的情况。
4.6. 购物车（Shopping Cart） 4.6.1. 概述
对于B2C的电子商务系统而言，购物车的设计非常重要，它作为一个中间的实体，联系着产品、促销、结账和订单。设计优秀的购物车功能，对于提高购物车转换率，增加销售非常有帮助。
现在市面上一般的电子商务系统都会拥有购物车这个功能，甚至在以前，电子商务系统是被称作Shopping Cart Software。
购物车（Shopping Cart）是一般的俗称，对于一些衣物服饰类站点，购物车也被称为购物篮（Shopping Bag），只是为了对该行业更加形象一些。
《B2C电子商务系统规划与设计完全手册》 22 / 49
颜超敏：www.2ecommerce.cn（个人博客）
4.6.2. 功能规划
在考虑该如何设计购物车时，首先让我们对购物车做功能的规划，笔者的总结如下：
3. 购物车自身功能。
1) 暂存夹（Save For Later）； 2) 移到购物车（Move to Cart）：即是将暂存夹的商品移回购物车。 3) 删除（Delete）。 4) 修改数量。
5) 编辑规格（Edit）：这个属于比较高级的功能，对于选购商品需要选择规格的站点
才需要提供这个功能，而点击编辑时，有两种处理方式：1）跳转回产品详细。 直接在购物车通过Ajax调出编辑页面。后者实现的技术难度比较大些。
4. 购物车和商品的接口。
1) 加入购物车（Add to Cart）：建议使用Tag/Ajax的形式提供多种加入购物车的接口。 5. 购物车和结账的接口。
1) 结账（Checkout/Process to Checkout）：和结账流程的接口相对简单，因为购物车一
般是保存在Session中，所以结账时从Session中读取即可。
6. 购物车和商品计价功能。
1) 动态计价：根据加入购物车的当前商品和购物车内的商品进行动态计价，涉及促销
规则、批发价、会员价等。
2) 输入优惠券号码（Promotion Code/Coupon Code)：在购物车中输入优惠券号码
并不会真正使用，但会在页面上显示使用优惠券后的折扣价格，这样客户在点击结账（Checkout）之前便能够对价格一目了然。 3) 选择运输方式（Shipping Method）：在购物车内就提供运输方式的选择目的依然是
让客户在进入结账前了解需要支付的运费。一般订单的金额包括：商品的折后金额、 运费和包装费，而包装往往是可选的，所以在购物车提供优惠券使用和运费选择就相当让客户在未结账时就了解了整张订单的总金额，有利于做出购买决定。
7. 购物车和促销推荐。
1) 促销推荐（Also Like/Also Buy...）：即在购物车内根据当前购物车的商品动态的查询
出和这些商品关联的促销推荐等，是提高销量和购物车转换率的有效手段。
8. 购物车的展现视图。
1) 购物车页面（Your Shopping Cart）：这个是购物车的主页面，包含购物车的所有功
能。
2) 小购物车（Mini Cart）：只显示在购物车的商品数量和总价，一般设计在页面顶部，
供顾客随时查看。
3) 加入购物车信息提示：在加入购物车后，会弹出一个信息提示，这个信息提示有几
种形式：1）重复小购物车的信息，并提供View Cart和Checkout按钮；2）弹出层，包含当前加入购物车的商品。
《B2C电子商务系统规划与设计完全手册》 23 / 49
颜超敏：www.2ecommerce.cn（个人博客）
4.6.3. 参考站点
www.neimanmarcus.com
www.bentgear.com
《B2C电子商务系统规划与设计完全手册》 24 / 49
颜超敏：www.2ecommerce.cn（个人博客）
www.gap.com
www.skymall.com
《B2C电子商务系统规划与设计完全手册》 25 / 49
颜超敏：www.2ecommerce.cn（个人博客）
B2C电子商务系统规划、业务研究与设计 - 图文
