高职开放课程网络平台交互设计技术研究

欧小凤

摘  要：时至今日，网络技术已经成为教育教学最重要的手段与方法。尤其是课程，作为教育教学最重要的内容，从设计到展示，都能够通过网络技术与网络平台，实现价值的最大化。高职教育近年来得到的发展，网络课程是“功不可没”的。但是纵观国内的高职教育，课程的设计理念、实施标准和具体内容还是存在参差不齐的现象，因此该文从实施原则、课程的技术设计、页面美化3个方面，对高职开放课程进行研究，以期为高职课程的开发与应用提供一些积极的参考。

关键词：高职教育  网络课程  交互设计  页面美化

中图分类号：G434    文献标识码：A 文章编号：1672-3791（2020）01（a）-0112-03

随着网络技术的迅猛发展，教育信息化不仅成为教育的重要载体，也成为教育的必然趋势。网络课程是教育信息化的主体，是网络教育资源和网络教育手段的合二为一，它为学习者提供了一个开放而广大的学习平台，让教育交互活动发生了深刻的变化。

1  开放课程网络交互概述

1.1 开放课程交互的概念

交互顾名思义是至少两个参与主体之间因为交往连接，而发生相互作用、相互影响的过程。开放课程者交互是指学习者、指导者、学习资源等要素在网络环境下，进行信息的交流，并通过交流互相影响、发生改变的学习活动。因为网络的开放性，决定了学习者需要在较短的时间内适应环境的特定性，因此更为强调学习要素之间的交互性。

1.2 开放课程交互的基本形态

开放课程是相对于传统课程而言的，它借助网络，在指导者和学习者、学习者和学习者、学习者和学习资源等各种成对要素之间形成信息交换的关系。信息的传输方式不再是单向的你说我听，也不再是只以一种形态传输，而是可以用文字、这图像、声音、视频等多种形式或是多个形式的结合体表现出来，它不受到时间与空间的限制，让学习者得到了更加全面、更加准确的信息。或者是在更多的信息中心便捷地找到自己真正需要的信息。总而言之，它兼收并蓄而有容乃大，实现了真正意义的开放。

2  开放课程交互设计的原则

2.1 以学习者为中心

开放课程中，所有程序和内容的设定都是为了实现学习效果的提升。提升的考量标准自然是学习者。因此，易学易用、吸引学习者、具备一定的容错性、激活学习者的自主能动性等，都是交互设计首先需要考虑的因素，而这些因素的集合恰恰就将学习者定位在了中心位置。

2.2 整合性原则

在开放课程中，所有参与要素都会形成多个关系，这些多对多的关系需要通过科学的课程设计进行梳理与整合。而且有些交互因为是非实时发生的，成体系地、循序渐进地帮助学习者完成学习任务，也需要清晰的路径指向。

2.3 简洁一致原则

学生应该把主要精力放在学习内容上，所以课程设计的对话框、按钮等都要清晰简洁、一目了然。在界面还要有详细的分类，确保学习者快速進入学习内容。各个界面的格式和功能都要一致，让学习者的学习精力不被适应无关信息所吸引。

3  开放课程教学交互设计

3.1 明确教学目标

网络平台中丰富的教育资源就像双刃剑，既能为学习者提供坚实的物质基础，也容易让学习者迷失学习的方向、忘记学习的初衷。因此，在使用互联网载体进行课程设计之初，首先需要明确教学目标。高职院校的学习重知识，更重技能，教学目标需要从知识和技能两个方面着手，分步骤分析学习者所处的学能层次，通过学习能够达到什么程度，从而确定多个层次的教学目标。除此以外，教学目标还可以按照专业知识的组块进行确立。如机电一体化专业包括5个知识组块：结构、动力、运动、感知和智能。每一个组块对应一部分内容，学生在平台上不仅可以自由选择学习内容，还可以用教学目标对照自身的情况，反复进行学习。

3.2 组织教学内容

网络技术融入到开放课程中，就意味着课程的表现形式绝不再是堆砌和简单的排列组合。教学内容一定要体现3个特点：第一，内容的组织和教学策略的实施是相互配合的，如汽修专业的学习内容需要使用的分组演示的教学策略。第二，不同的内容呈现需要使用不同的媒体形式。第三，是内容的设计必须体现出交互性。让学生能够参与进来，是开放课程相较于其他课程最大的优势。学生通过反复观看、手触操作等方式，可以详尽地掌握知识，尤其对于重难点的突破是极为有效的。

3.3 选择教学方式

