登录 |

打印 | 字体大小: « »

界面设计的主要因素和表现原则

一个网络课程项目中界面设计的说明:
(FUCK!!!奉劝各位不要设计XP到SP2,升级完后会经常出现中文乱码的问题!烦,这个文档里面就出现了乱码问题!!)

1 完善的导航系统是界面设计应考虑的主要因素

界面是学习者与系统之间进行信息传递和交流的窗口,学习者通过它进行信息查询、数据提交以及操作控制,系统则通过它向学习者提供信息,以供阅读、分析和判断。学习者界面设计的优劣,将直接影响学习者的学习兴趣和学习效率。

由于Internet的网络课程中大量地使用了超媒体信息系统,这种系统为学习者创造出了一种由学习者进行控制的学习环境,使学习者在学习过程中链接或访问信息有更大的伸缩性,从而更加适应学习者的个性化学习风格。但是超媒体信息系统也可能为学习者带来迷航的危险。因此,完善的导航系统是网络课程界面设计应考虑的主要因素。基于Internet的网络课程的导航系统具备以下特点:

首先,根据学习目标应设计几条主要的主干导航线,对非主干线上的次要节点的链要进行较多的限制,以降低迷航的可能性和导航系统的复杂程度。同时针对每个节点均应设计返回上一节点或主窗口(主页)的按钮,并应在主干线的关键交叉路口及容易迷航的地方设计帮助说明窗口,以方便学习者的访问,加强学习者的定位意识,不致于走入“死胡同”,帮助系统知识较少的学习者更好地学习和使用网络课程。具体可采用通过超级链接中的逆向返回到达想要到达的部分,或为学习者提供一份清单,并清单列出学习者大部分新近浏览过的内容参数,学习者在清单中找出要返回的相应参数,就通过链接直接跳回。

其次,用教学内容提纲和学习目标构建系统指示,并由此可以链接到相应的教学内容信息上,该部分内容应设计保留在本地客户端计算机上,而不是服务器上,为学习者快速定位提供最直接的指导。同时,要提高一套供学习者进行信息检索的方法,使用户可以利用关键词、标题或时间顺序快速找到所需要学习的内容。

最后,为了强调知识建构,基于Internet网络课程的界面设计应不局限于信息传递,还应以案例为基础,提供按主题思想进行链接的方式;对于较长Web页面要提供若干书签,以便学习者迅速找到所赶兴趣的内容;页面的长度应适宜,避免学习过程中的过多翻页,以帮助先前主题知识少的学习者进行定位。

2 用户界面的主要元素及功能简介

用户界面通常采用图形学习者界面(GUI),构成界面的元素主要有:

2.1 窗口(Window)

学习者界面呈现区域。窗口一般组成部分包括:标题栏、菜单栏、滚动条、状态栏和工具栏。在课程页面设计技术中,窗口设计非常灵活,实现的基本功能包括:指定窗口大小、位置和打开关闭方式;窗口内容的上下、左右滚动显示;窗口的缩放以及指定显示窗口(_blank、_self、_parent、_top)的方式。

2.2 菜单(Menu)

标准的图形界面对象。操作项目以列表的方式显示在屏幕上,在网络多媒体系统中的菜单形式有:

(1)弹出式菜单。把菜单项放在窗口中(隐藏),需要时在屏幕指定位置弹出。

(2)下拉式菜单。适用于多级菜单,占据空间小,容易清楚地显示出层次。

(3)分布式菜单。即分类导航栏,主要用于主题超链接的排列。是主页常用的导航方式。

(4)图像菜单。一种特殊的超链接形式。通过Image map 可以建立多项热区,直观形象地实现超链接。

(5)图标(Icon):多媒体系统常用的图形界面对象。他的设计基于隐喻和模拟的思路。使学习者很容易产生联想。如一个“喇叭”图标,可以实现声音播放;一个“信封”图标,可以激活电子邮件。

2.3 表单(Form)

交互式界面的重要组成部分,是学习者输入信息的区域。服务器接收并处理表单提供的信息再将结果返回给学习者。表单元素包括有:

(1)文本框。用来接收输入的文本信息。在提交表单时,即把所输入的文本交给服务器。有三种类型的文本框:单行文本框、多行文本框和密码文本框。

