9 A9 W) E2 `9 S& f; y
1 X- z t! I J8 }当代社会，人们已经不满足于传统互联网的固定搜索推广模式，移动互联网迅速闯入人们的世界。WAP的出现使得拇指一族愈加扩大化，坐在车上，各行各业，各式各样的人们都在低头刷手机，信息的即时性越发明显。Wap网站的建设也逐渐盛行。
, z v2 a9 I5 w7 J. \- u6 I( W# i1 h
那么，设计一个Web网站，需要考虑五个层次，并按顺序依次实现。 : c, L+ n: Q1 {, N7 t# S }% f
7 w. n) T3 a8 f7 _6 l. O
祥奔科技网站建设MI为你说下Web网站设计的五个层次：
/ r# W- W" M! w- h0 D8 l% s8 J3 Z6 G$ E+ |& d' T5 s# r3 K8 |
战略层：明确公司与用户对于网站的期望和目标；0 L# S% b( c! G/ c
; y* z/ i _! |# V' k: V, ^
范围层：将战略层确定的目标转化为网站提供的功能和内容；
2 J$ R6 s3 l" o5 Y( K! K! ?7 r/ Y5 r3 g2 P/ K
结构层：设计网站架构图，将分散的功能和内容组成一个整体；
2 G Z% T( J% s* Q0 g! x" b* C5 _9 M* d& V" F( x, c- k* |
框架层：将抽象的架构图转化为详细的线框图，确定界面外观、导航信息及信息要素的布局；
0 \" k& v! y" s s
) n/ S, I$ ]+ |- e8 ~3 j" \ 表现层：按照“低保真”的线框图设计出最终的Web网站。) Q$ E" ]; @: T9 Z, R' B
8 a. e' F+ P" `: U, ` 以下我将逐一讲解每层的工作目标、工作内容及输出物：1 B1 R6 K- P% Q: C9 M8 M
0 i! T1 L# j' r* I一、Web网站设计战略层：# [* R, ^# N4 R0 Q# Z. }' A
$ c0 x" o! U; G' A 工作目标：
]2 K0 X6 v) ^4 l: s/ }# t! `0 @7 C9 v, K, _; |
确定网站目标：我们要从这个网站得到什么？
/ H4 d, p! Q- Z3 E" s+ [5 s) P
+ y8 y' O; H5 w/ e$ J5 {6 Z确定用户需求：我们的用户要从这个网站得到什么？0 I }: U2 S& a7 k9 |0 p& }# X6 y
/ F" v# I. q0 H6 C2、 工作内容：
, N4 Y# u% V5 Y) X* m( d4 `6 k+ q
确定网站目标; |6 I9 |% a+ s
% W4 f! x d0 {7 q8 V' v6 ?, V* g3 q商业目标：替公司赚钱还是替公司省钱？要赚多少钱？
8 X( A" S1 _/ Q1 L: I! J& I8 @$ l- W
品牌识别：将品牌形象具体而明确地写进目标，将会提高呈现出积极的品牌形象的机会；# Q( w6 w+ A4 f! s) d
/ |3 i0 \1 b* @2 W9 f, @成功标准：将战略或商业目标进行量化。如通过衡量每一个注册用户单月的访问次数表明了该网站对核心用户的价值。
3 j! q- f8 f( ^" e$ W* }
; u' E: ?! y3 q9 b! x确定用户需求
" R. }3 ]( U' i. f1 b: W" w+ h) \$ I# |, P, |0 A+ j
用户细分：可以按照人口统计学标准，价值观标准和用户对技术及网站本身观点划分用户；
5 h8 c& `, X# f. k
& `! y/ g' @: ^) m" t% K9 l( W9 X [用户研究：使用问卷调查、用户访谈、焦点小组等方法收集、分析用户观点和需求。并可通过创建虚拟人物角色来将分散的资料关联起来。帮助你确保在整个设计过程期间把用户始终放在心里。4 N' t% c! n F7 f6 p9 U
* \) c: o2 x. }. K7 f; p% k
3、 输出物：市场需求文档（MRD）、用户研究报告、竞争对手分析报告等
2 j- B+ m" b0 r: l1 k5 K
/ {0 y' P1 _ `: u1 T" B( }; ]4 i, X# d二、Web网站设计范围层：
P8 ?5 f; N4 v% s! m) ~8 O. ?/ u t& z
1、 工作目标：确定网站的功能需求或功能规格
) ]4 k6 ~: |. y6 e5 I9 i
* y0 ]0 y0 p9 h) k3 h z7 J& G2、 工作内容：
8 \& ^: d0 r% p( n6 y) q$ V; d* s* z
收集需求：从用户处收集需求，各部门聚集采用头脑风暴收集需求；从竞争对手处获得启发；使用用户场景来描述需求；
: g w3 {* @ _7 E1 S! \% H, C( `" y4 E/ }% s& n
确定需求优先级：需要去评估这些需求是否能满足我们的战略目标（无论是网站目标还是用户需求）。另外，还要确定实现这些需求的可行性有多大？ # u( e" c( n1 O; I6 V# ^) i
7 `1 l9 {+ _: u% g. y$ e
3、 输出物：产品需求文档（PRD）、产品功能规格文档等
0 v1 o% L8 f- q8 [. s
% o6 j8 f& [; O o) q三、Web网站设计结构层：% j# R! I+ h; X8 s, K: m
9 t9 b) z8 `. a
1、 工作目标：设计网站架构图，将分散的功能和内容组成一个整体 , q" v; `1 a8 t0 p- ]$ ?0 d/ l
! n, Q. h* k7 V; y8 L8 K2、 工作内容：进行交互设计、搭建信息架构 & q) D; e3 [& P% h6 ?3 u- P i9 X
. e3 O, S7 c5 R0 R1 z" J3、 输出物：网站架构图。) |3 N- m1 p& L
' M% Q1 o1 q" C, f* b$ g; d四、Web网站设计框架层：
0 Q+ M) D- D* @5 R }( e2 u$ w. w+ a! b' ?3 l
1、 工作目标：将抽象的架构图转化为详细的线框图，确定界面外观、导航信息及信息要素的布局。
2 \3 G# J2 h" u3 h6 y4 O4 ~6 T0 }4 I/ K( C* ~
2、 工作内容：进行详细的界面、导航设计及信息摆放布局。可以使用Visio或者Axure RP来完成线框图的设计。
+ j& w K( a$ a1 R
. y% h7 h4 s1 C* Y+ H! c3、 输出物：线框图。
* R, Q# z( x+ D' M3 v8 |+ B$ _0 T+ e! b. K$ i. l8 m
邮箱产品写信页面线框图$ q$ ]' h: y: L8 b& f
. r/ g1 r$ l- P1 C3 G
五、Web网站设计表现层
4 I$ |( T- c. P6 R) H$ Y! Y- O) u2 Y4 U, g5 z
1、 工作目标：按照“低保真”的线框图设计出最终的Web网站
! U$ Q/ O9 U: k0 l0 V2 r, F- V& n; h2 N
2、 工作内容：遵照突出重点、保持一致性的原则以及统一的配色排版方案设计出最终的Web网站" w/ \* Y2 Z% h/ z
/ P7 r( }( G+ v) j3、 输出物：最终Web网站9 @! m0 x! v1 X
祥奔科技提供企业网站建设，手机网站建设，全网营销，品牌推广，竞价托管等多样化的网络服务，努力打造成为最全面的服务平台。电脑网站、手机网站和微信网站三合一，助力企业营销，促进企业发展。咨询热线400-001-2588。
# [/ U3 T) I/ T3 J
3 @/ q- }: r( t9 g% ^ |
这就是传说中坐沙发的感觉吗？好鸡动！！！
