教务网站交互界面设计原则浅析

陈婷婷

（天津滨海职业学院，天津市 300451）

教务网站交互界面设计原则浅析

陈婷婷

（天津滨海职业学院，天津市 300451）

学校教务网站是一种特定功能的网络平台。教务网站交互界面设计，从用户浏览教务网站时的生理和心理状态出发，探寻了该类网站界面设计中的视觉元素运用，提出了教务网站交互界面设计原则。

教务网站；交互界面；视觉元素；用户

教务网站可以实现教务管理手段的计算机化、规范化和网络化，提高了教务工作效率，降低了教务人员的工作强度，还改善了服务，满足教务管理人员、教师、学生的信息化管理及其发展的多方面需要，同时也保证了教务信息的长期保存。

在设计教务网站交互界面，要充分考虑到用户在阅读网页时的生理和心理状态，要让用户在最短的时间内，迅速的理解网站里所提供的信息内容，以及简单、方便、快速的进行教务操作。

一、教务网站中视觉元素运用分析

教务网站交互界面中的视觉元素由图形、文字和色彩组成。它具有提高用户的工作效率、表示视觉和空间概念、节省空间、加快搜索并且有利于界面的标准化和规范化等作用。视觉元素设计首要考虑用户的视觉寻找特性，明确表达它所蕴含的功能、易于被用户识别、易于被用户搜索、易于被用户用输入设备所激活。

视觉元素的构图应当有利于视觉的直接感知，使用户能够较容易的发现和识别想要的图标，而后进行一系列的操作，所以图形设计不要太复杂，如果视觉图形信息过多，视觉必然要注意看其细节，就会造成视觉感知困难，寻找的速度也会减慢，很难实现直接感知，也不符合用户操作的动机。

1．图形

图形是教务网站交互界面中最重要的设计元素之一。它在教务网站版面的视觉构成中占有很大比例，视觉冲击力相对同等面积的文字强。图形的使用不但可以增加交互界面的美观性，同时还可以传达网站的某些信息，具有烘托视觉效果和引导阅读两大功能，因而更易形成视觉信息的中心。图形链接按钮直观、形象，也更易识别，可以明确的表现它所要进行的操作。

在教务网站交互界面中图形的采用要遵循少而精的原则，尽量选用用户易认、易记、熟知的图形，图形的内容与风格还要与教务主题内容相符合，同时还要与整个网站界面的主色调一致。

2．文字

文字在教务网站交互界面中可以直观的传达信息，并且用户更容易识别和阅读。文字链接按钮是教务网站中比较常用的链接方式，可以直观的显示出链接的主题信息，用户可以方便的检索所需的信息和完成工作。

文字的形态及编排设计应适应于人的视觉流向心理和生理特点，符合用户的阅读习惯，尽量提高教务网站交互界面的易读程度，同时还应注意使其具有视觉上的美感，保持一个统一的基调，以使用户可以愉悦的在教务网站交互界面上进行教务操作。

3．色彩

色彩也是交互界面设计的一种语言，又是视觉信息传达的手段和方式，是教务网站交互界面设计中的重要元素。色彩在教务网站交互界面中有引导视觉信息流程的作用，使其具有良好的易读性，同时还可以烘托教务网站的主题，增强网站的吸引力。

在进行教务网站交互界面设计时，色彩的选用应注意：

（1）用户同时分辨多种色彩的数量是有限的。一个教务网站的标准色彩不应超过3种，太多则让人眼花缭乱。标准色彩要用于教务网站的标志、标题、主菜单和主色块，给人以整体统一的感觉，其它色彩也可以使用，只是应作为点缀和衬托，绝不能喧宾夺主。适合于教务网站标准色的颜色有：蓝色、黄、橙色和黑、灰、白色三大系列色。

（2）在色彩的选取上要尽可能的符合用户的习惯和经验，如用黄色表示沙漠，蓝色表示海洋等；

（3）根据对象的重要程度来选择颜色，一般情况下，重要对象的颜色选取相对醒目的颜色；

（4）为了便于区分对象，要做好前景色和背景色的选取，背景色尽量少用灰暗、深沉的色彩，注意配色的组合，并且根据页面的主题来选择主色调；

（5）一个教务网站中的色彩设计应该一致，如使用红色作为错误信息，黄色表示警告信息等；

（6）如果没有特殊用途，教务网站界面中尽量避免那种强烈色彩对比的颜色组合，像红／绿、黄／蓝、蓝／绿等，以免在其边界产生余象效应。

二、教务网站交互界面设计原则

一个优良的网站交互界面设计，就是要符合用户的需求，考虑到用户的生理、心理状况；一个友善便利的网站交互界面，不但可增加使用之方便性，亦可减少使用错误率，发挥网络最大的功能，达到造福用户的目的。教务网站交互界面设计由于它使用范围的特殊性，设计时应该遵从以下的设计原则：

