相信任何接触网站业务的人,无论是建站客户,抑或是网站建设供应商,都会在脑海中思考“什么才是好网站”这个问题。
对于这个问题,不同的人因为经历经验不同,会有不一样的答案。行业外的人员,会说“高端大气上档次的就是好网站”;行业内的人员,会说“基于用户体验为中心的原则而设计的网站才是好网站”。
很显然,不同的人员对于好网站的定义是不一样的。即便如此,我们也不能忽略一个事实,那就是当一个优秀的站点呈现在人们的眼前时,无论你是否专业,你都会一眼认定这就是你心目中的好网站。
作为一个在建站行业摸爬滚打近十年的我想说,如果一个网站呈现出了它的目标用户所需要的内容又散发出与之自身适合的外观风格,那么它就是一个好的网站。
网站制作的五个层次
想告诉大家一个确定的事实,一个拥有着绝佳用户体验的网站,事实上是由一系列完整的决策组成的:网站看起来的样子如何、它如何运转、它能让你做什么。
这些决策彼此依赖,告知并影响用户体验的各个方面。已经被无数人验证并认可的决策依据来源于五个层面,即战略层、范围层、结构层、框架层和表现层。
五个层面中的每一个层面都是根据它的前置层所决定,即战略层决定了范围层、范围层决定了结构层、结构层决定了框架层、框架层决定了表现层。
战略层
当一家企业决定建设网站的时候,他们是带着一些期许的。同样的,当一个用户去搜索一个网站的时候,他也是带着期许来浏览这个网站的。
战略层的工作就是要回答好以下的两个问题:
1.企业要通过网站得到什么?【这个问题描述了网站的目标】
2.浏览用户想通过网站得到什么?【这个问题阐明了用户的需求】
当一个网站能都清楚地表达企业要展示的内容,以及确切地知道用户想要什么的时候。这个网站就在迈向好网站的路上,完成了至关重要的一步“战略层定义”!
范围层
当我们对彼此的期许熟谙于心,我们就可以将这些期许通过有计划地梳理落实到纸面。网站是由一个个的页面构成,每个页面需要展示什么内容,需要多少张页面,当你拥有一个明确的战略层规划,那么你就知道这些页面范围该如何界定。
界定范围是一个有价值的过程,同时可以产生有价值的产品。网站的范围层定义,其实是在做两件事,一是过程,二是产品。
过程的价值在于,当网站处于立项初期的时候,我们有非常多的各种各样的天马行空的想法,过程能迫使我们去考虑潜在的冲突和产品中粗略的地方,我们能确定现在能解决哪些事情,而哪些必须推迟解决。
产品的价值在于,它是一个参考点,可以明确网站要完成的全部工作。产品的定义,可以保证在设计过程中不会出现模棱两可的情况,即便出现,也会有一把衡量的标尺,而不至于无从下手。
结构层
当一股脑的内容涌入你的脑海,尤其是还没有分类的时候,你无法快速有效地获取到内容的轻重缓急,内容的表现也会大打折扣,为了百分百还原甚至加倍放大内容的力度,我们需要对内容做结构分层。这件工作并不陌生,你之前听过的信息架构和交互设计正是它。
信息架构要求创建分类体系,这个分类体系将会对应并符合我们的网站目标、希望满足的用户需求,以及将被合并在网站中的内容。
交互设计考虑的是内容呈现的先后,以及内容节点之间的关联规则。
这两方面的工作都遵从于正向推理和反向验证的方法,即从前至后再从后至前,通过正向和逆向的双重推演去验证一个流程设计的合理性。在推演的过程中,网站目标和用户需求始终以线索的方式镶嵌在全生命周期的流转中,并保证其始终被满足。
所需都在,所在都有价值,是结构层完美的真实写照。
框架层
框架层的工作,其实就是布局设计的工作,主要体现在三方面:导航设计、界面设计、信息设计。这些工作的目的是,让用户浏览网站时感觉更容易和轻松。
导航设计,旨在帮助人们找到想要的东西。全局导航、局部导航、辅助导航、上下文导航、友好导航、网站地图和索引表,这些都是导航设计的存在形式。
界面设计,旨在将杂乱无章的内容有序地归类和分层。诸如图片、图标、视频、文本、复选框、单选按钮、下拉菜单、多选菜单这些元素,该单独呈现还是一起上阵,你需要考虑一个合理的方案来确定如何摆放。期间还要统筹兼顾到视重、平衡和点线面的设计原理。
信息设计,旨在将无序的内容调整为有序的内容。你可以用数学中的合并同类项法则来理解这一调整过程。我们在呈现内容的时候,可以按照树状结构来逐层呈现。
表现层
表现层处在五层模型的顶端,是用户进入网站首先就会感知到的部分。在这一层,内容、功能和美学融为一体进而产生一个最终的设计,完成其他四层的共同目标,并同时满足用户的感官感受,呼应企业的品牌形象。
在这一层,我们需要用到不可背离的美学设计法则,需要用到风格字体排版等多种设计手法,需要用到赤橙黄绿和三原色的配色法则。在这一层,视觉设计师可以让一件泥塑摇身一变成为万世景仰的青花瓷,也可以让一页宣纸经由笔墨的点染成为万古流芳的经典之作。