基于情境模式的网站信息设计思维能力培养的教学探索

熊科军 （湖南文理学院美术学院 415000）

基于情境模式的网站信息设计思维能力培养的教学探索

熊科军 （湖南文理学院美术学院 415000）

情境模式是指根据各种不同的情况和环境分析之后选定的一整套有针对性的应答模式，在网页设计教学中，拟定一定的情境条件和限制，引导学生对网站的各种信息，按照受众的一般逻辑认知规律和习惯，对网站的整体信息进行架构和重点设计，使受众从网站的众多信息中更快更有效率的获取目标信息。

情境模式；信息设计；思维能力；网页设计教学

一、当前网页设计课程教学中信息设计方面存在的问题

1.网站整体信息模块的架构缺乏规划

对网站信息进行架构设计，是为受众在众多信息中能快速寻找检索到目标信息的访问路径和具体位置。在实际教学中，设计专业学生一般注重有很强直观感受的颜色、层次等视觉效果方面，而对设计任务的信息整体缺乏统筹，对页面的信息业没有信息的设计意识，没有将网站的信息传递效能放在设计分析的目标之列。在网站整体信息层面，网站本身的信息庞杂，即使简洁的一站式单页网站，对信息的设计也需要有一个合理的排布，以使受众能更有效率的找到其目标信息，而不是信息的无序导致受众停留在网站某个页面浪费时间。网站的存在是因为在网络的平台上，信息源主体和受众群体需要通过双向的选择和判断来实现信息的各取所需，如果信息不能有效率的进行传递，网站的功能和存在的意义就可能严重受损。

网页是网站的构成部分，网站本身是一个信息集合体，网站的设计以方便不同受众寻找和获取目的信息为目的，对信息进行分类、整理和规划是网站设计中必须整体考虑的环节，每一个页面的信息和网站的每个信息模块的联系以及相似信息列表的提供，都需要在开始制作页面之前，进行信息的全局架构和系统化的页面安排。

2.页面信息模块过多使选择成为受众负担

同一页面的众多信息模块的组织和层次控制趋于无序的平扁化，面对信息模块较多的页面，意味着会有相似的信息等候受众的选择，如果选择超过了一定界限，特别是很多选择都相似的情况下，选择反而成了负担1。学生在课程练习中体现出来的做法就是简单的信息堆砌，或者对数量较多且不同信息模块直接排列，信息庞杂而无序，使受众在寻找信息的过程中只能一步步寻找，信息的分类和信息模块的组合过于主观臆断，信息模块与信息模块之间存在的认知逻辑规律没有体现出来，同时，对页面的信息的阅读容易程度的其他因素的考量也出现不同程度的缺失，比如信息模块与信息模块之间的分隔以及模块内部的信息主次区分处理都存在着问题，全然没有觉察到信息组织的重要性，信息组织的权重有平扁化现象。

网站的每一个单独显示的页面都有其重点信息需要被强调，尤其是网站的首页导航性质的页面，信息内容较多，不同受众在该类页面驻足寻找的目标信息各不一样，如何对网站信息进行分类和排布，直接影响到受众对目标信息的获取的有效程度，也是受众对网页界面友好度评判的直观感受。

3.重点信息的展示设计部分存在粗放式处理的现象

重点信息的展示设计应该立足于怎样让受众发现目标信息后，更轻松的获取信息内容。设计信息活动既包括设计师通过设计产品向受众发送信息，也包括受众接纳信息并反馈的信息2，作为设计对象的网页页面信息，有一些重点信息的艺术设计被习惯性的忽略了，处理上存在普遍的粗放式处理，甚至完全无视网站上的重点信息有没有有效和轻松的被受众获取，也没注意如何让受众寻找到这些信息。比如某个流程信息、页面的主要展示的数据信息，都只把文字简单处理作为设计的最终效果，严重缺乏信息设计意识，对于需要向受众细致解析的数据、流程说明和知识性信息，应该进行深度设计，使纯文本的重点信息以更有效率的视觉传达方式展示出来。

4.页面视觉效果出现不同程度的设计过度

设计过度在很多领域或多或少的存在，其度的把握有相对性，学生在任务练习中，对视觉效果的把握缺乏处理经验，对各种视觉元素的运用的控制力度不稳定，部分设计作品过于强调对“风格”“创意”的视觉表达，影响到了页面信息的有效传达，影响到设计的本质目的的实现。

二、信息设计思维能力缺乏的原因分析

1.设计专业的特殊性与艺术感知教育的影响

传统的艺术类专业把艺术的感知力培养作为一项重要内容贯

穿于艺术教育中，而设计专业本身是多学科的综合专业和边缘学科，涉及的专业知识比较广泛，艺术感知教育只是设计教育的一部分，因为设计专业面向的是人，所有设计均以人为本体，进行设计分析和设计实施，教育方面的争论实际上就是功能与形式的问题，网站设计或者网页设计，依托的是技术，面向的是普通受众人群，在设计时自然是以技术的可实现为前提，以受众的各种感知习惯为参照进行设计，纯粹的艺术形式感的最求是与设计的实质不符的，功效永远都是设计的先决考虑因素，即功能决定形式。在人们的习惯认知中，网页的设计等同于美工，实际上网站应该作为一个整体进行考虑，所有分工的协作都应按照这个整体布置来实施，按照行业中的界面设计流程，信息的架构应该是先于视觉的设计进行。

2.信息设计意识有待加强

