网站信息组织设计与网页设计论文

网站信息组织设计与网页设计论文

一、网页设计课程中关于网站信息组织系统设计教学的现状

1.信息设计意识教育的作用

信息设计意识是针对人的信息获取行为提出的。人对外界空间、形态、大小、图文、颜色、静动等的感知,都是一种信息传递。有效的信息传递设计是设计师不能回避的问题,当设计作品不能有效地组织各种元素传递信息,作品的功能性受损,纯视觉效果设计的价值便随之消减。

2.教学内容中涉及网站信息组织设计的教学内容现状

网站中,对信息的组织和设计是站在信息传递效能的角度开展的。信息的设计囊括了视觉的范畴,而设计教育中,在面对网页设计这种信息高密集度的设计专业课程时,如果将视觉传达设计的知识体系简单定位于网页的视觉效果设计,是对网页设计课程教学的扭曲。因为:一方面,人体通过视、听、触、嗅、味五种途径从外界获得各种信息,而视觉只是其中一种形式;另一方面,由于惯性思维,如果学生一想到网页设计就将其限定于对视觉效果的设计,再高一层面也只是强调了创意等信息传递方式的设计,而人获取和认知信息有着自身的一套规律和方法,对这些规律运用的缺失最终会反映在网页设计作品上。信息如果架构不合理,会使用户从中获取目标信息的难度增大,体验质量降低,造成设计行为的价值流失,有违网站设计定位的初衷。

二、网站信息组织系统在网页设计中的重要性

1.从信息结构层面保障用户能在网站信息中快速寻找到目标信息

网页设计的结构性与易读性是非常重要的,而结构的合理性是网页信息符号易读的必要保证。用户对网站信息之间的关联的认知有一定的规律,网站的本质是网络平台与用户互动并传递信息的信息集合体。保障网站信息的易读性,有效地向用户传递信息是网页设计的目标。用户在各种层次的目标驱动下访问网站,需要在不同页面发生交互行为,完成访问目的,因此在设计中必须保证用户能流畅地在不同页面获取不同阶段具有目标价值的信息。

2.从功能层面明确网页的设计目标和开展方式

网页的设计与传统视觉传达设计有很大的不同,它很大程度上不仅仅是静态视觉效果的设计,更多的是在动态操作过程的策划设计中,对这些交互功能的视觉补充和效果层次控制。换言之,功能决定形式,目标决定过程,传统的视觉传达设计关于视觉流程的应用原理在网页设计中只在部分情况下适用。

三、网站信息组织设计的教学探索

1.选择合适的项目案例导入与目标任务明确化

(1)挑选具体网站设计案例为课程练习任务蓝本

在授课准备阶段,教师挑选难度合适的网站设计项目,尤其是自己负责过的且有代表性的网站设计项目,将各个环节的任务按照不同难度分解为不同的分支任务,在不同的教学环节中使用,以任务驱动学生参与目标的实现。当课程中有一个具体任务被布置并且得到学生履行时,课堂实际上就产生了教学效果。任务驱动教学法最显著的特点是以任务为主线、教师为主导、学生为主体,改变了固有教学法中教师讲、学生听的被动教学模式,创造了学生主动参与、协同合作、探索创新的新型教学模式。

(2)项目案例导入实践教学环节需要注意的问题

网页设计项目导入课题教学,在课程中的难题主要在于教学的进度难以控制。项目案例引导应用于教学,实际上就是一种课堂知识和方法的任务实践具体化过程,关键在于对案例内容难度的挑选。内容太多,涉及网站信息组织设计的任务就会占用太多实践,增加教学实践环节授课时间的控制难度;内容理解难度大,会导致学生在进行信息分类时额外的认知和实践工作量增大,模拟卡片分类法的过程会出现一些意外状况;项目涉及的信息组织设计的预期理想结果过于单一,可能会造成学生因在任务组中获得的结果趋于一致而相互抄袭,不能获得预期的教学效果。

(3)明确案例项目中的任务目标群完成的衡量标准

教师在教学实践中,应明确每个教学知识点的合格标准,这样学生也会有明确的课堂目标,尽管这种目标的完成不一定建立在学生自己的兴趣基础之上,但是对于教学效果而言具有实际价值。其一,网页设计课程中案例项目的信息组织设计的教学完成,过程中有很多环节需要控制,所以教师必须围绕总目标确定次一级的任务目标群,使学生对完成总任务目标需要完成的几个模块子任务的内容有清晰的认知;其二,任务目标群的体系构成还包括各个任务目标之间的流程关联,教师要使学生理解每个次一级任务目标安排组织的缘由;其三,明确衡量要求,使学生明确认知需要达到的合格标准。

2.情境模式模拟用户访问网站的过程

(1)网站的目标用户群分析

