交互式学习网站的界面设计研究

苗丽娟 李银铃 孟庆红

摘要本文首先阐述和分析了界面设计的含义及其重要性,然后界定了什么是交互式学习网站及其特点,最后尝试提出一个有效的交互式网站界面设计思路或者理论模型。

关键词界面设计交互式网站结构设计交互设计

中图分类号:TP393.02文献标识码:A

网络信息技术的发展使得人们越来越紧密地同网络进行接触,各色网站是人们与网络进行亲密接触的门户,而网站界面是实现“人机交互”的第一站,良好的界面设计将是为用户营造良好“第一印象”的第一重要工作。网站不再是将所有内容平铺在电脑屏幕上,而是将复杂的内容以简单方式呈现在用户的面前,让用户选择自己感兴趣的方面进行深入的学习和了解。

1 网站界面设计及含义

网站的界面是网站与用户交互的最直接的层,网站的形态就是从界面上体现出来的,因此网站的形态设计的关键就是界面设计。以往的界面设计大都从设计者的角度出发,以设计者的技术水平和审美来规划网站,而忽视了用户对网站的要求,没有这个好的界面作为切入点,就不能很好的实现网站的价值。这里笔者从形态设计理念出发,给界面设计下一个定义:界面设计是为了方便用户获取信息以及吸引用户的持续关注而对界面的结构布局、交互形式和整体风格进行的设计。未来成功的学习网站,重要的是让学习者体验到学习的乐趣和满足,而不是从内容上告诉他所学习的内容是如何的有价值,学习后会考很高的分数等。很明显,教育网站的“提高分数”功能已经被放到了相对次要的位置,怎样吸引学习者的关注,怎样迎合学习者的学习兴趣等等成了网站设计者首要关注的内容。

2 交互式学习网站的界面设计

2.1交互式学习网站及其特点

交互式学习网站是以学习者为中心,依据一定的教学思想、教学理论和学习理论,以网站平台为依托,提供丰富而生动的学习内容,促进学习者有效的学习,并且学习者、教师、网站开发人员之间保持实时的和非实时的信息交流和信息反馈,以帮助完善网站的学习功能。交互式学习网站不仅是对传统的课堂教学的补充,还可以作为一个交流的平台,强化学习者之间、学习者与教师之间的沟通,通过各种交互手段,学习者不再只是学习内容的接受者,而是积极的参与到学习中来,脱离了课堂学习中的约束和紧张的氛围,将自己完全融入这个环境里感受学习的满足感和成就感。这些都是交互式学习网站所具有的特点和功能。

2.2交互式学习网站的界面设计

在进行界面设计时必须明确学习者即网站的适用人群,进行界面设计之前必须要明确学习者是谁。界面设计应该遵循整体到局部的顺序,先制定出页面的整体布局和结构,确定导航类型和位置,再确定整体的风格和颜色的变换。

(1)结构设计。结构设计是界面设计的骨架,通过对内容分析和用户分析,制定出产品的整体架构,需要对整体布局有一个清晰的轮廓。界面的结构一般分为多窗体、单窗体以及资源管理器等多种风格。根据内容的组合和设计要求及设计者的审美观点来进行选择。资源管理器的窗体设计清新明朗,最上边的横向导航条将网站的内容分为几个大类型,左侧则是所选类型的细化分类,客户可根据自己的需要来选择阅读和了解自己感兴趣的文章或模块。用户可以很快选择自己喜欢的内容进行学习,其他的内容不会占用仅有的屏幕和页面空间,影响学习的心情。

(2)交互设计。交互设计的目的是使网站让用户能简单的使用。 任何网站功能的实现都是通过人和机器的交互来完成的。因此,用户的因素应作为设计的核心被体现出来,使得用户在使用产品时愉悦、符合自己的逻辑、有效完成并且是高效使用产品。用于交互功能的主要有导航条、选择按钮、出错提示,兼用鼠标键盘,当前位置报告等等,总之交互的目的就是让学生在网站里来去自由,尽快达到自己的目的。在所有交互的设计中,导航条的设计尤为重要。同样使用了导航条,网页给人的感觉就有很大的差别,同样是内容很多的分类,竖向排列就要比横向排列更有层次性和条理性。

(3)视觉设计。视觉设计首先要确立网站的整体风格,是明快鲜艳型的、是古典朴素型的、还是清新素雅型的,确立整体风格后可以依据风格进行色彩的选择和搭配,二者是相互融合的。此外,文字的字体、大小、颜色等样式也要配合整体的颜色和风格,图像和动画虽可以增加注意力,但要控制图文比例,不能给人以眼花缭乱的感觉,而且太多了会大大降低网页的浏览速度。

做好以上设计工作,一个网站的基本结构和格调就已经确立了,即确立了大方向后还要对界面的东西进行细化的调整和修改。网站的设计不是一个一蹴而就的任务,需要在进行网站建设时不断的改进和创新,本文探讨了有关交互式学习网站的界面设计的一些问题,并对具体的界面设计提出了一些流程和规划,相信会对进行交互式学习网站的界面设计的教师和开发者有些帮助。