1．用户为中心原则

教务网站交互界面设计不仅可以提高界面的易用性，使教务网站交互界面更加符合用户的思维习惯和交互经验，用户为中心和出发点，对师生群体的实际需求分析，以及以人为本的设计思想的指导，来构建适合当前师生群体使用的教务管理网络交流平台，使用户能简单轻松的使用网络平台，通过网站界面实现各种教务交互。

2．网站主题定位明确、鲜明突出

教务网站内的全部信息必须根据教务管理相关内容进行选择、鉴别和整理。信息传达的目的性要明确，针对性要强，设计的全过程都要围绕教务管理这一主题展开。

网站的主要内容应放在界面中心最醒目的位置，应当避免将重要的内容放在屏幕的右侧和下端，因为右侧和下端的内容往往容易被用户所忽视；重要的内容的放置还应符合用户的视觉流程习惯；同时网站的重要内容还可以用较大的字体和突出的颜色来显示，增加醒目性。

3．网站结构清晰、层次简洁

网站结构反映了网站内各种信息之间的关系，是直接影响教务管理信息传达效果的重要因素，链接混乱，层次不清会造成浏览的困难，影响教务相关内容的表达。结构清晰的教务网站不仅能使用户明确自己身在何方，而且能以最少的点击、迅速、有效的连接到其他同级或不同级的页面，准确的找到所需内容进行教务操作。所以，在设计中应尽量把教务网站的层次简化，力求以最少的点击次数链接到具体的教务内容。

网站信息内容不要全部显示出来，以减少大片连续的文字，而应以提纲的形式进行显示；需要进行操作，找到相应的按钮，进入下一级菜单进行具体操作；还可以用字体大小、颜色、缩进等方式表达内容之间的从属关系，如用较大或较明显的字体显示较高层次的内容，用较小的字体表示较低层次的内容，具有链接功能的字体采用下划线和改变色调的方法进行标示等；同时减少使用滑条、滚轮的次数；还应尽量避免使用不断循环的、快速变化的或闪烁刺眼的动画，减少干扰信息。

4．一致性原则

一致的外观与感觉可以在教务网站中创造一种和谐，任何内容看上去都是那么协调。如果教务网站交互界面缺乏一致性，则很可能引起混淆，并使页面看起来非常混乱、没有条理，影响教务网站的实际操作。教务网站交互界面设计应坚持一致性原则，这样有助于用户减少学习量和记忆量。

（1）元素外观一致。教务网站应采用一致风格的外观。元素外观一致性包括具有相似的网站界面外观、风格、布局，字体、色彩的一致性，如采用学校的标志作为网站的标志，以及相似的信息显示格式；同时保持一致的浏览条和浏览机制等。

（2）交互行为一致。在交互模型中，其交互行为需要一致。例如：所有需要用户确认操作的对话框应都包含确认和取消两个按钮。教务网站中所有的交互行为应保持一致。

5．易用性原则

教务网站界面的易用性原则包括：将网页根据其内容划分清晰定义的分区，可以运用视觉处理方法予以区分；界面的显示信息要清晰明了，易读易懂，包括结果与状态信息的显示，提示与错误信息的显示等；界面的操作部分要明显可辨识，操作应该简单方便，直接有效；向用户传递信息尽量及时而明确，在执行命令中应及时的把运行的状态、执行的结果显示出来。

三、结语

通常情况下，设计者在教务网站设计时大多是考虑如何编程实现其功能，而没有真正从用户的角度考虑，忽略了许多认知心理因素。上述设计原则正是在深入了解用户认知特性的基础上，对师生群体的实际需求分析，以及以人为本的设计思想的指导下进行总结的，对教务网站交互界面设计有一定的参考作用，有助于构建适合当前师生群体使用的教务管理网络交流平台。

［1］罗仕鉴，朱上上，孙守迁．人机界面设计［M］．北京：机械工业出版社，2002．

［2］李乐山．人机界面设计［M］．北京：科学出版社，2004．

Abstra c t：Academic website is a network platform with special functions．The design of its interface should focus on the physical and mental state of users when browsing the website and on the application of visual elements．

Key w ords：academic website；interface；visual elements；users

A Brief Analysis on the Design Principles of Academic Website＇s Interface

CHEN Ting－ting

（Tianjin Coastal Polytechnic，Tianjin 300451 China）

TP393．092．2

A

1673－582X（2011）03－0012－03

2001－12－08

陈婷婷（1980－），女，天津市人，天津滨海职业学院应用艺术系讲师，硕士，研究方向：工业设计、电脑艺术设计。