开放的课程意味着沟通环节的必不可少。这种沟通会大量的产生在教师和学生之间，两个主体就知识点中的各种问题的沟通，最后连接在一起，呈现的是一个完整的教学方式。当然，教学方式的选择是具有预先性的，不同的内容会对应不同的教学方式。如以掌握技能为主的教学内容，会选择基于行为目标的教学方式;如果是以自主思考，培养能力为主的教学内容，则需要选择基于生成性目标的教学方式;还有一些机械化训练的内容，则以表现性教学方式为主。国内目前比较多见的案例教学法，基本上综合了行为目标、生成目标和表现性3种教学方式，它是围绕着一个问题，层层深入，让学习者最终掌握知识与技能。由此可见，学习方式在开放课程中也在走向整合化。

3.4 设计练习资源

这里所说的练习资源包括了作业、测验等所有能够促进学生巩固学习内容的手段。在建构主义理论中，把练习也看作是一种获得知识的途径。那么，练习的内容也就自然而然被划归为资源。文献资料、案例、题库、法规政策、时事新闻、周边阅读、相关网站、同类课程……只要是和所学内容有关联，并能起到巩固和拓展知识的作用的内容，都应该被纳入到练习资源中。也正是如此丰富的内容，体现出了开放课程巨大的包容性。而练习资源也在一定程度上辅助了教学，学习资源和练习资源就像一个巨大的场域，把学生“包裹”其中，为学生提供了丰富的内容和多样的表现形式，避免了信息孤岛的产生，又让课程中的所有内容和知识点为学生提供了足够的思考和探索的空间。学生也会在学习的量变中完成质变的飞越，对自己的知识体系进行建构，随时定位自己的知识体系，以帮助完成相关的任务。

3.5 设计评价手段

教学评价无论在何种课程模式下，都是完善教学设计、检视教学效果、理性看待自我的重要手段。在开放课程中，我们评价的对象会扩大，除了教师的教学行为和学生的学习效果之外，还要对教学资源运行的服务系统和运行的方式进行评价。即主观和客观内容，都应该被纳入到评价中。评价主要分为4个阶段：准备、实施、处理、反馈。

准备阶段需要明确评价的目标、评价的内容、评价的主题、评价的方法。实施阶段需要收集尽可能多的数据，然后组织评价的方式。处理阶段是对数据进行分析和研究，然后形成可行性的评价报告。前3个阶段可以被视为基础阶段，得到的所有内容都是为第4个阶段进行服务的。第4个阶段也正是利用了前3个阶段得到的数据，修正并完善了接下来的教学工作。开放课程的评价方法也是一门很深的学问，它绝不会是直接通过文字呈现的，而是基于学生学习的内容，如概念图、电子作业等，采用电子学档的方式，分别对教师和学生进行评价，更加直观地剖析教与学存在的难点和疑点。

4  开放课程教学交互设计的页面美化

4.1 框架结构的美化

页面给学习者的第一印象，决定了学习者的兴趣，决定了学习者进入平台的频率与时长。所以先要对页面的框架进行设计。开放课程中的内容材料都是以超文本结构的形式呈现的，每个内容之间既是相互独立的，又是相互联系的，保证了学习者即使不按照顺序点击学习，也能够听懂部分内容。这既是它的优势也是它的劣势。为了督促和倡导学生严谨的学习，就要在框架结构上有意识地强化学习的结构化。常见的框架结构有顺序式、层次式、分栏式和网状式。不同的结构对应不同的学习内容。如基础性的内容大多会用顺序式、层次式，带学习内容进入到综合阶段后，可以采用网状式的结构呈现，分栏式介于基础和综合之间，既能够清晰地显现知识，便于学习者学习认知，也能体现知识组块之间的必然联系。由此可见，4种结构是由易到难、循序渐进的，并不一定要做泾渭分明的划分。不过从实际的设计情况来看，4种框架结构会集中在一个平台，分别为不同的内容进行服务，或者同时为一个内容服务。如机电一体化专业的基础知识和应用知识，就是依照顺序式、层次式、分栏式和网状式的结构循序渐进设置的。确定了框架结构，添加什么样的装饰性要素就不重要了。因为结构代表着学习者的思维轨迹，而且可以启发学习者在没有明确的思路的时候，获得一些幫助。

4.2 导航系统的美化