信息设计意识的薄弱来自于传统的平面设计或者视觉传达设计专业的自身定位与认知，由于视觉传达设计研究的是视觉表达的问题，是视觉传达过程中的各种现象规律的研究，当遇到新的数字网络平台之后，产生了新的设计需求，急需对自身认知重新定义。网站的设计，就应该恢复其本身的本质设计定位：有效的传递信息，减少受众在寻找检索目标信息位置、获取目标信息内容的过程中遇到的阻碍。设计的对象本身是一种信息，设计围绕的是如何实现对信息设的效能传递进行设计。信息设计意识的培养还没有系统的融入到设计专业中来，而新的信息艺术设计专业却因此区别于视觉设计而诞生，这个应该是同一个应用领域的不同发展阶段，直接割裂不利于设计专业自身的发展和对专业自身的思考。

3.信息设计的方法和表现手段匮乏

信息设计的方法实际上依然是设计专业的基础课程所涉及的方法和基础理论，信息设计方法和手段的匮乏，也是设计知识基础教育方面遇到的困难表现出来的一种现象，即知道基础设计知识，但不知道如何运用基础知识进行设计的问题。信息设计的表现方法和手段实际上更多的是依据设计目标所需要的控制和把握，把数视觉传达原理灵活运用于信息的视觉化设计，即视觉传达设计能力是信息设计顺利开展的基本表达手段。

三、基于情境模式的信息设计的思维能力培养

情境模式最早出现在工业设计领域，称呼为情景模式，是针对工业产品设计的可用性提出的一种解决方法，网站设计本身也是一种产品，也面临着产品的设计怎么检验的问题，由于设计的目的具有共同性：以人为本，所以很多工业设计领域的成熟的设计方法和流程是可以引入到网站设计中进行参照，这些方法基本上是以较为严谨的逻辑思维做支撑，去做研究和分析，才会有更接近于实际情况的设计依据。

1.具体情境下的信息架构分析与组织训练

在以网站案例进行教学实践的基础上，确立情境模式中功能决定形式的基本前提，在具体实施过程中，以目标导向决定具体的设计过程。案例教学能为师生之间提供同样的决策信息，使情境的设定与分析都有着共同的基础3，在交流过程中，对出现的问题和提出的解决方案，更容易被学生理解和掌握。

信息设计的基本研究方法按照受众研究、情境建模、需求定义、信息与功能架构、设计的细化、技术支持与视觉设计制作六个环节进行4，情境模型的建立需要对受众做基本的群体研究和分析，在确立情境模型之后，必须依据情境的条件和受到的限制，去分析信息的设计。首先，在选定制作的网站主题后，要求学生就网站的受众群体的可能的行为进行分析和研究；其次，在研究分析的基础上对典型的受众进行抽象，进而定义典型的受众角色，分析角色在访问网站时会有哪些行为，遇到哪些问题，并要求学生就这些问题，按照习惯的认知思维提出解决方案，所有设计方案应建立在正常的思维逻辑基础之上，重点在于关注受众群体对具体的页面访问行为发生的记录以及这些记录数据背后的普遍性的思维逻辑，而不是用主观意识的猜测去替代和想象受众的信息获取行为。最后，将拟定的情境下的某种操作过程完整的展示出来，用情境的限制引导学生去思考，重视对信息设计中逻辑思维的重要作用。

2.情境设定主导下的信息架构思维训练

网站的各个信息模块之间有着不同层次的关联逻辑和认知逻辑，受众在网站信息群中，寻找目标信息依据的就是信息之间的关联逻辑规律与认知逻辑规律。依据设定的情境，按照逻辑思维的习惯和各类信息之间的逻辑关联对网站本身的信息内容进行全面梳理，指导学生对网站项目中涉及的各种需要在页面上展示的信息进行归类，同时，对网站的各个部分的功能根据情境条件进行分析和策划，最后对整个网站的信息进行架构安排，由学生自己讲解网站的信息架构的分析和架构，以及网站的功能的交互过程安排的方案。

3.“可用性与易用性原则”的交互检验

在网站项目进行到设计细化以及技术支持或者技术模拟支持的环节之后、视觉效果设计之前的进程的时候，网站的交互操作基本按照之前的构想实现，就可以进入检验的环节，每个网站设计任务的非设计参与人员参与该项目的检验，即按照既定的情境和模拟的典型受众对网站进行操作，检验网站的可用性和易用性，并作出评估，让学生在这个过程中去体验设计的成果，增强自己对网站设计遇到的各种问题的体验度，培养学生从受众的角度去思考怎样获取目标信息的工作习惯。

四、情境模式下信息设计思维能力培养的总结

设计专业是应用型专业，对设计所涉及的领域不能固定的以原有的专业框架和习惯认知为前提作茧自缚，设计教育应该以解决问题为标准，围绕解决问题，能制定出系统的解决方案，能在设计实践中具备寻找和发现实质的现实的可执行的方法和途径。情境模式就是基于主动设定条件，发现问题，探索方法解决问题的一个过程，这个过程是实际项目中有较高的出现概率，完成这个过程必须有较为细致的思维能力。情景模式主导下的信息设计思维能力的培养方式，目标明确，即按照人的逻辑思维习惯去安排、区分和组织网站的信息，使信息模块分类合理，信息模块间的联系更加明确易寻，减轻受众检索和查找目标信息的大脑负荷；同时将由大量文字的信息转为为受众易于接受的、能在短时间内轻松理解的图文并茂的信息而不觉得枯燥和单调。

注释：

1.[英]GilesColborne，李松峰，秦绪文译著.简约至上——交互式设计四策略[M].人民邮电出版社，2012.5：86.

2.孙守迁.设计信息学[M].北京：机械工业出版社，2008.7：4-5.

3.张学林，段珊，胡波，王明.案例教学法在网页设计与制作教学中的应用[J].教育研究，2009（6）：147-148.

4.[美]AlanCooper，RobertReimann，DavidCronin，刘松涛等译.交互设计精髓[M].北京：电子工业出版社，2008.11：12-13.

熊科军（1982年7月生），男，湖南省常德市人，助教，学士。