功能结构和页面结构的设计

Http://News.wenzhouglasses.com 2008-9-22 21:26　浏览：35次　来源：互联网作者：佚名

关键字：功能结构和页面结构的设计能结功能设计眼镜

热点直击：给网页设计师的建议－默认的就是最好的

　　曾经有一个丝毫不懂网站设计的朋友问我：设计一个网站到底有多少活，一个普通的网站具体需要设计多少个页面？

　　我回答：一般情况下不会超过30个页面；事实上一切的设计工作只是为了设计好这不足30个的页面，这些几乎是整个网站的所有。

　　我没有骗他，事实确实可以这么说。

　　针对于这30个页面，我们在设计之前需要搞清楚：这些页面是给什么样人看的？他们有什么样的特征？我们需要给这些人什么样感觉的页面东西？（以上基本上是用户研究、产品和数据分析、概念设计所要解决的事情，我们前几期刚写过）。

　　接着我们需要开始具体的设计了……

　　首先，要解决：

　　1、针对于产品服务的角色们，整个产品需要那些功能点。

　　2、功能与功能之间的组织关系是什么，这就是所谓的产品结构。menutree.

　　3、每个功能点最终会具象化到一个页面；

　　4、这个页面里都应该有什么内容？（一个页面会包含进去N个功能点），这个页面主要为那个或者那些角色服务5、这个页面的内容要如何摆放。

　　然后，要解决：页面和页面之间的关系是什么，如何交互，细节如何表现……

　　这篇文章我们只说“首先要解决”的问题，也就是一般情况下我们在“信息架构设计”阶段要做的事情。

　　功能结构的设计：

　　1、针对于产品服务的角色们，整个产品需要那些功能点2、功能与功能之间的组织关系是什么，这就是所谓的产品结构。menutree.通常情况下我建议设计师按照可能的产品导航的思路去设计这个menutree，功能结构的产出物最好可以直接转化为产品导航。因为这样做有利于让后面的设计工作变得更可预知，也会让产品的功能结构更加靠近用户所见到的表现层结构。

　　我们可能会用卡片的方式去完成这个工作，例如下图：

　　或者用word、excel，例如：

　　在这里需要注意的是：

　　1、产品需要那些功能点一定要从角色的角度去思考

　　2、可以照顾到后台的数据结构和逻辑，但不能受限于数据结构而去设计功能结构

　　3、用户不知道产品的底层什么样子的，他们只看到表现层。所以表现层越和底层一致对于产品的架构会越好。也就是说“功能树的结构最好等于导航菜单的结构”。

　　4、产品需要一定的积累期，一开始不是所有能想到的功能都要一股脑的做全、做细，但一定要想到功能升级时的延展性。

　　5、我们不需要做到非常细致，只需要构架好整体的框架即可。

　　页面结构的设计：

　　4、这个页面里都应该有什么内容？（一个页面会包含进去N个功能点），这个页面主要为那个或者那些角色服务

　　5、这个页面的内容要如何摆放。

　　页面的内容信息需要参照menutree的信息，每个页面如何摆放是页面结构设计的主要内容。

　　和经验丰富的设计师一起合作时，我们会在一块块的纸上绘制简单的原型，然后再通过反复的讨论来决定把他们摆到什么位置。

　　通常情况下和不是很熟练的设计师合作时，我们会用PPT或者PS去一步步的落实这些内容，先把内容都给列出来、接着考虑他们放到哪里

下一篇: 交互性被认为是有害的

编辑：zgm

【眼镜论坛】　【发表评论】