3个通宵，2个多星期的全力以赴，出来个二流的产品，有点无奈…….
. 虽然是团体合作，怪不了别人，自己还得勇于承担责任，但这事让哥学到了2样东西：
1）每日正常上下班，把事情按预期的计划认真做做好，那叫优秀，大部分人可以做到优秀。
老板为什么是老板？老板已超越这个层面，不求回报，无怨无悔…….这是卓越的领域。
有没有想过要进入这个领域？趁着年轻，试一试吧！
2）付出真的未必会有直接的回报，想做点事，那别把自己太当回事，该忍的还得忍，把不满
和委屈咽进肚底。目标就是信仰，为了信仰，其它都可以不计较。
传统企业进军电子商务，为了配合从头到尾的品牌宣传方案，负责网站的1、2、3期间开发，可以忙到过年了。上个让人头疼的b2b&b2c尚未落实，头疼头疼，努力努力。。
今日画系统流程图画得吐血，决定继续琢磨些网站的小细节（虽然琢磨这些细节容易让人鄙视)，拿京东和烧包网的购物车页面对比下吧。
在对比前，我们先看看
购物车页面的基本信息架构。
1）logo
2）登录/注册，返回首页的链接
3）help页面链接
4）购物步骤指示（购物进度条）
5）商品列表信息
6）网站版权信息等
根据需要追加的内容
7）搜索
8）商品分类导航
9）Up-sell和Cross-sell的商品展示
10)最近浏览的商品
11)免运费提示
12)其它
下面看图说话吧，我觉得我废话太多了，先看看京东>>>>>
再看看烧包网>>>>>
本文环境：
关注有啊，拍拍的改进，新的淘宝商品展示页上线后，包括之前就想找时间聊聊有啊的商品展示页的信息布局和信息架构。
关于信息架构的文章，之前千鸟同学也有一些不错的文章。还推荐了IBM的“信息架构的本质”的文章。
在记录这些脑子中的想法的时候，针对电子商务属性的商品展示，针对系统（网络公司），卖家（信息发布者），买家（信息受众着，交互产生者）这些复杂关系复杂目的的信息，有什么好的信息结构？有什么好的信息架构方式？什么好的维度？特意去翻《小熊》，小熊上也没有清晰的解释案例，只有零星的讲了一个整体概念的页。
以下为思考这些问题的时候，一些碎片，希望对大家一起学习信息架构有帮助。
【举例说明信息架构，产品模块，交互设计，界面设计之间的关系】
骨架，肌肉，筋腱，皮肤，相连，交错最后成为一个整体。
骨架：业务逻辑，用户使用流程，用户关注的关键点，
肌肉：功能模块
筋腱：交互关系
皮肤：页面设计和美化
【商品展示页面的信息架构维度】
1，购买辅助信息
（商品本身信息）（用户关注的）
2，卖家push信息
3，网站系统的信息
我们单看这些页面，taobao，youa，paipai的三个单独的商品页面，主要的信息分为以上三个方面，这些是组成页面元素的骨骼，是信息架构信息分层的最基础层。换句简单的话来说，我们页面上的所有文字，图片，按钮，链接，要表达的东西都属于这3大块。
【购买辅助信息维度分解】
A,商品本身的 （价格，所在地，图片等）
B,交易互动的 （库存，已销售，已购买人数，等）
C,网站属性 （消保，先行赔付，假一赔三等）
D，平台本身目的性信息（支付宝，购买流程，支持银行等）
我们再来看这些信息，从页面形式上来看，他们已经被划分在不同的位置和区域，对比3个网站，已经有了很大的变化，和权重的突出。同时我们也可以看到，在这个细分的维度的页面组织和结构上，3家公司的理解也是不一样的，有基础性的taobao，有推动安全支付的paipai，有技术优势凸显，商业气息弱的youa。请注意，上面罗列这些只是信息，具体的应用就是考验最后的架构能力的时候了。
【商品展示信息架构信息划分流程】
1，结构拆分
2，多方维度拆分
3，流程拆分
4，用户需求习惯拆分
罗列这些多维度的信息元数据，然后做不同的调整和组合，不同的横的维度有不同的划分的标准。
譬如：
结构的拆分，划分到页面的几个使用方，页面的主要功能目的。
多方维度的划分：从买家方面希望看到的元素有哪些？从卖家方面希望看到的元素有哪些？系统平台希望推出突出什么功能？
流程的拆分：页面使用者的流程是怎么样？先浏览什么，再浏览什么，然后看什么，然后再做什么？什么情况下离开？什么情况下下单？
4，用户需求拆分，用户有什么需求，看图的时候有什么需求，在购买的过程中关注哪些信息？这些信息对应的是什么数据？在什么位置展示？和什么数据一起组合展示？
【商品展示页信息架构常见问题】
1，信息架构不是相关信息的“积累”和“累积”。
（不是说把所有的同类信息放在一起，在同一个位置，积累起来，累积起来就是做了信息的架构聚合）
2，信息架构不是做排比，站队伍。
（很常见的站成一排的icon，按钮等）
3，信息架构是符合业务流程，支持和服务核心目的的。
（不要只是设计）
4，信息架构要符合用户心理，平行流畅的。
（web线上的行为是线下行为的映射，去了解你的用户线下的心理吧）
5，信息架构布局要和UI，UE，icon紧密结合在一起，视觉上和谐统一的。
（tab等结构信息的设置，一样是信息架构，譬如看看taobao中间的那一层按钮，点击率基本上是很低）
6，有些信息是需要被重新设计和架构的。
（从网站角度来说，有些信息的架构和布局是要满足网站一些目的的，所以最后调整这个架构）
【最后】
信息架构不仅仅是导航，不仅仅是搜索，信息架构也不仅仅是框架的设计者要做的，包括web设计师，交互设计师，乃至视觉设计师，都是要去了解这个思路的。从千鸟的信息架构的留言上，有个哥们的留言很有深度，做为本文的结束语吧。
“谷歌的产品线就是一个大的信息架构。”
洒家所在公司经营的是非正常的b2c，所以洒家对b2c了解有限，随意画了张订单的流程图，看看是否存在问题。这里假设库存是在付款后减少
周末，放弃电子商务，放弃产品吧，享受下音乐！
虽然洒家是一音乐白痴，但并不妨碍洒家时常去豆瓣看乐评，并从中发现自己喜欢的。
听着这张白水同学的《雨来》，洒家顿感心定神宁，或是南国烟雨迷香气息沁人心脾，或是乡村古朴使人顿生空灵。腰也不酸了，腿也不疼了，多年的老毛病也。。。。
这不得不让人想起班得瑞(Bandari)的音乐：
从自然而来的气息沁人心脾
采撷的大自然音符滋润心灵
永不过时的选择，永远无悔的决定
没有年龄限制的音乐极品
我想，凭借这张《雨来》，洒家把白水称为中国版的班得瑞，应该不为过。。。
有兴趣看看豆瓣的介绍>>>>>移步这里 。
淘宝、拍拍、有啊3家 x2x 也拉来凑个数吧。
这点小功能或许对网站的发展以及商品的销售影响不大，而提炼出来算是培养一种学习的心态。
1）一号店
不能直接加商品进购物车，需要注册或者登录。不支持鼠标点击修改数量，支持手动输入修改商品数量。点击去结算后能修改商品，但需要再次点击“去结算”方能真正进入下一步后
2）红孩子
支持手动输入和鼠标点击修改商品数量，不过修改商品后需要点击“修改数量”变更商品数量，不合群啊，体验有待提高。（卓越亚马逊亦是此风格）
3）京东商城
支持手动输入和鼠标点击增加商品数量。鼠标点击增加商品数量后系统重新计算商品总价。
4）新蛋网