导航就像茫茫的互联网大海中的指路明灯，帮助学习者了解课程的结构，快速到达自己需要学习的内容。每一个平台中，导航和框架的互相配合，都是在帮助学习者最快的建立自己的学习路径的载体，导航的设计美化需要遵循至少4个原则：第一，对课程结构的主导航要放在页面最显眼的位置，让学生能够通过结构进入课程版块，再与课程的内容一一相连，以平台导航建立思维导航。第二，内容的导航应该有层次性，方便学生了解自己学习的内容处于整个知识体系的第几个层次，给予自己一个客观的评价。第三，页面导航、相关内容的超链接设置，例如，教学资源的搜索和直接查询显示功能，学生可以通过几个关键字词快速找到有用的信息。但是这些超链接设置要有回返路径，让学习者可以查看自己搜索的内容，处于知识体系的哪一部分。第四，书签、浏览路径、帮助文件等辅助导航也是必不可少的。这样的话，学生无论处于平台的哪个位置，都可以一下子去到下一个需要学习的内容。从整体上来说，各个区域的导航设计，在风格上要保持一致，颜色、字体都要统一，避免学生进入一个新的页面就要重新适应一次，有的时候还会因为页面风格差距过大，产生迷航。

4.3 内容与页面的美化

开放课程的内容呈现绝不仅仅是文字这一种形式。内容作为课程的核心部分，包括了讲授、习题、测试、周边资源，甚至学习方法和学习技巧的分享。高职学生相较于普通高校的学生，在学习的专注度和学术的精深性上都有差距，如果想让他们真正参与进来，实现交互，内容的表现形式应该更多地选择除了文字之外的其他形式，如表格、图形图像、swf动画音视频等，在呈现原则上追求多样而不混乱、有秩序而不单调，尽可能全面地吸引学习者。

页面包含了标题、内容，标题和内容又需要通过字体的大小、粗细、颜色进行和谐却生动的展现。一般来说，标题需要精确醒目，和窗口的设计相互协调。各种指示按钮也要明确，点击的反应迅速，能够直接链接到需要学习的内容。这是因为学习者会有一个优先效应心理，对于链接的第一个网页的印象最为深刻，成功的经验会让优先效应心理产生积极的影响，反之亦然。那些不准确的、不分明的内容，应该完全剔除在平台课程的设计上，让学习者获得的第一印象越鲜明，越有参与到交互讨论中的信心，而这种自信恰恰是高职学生所缺乏的。可见，内容和页面的美化，也不容小视。

4.4 交互方式的美化

网络平台实现了信息传播的广泛化，它让教师、学习者，甚至是公众都能参与其中。的确，随着慕课、微课数量的增多，高职院校学生的学习途径越来越多，公众能够参与到职业教育的方式也越来越多。不过，仅仅依靠自学，在知识的学习和理解上，还是处于较浅的层次。因此教师需要设计一些具有深度讨论价值的话题，这些话题还要和生活有紧密的联系，让学生在网络平台进行讨论，走向学习的纵深化。通常，平台会设置一个交流区，为学生或是公众营设一个学习与交流的环境，激发所有参与主体进行观念的碰撞。交流讨论区的第一要义是方便，所有参与者能够随时发言，发言框的设计简单明了，一般不做字数的限制，主要是考虑到让大家充分表达自己的观点，还有着体贴的“人情味”，吸引到一批固定的人群，就有希望扩展延伸到更多层面，有时甚至能起到扩大职业教育社会影响力的作用。

5  结语

高职院校是高等教育重要的组成部分，随着社会的发展，职业教育在人才培养过程中发挥的作用会越来越大。那么，顺应时代的发展，改革课程的模式，建立一套适应社会、适应教育特性的开放式教学模式，不仅成为人才培养之需，更成为衡量院校职业教育质量的重要标准。文章基于交互性探讨的开放课程的设计，实质上是将传统的课程模式作为一个参照物，从学习目标、学习内容、学习方式、练习与评价等几个方面进行阐述。但传统课程和开放课程并不是对立存在的，相反，两者互为包容、互为启示，引导了高质量人才的培养。综上所言，开放课程的交互设计只要始终以学习者为中心、发挥学生的主体作用、整合优秀的教学资源、优化学习的全过程，就会通过自身的优势最终实现人才培养的全面化和实效化。

参考文献

[1] （美）约翰森（Jeff Johnson）.认知与设计：理解UI设计准则[M].北京：北京人民邮电出版社，2014.

[2] 陈诗慧.“双创”背景下高职创新创业教育的问题反思与战略选择[J].湖北工业职业技术学院学报，2017，30（3）：5-8.

[3] 陈诗慧.欧洲职业教育现代学徒制的特色、经验与启示[J].教育与职业，2017（15）：35-40.

[4] 杜营，王小青，刘吉林.精品资源共享课网站界面交互设计[J].太原大学教育学院学报，2014，32（1）：116-118.