从概念设计到信息架构(2)

文章来源于 hozin.com，感谢作者秩名给我们带来经精彩的文章！

设计教程/前端设计/前端设计2009-09-16

链接卖� ⒊Ъ摇⑽藁沟雀拍睿⑶以黾恿说缧臩P和用户等中间实体[图片点击可看全图] 实体互动的设计描绘了一个网站的核心竞争力，请依据用户需求和现实资源的不同酌情处理，如果在这个阶段发现项目的无法与竞争

链接卖场、厂家、维修机构等概念，并且增加了电信SP和用户等中间实体[图片点击可看全图]

实体互动的设计描绘了一个网站的核心竞争力，请依据用户需求和现实资源的不同酌情处理，如果在这个阶段发现项目的无法与竞争对手差异，那么请终止项目，避免再进行下面的步骤，直到能够寻找到差异，以节约团队宝贵的时间和投资人的金钱。

Step#05概念的属性、实体的要素是网站的内容

实体的连接解决了概念从抽象到具象的过程，这还远远不够。我们最终的产品是网站，那么就要把实体交互中的信息罗列出来，这些信息也无非是概念及子概念拥有的属性、以及那些实体拥有的要素。

从概念设计到信息架构

在实体基础上增加了内容、要素、属性，手机行业的概念设计基本完成[图片点击可看全图]

现在，只要轻松的进行实体互动与网站内容的映射就可以了，虽然这个工作只是相对的轻松，完成了这一步，X-cell的概念设计也就告一段落。

[这是一个并不精彩的桥段，但是希望你把它读完]

X-cell的概念设计已经完成了，这并不代表大功告成。强烈建议将这份概念设计文档排列在《网站信息设计方案》的第一页(《用户调查及分析文档》是另一份交付物)，所有参与项目的人员，无论是界面设计相关、程序开发相关、测试调试相关、甚至销售人员都应该了解和明白概念设计的具体内容，这是网站项目的核心竞争力，也是所有围绕X-cell项目工作的纲领。

如果要对项目的界面和功能进行修改，都要参照概念设计进行，如果需要对概念设计进行增补变动，那么整个项目都要从最基础的工作进行重新验证和修改(包括用户需求部分)

信息架构隆重登场

我们现在有了馅料，把它们切碎，搅拌，放进饺子皮里，先包后煮。

经过概念设计，已经确定了网站的基本内容

信息架构的目的就是搭建网站的骨架

简单架构与复杂架构是两种不同的形式

简单架构只需要指定信元的层级关系(元素架构)

复杂架构需要指定关键页面之间的层级关系(链接架构)

根据复杂架构去描绘每个页面的低保真原型(页面逻辑)

低保真模型不断优化形成高保真原型(线框图)

简单架构

信息架构并非“网站栏目”，但是却基本确定了网站导航条的内容。信息架构可以不是扁平结构，而完全按照严格的逻辑关系进行，因为简单架构必须转化为以页面为基线的复杂架构，才有可能成为真正的“网站导航条”。信息架构决定内容，内容的关系决定了导航，大概就是这个意思。

X-Cell有了概念设计定稿，于是有了如下的简单架构，其间经过无数次推演，推演的过程实在麻烦，且也不在本文讨论范畴，今后慢慢讲解。

从概念设计到信息架构

X-cell的简单架构[图片点击可看全图]

需要注意的是那些分属不同信元的相同内容，要明确指出它们的复用结构，避免割裂了今后会影响设计开发的重要关联关系。

从概念设计到信息架构

X-cell的简单架构中的复用结构

复杂架构

由简单架构推演的复杂架构是一个“落地”的过程，漂浮在头脑中的信息设计元素终于有了它们的宿主——“页面” 复杂架构以页面为基线，现在终于可以恭喜X-cell进入实际设计层面了，之前还要给页面分一下类别，请参考下面的图例。页面类别是指导界面设计师工作的重要文档内容，至少他们的工作量已经可以衡量了。

从概念设计到信息架构