网上商店商城平台产品详细页面的设计展示案例分析－AE.com
对于电子商务站点，产品详细页面的设计非常重要，让客户在“冰冷”的网页上尽可能全面的了解产品信息，而又保持页面设计的简洁美观，对于产品策划人员和界面设计人员都是一个考验。下面介绍一个优秀的设计：www.ae.com。
这个图是从该站点的截图，下面从各个方面进行分析。
布局
1、整个站点是850左右的分辨率，对于服装行业比较合适，利于用户视觉聚焦到产品上；
2、页面平均分为两列，左边放置图片和两个促销栏目，右侧放置产品信息、可选规格、数量和相关按钮等。
设计
1、采用白色和灰色的底色，对图片和文字不会形成干扰，利于阅读。电子商务网站一般不要使用深色背景，深色背景＋反白字体虽然看上去比较“cool”，但是看久了会造成疲劳，而且不利于图片的展示。
2、两侧通过底色的差异自然的呈现出立体感。
功能
这个页面看上去功能好像不多，其实隐藏了很多优秀的细节，而电子商务网站往往就是细节决定成败。下面将从左到右，从上到下的分析。
1、展示当前搜索结果的全部产品。
鼠标移上View All Outwear ，弹出所有outwear（外套），这个功能对用户其实很方便的，可以在不离开
这个详细页面时一次性的看到所有的同类产品。
2、旁边有Prev Item和Next Item，同样好用的按钮，可以让在详细页面一件一件的看完同类的产品。
想想如果没有这个功能，我们要看下一件商品时还得跑回产品列表页面，有时还忘记看到那件了。
（好的功能其中一点就是尽量让用户节省不必要的点击次数）
3、促销推荐。
即页面下面的两个Tab页面，Most Popular和Stylist Picks。
一般的电子商务网站都设计有这个功能，我要重复说明一下的是Stylist Picks，这个推荐翻译成中文即是：精选搭配。
对于服装行业，搭配最为重要，上衣、裙裤、鞋子、包包，都要很相衬才有最佳效果，这里的精选搭配充当了
一回专业导购员的角色了。2ecommerce.cn
4、多种外发方式和友好的提示。
鼠标移上Overview右侧的三个图标上面，离开弹出提示层，其实本来三个图标和文字已经很清晰了，但是Ae.com依然不厌其烦的增加提示，非常的贴心。其它的按钮依然有这类提示。让用户放心的使用每一个功能。
5、“ADD TO BAG”按钮的有效性控制
由于购买一件外套必须选择规格（颜色＋尺寸），所以当客户未选择好颜色和尺寸时，ADD To Bag按钮
是灰的，选中后才是可以点击的。
6、颜色和产品图片的关联。
一般的电子商务网站，每个颜色规格是对应一张相应颜色的产品图片，但是一张图片怎能让客户窥得全貌呢？
AE.com的做法是：一个颜色对应一组图片，当客户选择了一个颜色时，左侧的多图全部是该颜色的图片，很棒！
7、尺码表。
尺码表虽然也是很多服装网站都必备的一个功能，但是AE.com胜在做得细。
右侧有两个Tab，第二个是Size & Fit，就是尺码表，另外在尺码规格选择的旁边也有一个链接Size Chart，同样指向这里，这里是一个简单的尺码表，如果客户依然不满意，则可以点击View Full Size Chart，将会去到一个非常完整的尺码帮助页面。
为什么我说AE.com这个设计胜在细节呢，因为好的设计就是不断的将适当的内容给客户，而不是一下子将所有的内容都全部展现出来，第一个简单的尺码表，8成的客户都够用了，只有2成的觉得不够，但是系统还提供更加丰富的内容给他们，只是需要点击一下。而这样做方便了8成的客户，满足大多数的情况。
作者：博商软件颜超敏 更多请看颜超敏博客2ecommerce.cn