(2)按钮。激活事件动作的界面对象。在页面中使用的按钮有三种:提交按钮—向服务器提交表单中的元素;重置按钮—可以把表单中的所有元素重新设置为初始状态;命令按钮—与上两种按钮的功能由系统赋予的不同,命令按钮需要自己编写相应的脚本代码。因此功能更强大,使用也更灵活。

(3)复选框。也称检查框或检验框,通常用于一组相互不排斥的选项。是一个小方框。

(4)单选框。又称收音机按钮。在某一时刻有且只有一个按钮能被按下。它提供的是相互排斥的选择。是一个空心圆。

(5)列表框和下拉式菜单。二者是同一类元素,只是具有不同属性。列表框和下拉菜单中是项目列表,可选择其中一项或多项。

2.4 对话框(dailogbox)

一个弹出式窗口,在学习者浏览时,提供给学习者更详细的信息,并实现学习者与系统的交互。有时是向学习者索取信息,有时是向学习者提出警示和引导。

3 网络课程界面设计的基本原则

网络课程用户界面的设计是远程教学系统开发设计的重要部分,直接影响到远程教学的成败,必须按照一定的原则进行设计开发,并不断进行研究和探索。我们认为,基于Internet的网络课程界面设计的主要有以下几项基本原则:

3.1 一致性

界面设计首先要对学习者具有强大吸引力,要提供完善的学习导航系统,功能应多种多样,但前提是要给用户一个统一的界面,使学习者应能凭借自身的体验做出智能选择,而不致于学习者感到不和谐或者产生失落与迷惑感。例如,在学习者与系统对话时,在一个地方,一个下拉式菜单是作为浏览工具应用的,而在其他地方其功能却改变了,这就会使学习者感到手足无措。一致性包括使用规范的界面元素,也指使用相同的信息表现方式,如在字体、标签风格、颜色、术语、显示提示信息等等。但这并不因此限制设计者的创意,只是学习者希望在整个系统中得到的全部体验中是一致的。

3.2 清晰性

网络课程的用户界面是针对一定的学习群体设计的,要根据其认知特征来设计界面的复杂程度,分析学习者所具备的相关体验。例如,面向中小学生的设计,要结构简洁,画面活泼,而不能过于复杂。对于使用的界面元素,学习者的体验能否相同,是否需要标注,甚至进一步提供帮助信息,都应遵从已认同的规范。过密的选择排列会使学习者难以辨认,在近似选项间要有明显的区别,用词要恰当精简。

3.3 反馈性

在网络课程用户界面设计中,考虑学习者与系统间的交互和反馈是非常重要的。这些反馈信息也许只是警告声或进度指示条等一些基本反映,但却能使学习者感到在与系统进行着交流,进入到了为之创设的学习情景中,而不是单纯地盲目地浏览。提供反馈的手段包括对话框、状态栏、声音提示、错误提示页等。

3.4 艺术性

设计的一半是创意,唯一的理想界面是不存在的,但作为设计者,必须作出最佳选择。用户界面是内容与学习者产生最初和持续影响的地方,包括视觉和听觉两个方面。在Internet浩如烟海的信息中,内容充实但界面粗糙会对许多学习者失去吸引力。界面设计的艺术性可以说是学习者的体验中心。

网络课程的界面设计,应做到布局合理、整洁美观、主动形象,符合教学需要。页面设计中的DHTML、样式表(CSS)、层(Layers)和时间轴(Timeline)等实用技术为实现界面在排版中的准确定位和灵活使用提供了很好的支持,也为界面的艺术设计提供了基础。

3.5 安全性

这里所说的安全性主要是针对学习者的操作应用而言的。错误主要产生主要在于学习者无效的信息输入和不经意的操作。
首先在提交表单前对学习者输入的信息作约束检查,避免一些可预料的错误对学习者思路造成中断和重新登录。而对于不可预料的错误,应力求在引导学习者正确操作外,对常见错误应具有一定的容错性。另外对学习者做出的不易恢复的操作,事前应作出适当的提示或警告,使学习者在浏览新功能时没有后顾之忧

分类:UCD ,04/11/27 10:47 下午 | 17,012 次浏览 |

发表评论

*必填

*必填 (不会被公开)