News Center

wap网站设计的五个层次

随着移动互联网渗透到人们的生活和工作中，诸如“ APP应用程序”，“移动网站”和“ Web网站”等热门词汇已成为人们餐后的话题。不知不觉中，移动互联网已迅速进入我们的世界。 在网站建设行业中，移动网站建设也已成为热门话题，许多客户表示希望尽快建立自己的移动网站。

那么，设计一个Web网站，需要考虑五个层次，并按顺序依次实现。五个层次分别为： 

1、战略层：明确公司与用户对于网站的期望和目标；

2、范围层：将战略层确定的目标转化为网站提供的功能和内容；

3、结构层：网站设计架构图，将分散的功能和内容组成一个整体；

4、框架层：将抽象的架构图转化为详细的线框图，确定界面外观、导航信息及信息要素的布局；

5、表现层：按照“低保真”的线框图设计出最终的Web网站。

以下我将逐一讲解每层的工作目标、工作内容及输出物：

一、Web网站设计战略层：

1.工作目标：

确定网站目标：我们要从这个网站得到什么？

确定用户需求：我们的用户要从这个网站得到什么？

2、 工作内容：

确定网站目标

商业目标：替公司赚钱还是替公司省钱？要赚多少钱？

品牌识别：将品牌形象具体而明确地写进目标，将会提高呈现出积极的品牌形象的机会；

成功标准：将战略或商业目标进行量化。如通过衡量每一个注册用户单月的访问次数表明了该网站对核心用户的价值。

确定用户需求

用户细分：可以按照人口统计学标准，价值观标准和用户对技术及网站本身观点划分用户；

用户研究：使用问卷调查、用户访谈、焦点小组等方法收集、分析用户观点和需求。并可通过创建虚拟人物角色来将分散的资料关联起来。帮助你确保在整个设计过程期间把用户始终放在心里。

3、 输出物：市场需求文档（MRD）、用户研究报告、竞争对手分析报告等

二、Web网站设计范围层：

1、 工作目标：确定网站建设的功能需求或功能规格

2、 工作内容：

收集需求：从用户处收集需求，各部门聚集采用头脑风暴收集需求；从竞争对手处获得启发；使用用户场景来描述需求；

确定需求优先级：需要去评估这些需求是否能满足我们的战略目标（无论是网站目标还是用户需求）。另外，还要确定实现这些需求的可行性有多大？ 

3、 输出物：产品需求文档（PRD）、产品功能规格文档等 

三、Web网站设计结构层：

1、 工作目标：网站设计架构图，将分散的功能和内容组成一个整体 

2、 工作内容：进行交互设计、搭建信息架构 

3、 输出物：网站架构图。

四、Web网站设计框架层：

1、 工作目标：将抽象的架构图转化为详细的线框图，确定界面外观、导航信息及信息要素的布局。

2、 工作内容：进行详细的界面、导航设计及信息摆放布局。可以使用Visio或者Axure RP来完成线框图的设计。

3、 输出物：线框图。

邮箱产品写信页面线框图

五、Web网站设计表现层 

1、 工作目标：按照“低保真”的线框图设计出最终的Web网站

2、 工作内容：遵照突出重点、保持一致性的原则以及统一的配色排版方案设计出最终的Web网站

3、 输出物：最终Web网站

内容收集整理自互联网，由山西更新科技公司编辑，版权归原作者，如有侵权请联系我们，即刻处理。

APP、小程序、网站定制开发-山西更新科技