对开放性的网站而言,被访问时用户需求能满足的,且与网站的建站目标相符的,即为网站的目标用户。网页设计目标用户与产品设计目标用户的不同在于:网站先天具有自我宣传和推广的功能,即向所有访问用户传播自身存在状态的信息,若网站以宣传为主要目标,那么其目标用户群的范围可能非常宽广;其次才是以向特定群体提供特定产品和服务为目标的网站,其目标用户的定义范围较为狭窄和具体。所以,对网站目标用户群体的分析必须联系网站的建站目的展开。

(2)确定目标用户群访问网站的目标信息

网站信息成分越复杂,功能越多,网站中具有目标用户群的目标信息价值的信息就越多、越分散,此时网站的建设对信息架构设计的需求就越急迫。换言之,即确认目标用户访问该网站时对哪些信息存在需求,必须在具体设计展开前进行分析。

3.卡片分类法引导学生对案例项目中网站信息组织分类

(1)关于卡片分类法

卡片分类法是一种定性和定量相结合的方法,调查者预先给予测试者一系列标有名称或内容的卡片,让测试者根据自身认知将这些卡片进行归类,并对卡片名称及类别名称进行确认。卡片分类法是网站信息架构的一种常用方法,用来比对网站设计者和网站访问者对网站信息分类的普遍性认知差异,以此作为设计师调整信息架构的设计依据。结合项目案例网站,将整站的众多多寡不一、主次各异的信息和功能模块,提炼出概括性的条目、文字、词汇和小分类等,并书写在准备好的卡片上进行信息特征的归类。使用卡片分类法对网站信息进行分类和组织的目的在于让设计者从用户的角度理解网站的信息,以求更好地为用户提供容易理解的网站信息组织方式。

(2)教学中卡片分类方法的具体实施过程探索总结

首先,在教学过程中,教师要求学生准备便签之类的卡片,对作为案例项目的网站中涉及的信息内容进行梳理,将对应一级和二级网站导航架构的信息内容一级分类模块和二级分类模块,以及无法确定分类的独立信息模块,用一句话或者一个词组提炼出来,写在不同的卡片上,并注意用词的准确性。如果暂时无法寻找到合适词汇提炼概括一个模块的信息内容,可用小一点的文字注释在该卡片上,以帮助参与实验的用户理解。其次,参与卡片分类测试的样本用户的选择。如果选择的项目案例是一般性的网站,如一般的公司网站、主题网站,则样本用户可以限定在同年级或者同校的学生范围之内进行选择。作为课程的一种练习,这样有一定的便利性,但是作为实际的实践环节,则有一定的局限性,如年龄和文化教育层次的局限性,所以案例项目的选择很重要。在卡片分类教学实施过程中,由于教学进度和课时的限制,建议选择的被测试对象直接在班级中产生,另外,为防止参与测试的不同用户分类时相互干扰,可以让单个用户先后独立完成卡片分类,小组成员记录分类结果以及用户对卡片进行分类的理由。再次,展示时建议水平铺开便签,让用户重新梳理和陈述自己的分类,及时发现分类存在疑问的地方。在以往的教学中,粘贴式便签便于在展示板上展示,但是一旦贴上,在修改和调整时容易被撕坏。最后,用户测试过程的研究。按照观察法对用户分类过程进行观察和记录,是为了更准确地把握用户的分类动机。观察法是有目的、有计划地通过对被测试言语和行为的观察、记录而判断其心理特点的心理学基本研究方法之一。这里所说的观察对象一般是访问网站的用户。同时,对测试结果进行用户访谈,主要目的是确认用户在分类过程中的判断依据,当设计者对用户分类结果的认知与用户的认知有不同之处时,必须通过用户访谈进行了解。

4.研究结果分析

E-R关系图能比较明确地描述出卡片上的网站信息模块之间的关系结构与关系特征,应用于网页设计课程中的网站信息组织设计,具有较强的实用性。将用户的测试结果用E-R关系图描述出来,一方面可以锻炼学生对逻辑关系的理解能力,另一方面可以培养学生在设计中注重资料信息的条理性的良好习惯。在课程安排中,教师可以安排一定的课时由每组学生上台讲解自己的研究结果,强化学生在课程中的参与感。课堂上的卡片分类测试可以让学生从用户的角度,看到用户对网站信息的理解模型,这对网站信息的架构设计有很好的引导和参考作用。

四、结语

网页设计涉及视觉设计、交互设计、信息架构、用户体验等各种领域的研究。在网站中,信息架构设计首先必须进行网站的信息分类和组织,这样才能保障后期的导航系统和检索系统设计的顺利进行,进而影响交互的设计,最后才是网页以何种视觉效果呈现在用户眼前。网站的视觉设计必须以网站的信息架构为基础开展。卡片分类法是关于信息分类的常用方法,也比较适合用于网站信息组织设计的课堂教学,辅以信息模块之间的E-R关系图表现,能让学生更直观地认识网站的信息架构,更易于帮助学生理解网站相应的区域应有对应的交互与视觉设计,从而顺利展开网页设计的后续教学。

作者:熊科军 黄琴 单位:湖南文理学院美术学院