• <tr id='EG0GX2'><strong id='EG0GX2'></strong><small id='EG0GX2'></small><button id='EG0GX2'></button><li id='EG0GX2'><noscript id='EG0GX2'><big id='EG0GX2'></big><dt id='EG0GX2'></dt></noscript></li></tr><ol id='EG0GX2'><option id='EG0GX2'><table id='EG0GX2'><blockquote id='EG0GX2'><tbody id='EG0GX2'></tbody></blockquote></table></option></ol><u id='EG0GX2'></u><kbd id='EG0GX2'><kbd id='EG0GX2'></kbd></kbd>

    <code id='EG0GX2'><strong id='EG0GX2'></strong></code>

    <fieldset id='EG0GX2'></fieldset>
          <span id='EG0GX2'></span>

              <ins id='EG0GX2'></ins>
              <acronym id='EG0GX2'><em id='EG0GX2'></em><td id='EG0GX2'><div id='EG0GX2'></div></td></acronym><address id='EG0GX2'><big id='EG0GX2'><big id='EG0GX2'></big><legend id='EG0GX2'></legend></big></address>

              <i id='EG0GX2'><div id='EG0GX2'><ins id='EG0GX2'></ins></div></i>
              <i id='EG0GX2'></i>
            1. <dl id='EG0GX2'></dl>
              1. <blockquote id='EG0GX2'><q id='EG0GX2'><noscript id='EG0GX2'></noscript><dt id='EG0GX2'></dt></q></blockquote><noframes id='EG0GX2'><i id='EG0GX2'></i>

                技术观点

                加强技术投入,共享技术成果

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


                编辑:杭州大显网络科技有限公司更新日期:2009-05-26
                曾经有一个丝毫不懂网站设计的朋友问我:设计一个⌒ 网站到底有多少活,一个普通的网站具体需要设计多少个页面?我回答:一般情况下不会超过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去一步步的落实这些内容,先把内容都给列出来、接着考¤虑他们放到哪里