高職開放課程網(wǎng)絡(luò)平臺交互設(shè)計技術(shù)研究

歐小鳳

摘? 要：時至今日，網(wǎng)絡(luò)技術(shù)已經(jīng)成為教育教學(xué)最重要的手段與方法。尤其是課程，作為教育教學(xué)最重要的內(nèi)容，從設(shè)計到展示，都能夠通過網(wǎng)絡(luò)技術(shù)與網(wǎng)絡(luò)平臺，實現(xiàn)價值的最大化。高職教育近年來得到的發(fā)展，網(wǎng)絡(luò)課程是“功不可沒”的。但是縱觀國內(nèi)的高職教育，課程的設(shè)計理念、實施標(biāo)準(zhǔn)和具體內(nèi)容還是存在參差不齊的現(xiàn)象，因此該文從實施原則、課程的技術(shù)設(shè)計、頁面美化3個方面，對高職開放課程進行研究，以期為高職課程的開發(fā)與應(yīng)用提供一些積極的參考。

關(guān)鍵詞：高職教育? 網(wǎng)絡(luò)課程? 交互設(shè)計? 頁面美化

中圖分類號：G434 ? ?文獻標(biāo)識碼：A 文章編號：1672-3791（2020）01（a）-0112-03

隨著網(wǎng)絡(luò)技術(shù)的迅猛發(fā)展，教育信息化不僅成為教育的重要載體，也成為教育的必然趨勢。網(wǎng)絡(luò)課程是教育信息化的主體，是網(wǎng)絡(luò)教育資源和網(wǎng)絡(luò)教育手段的合二為一，它為學(xué)習(xí)者提供了一個開放而廣大的學(xué)習(xí)平臺，讓教育交互活動發(fā)生了深刻的變化。

1? 開放課程網(wǎng)絡(luò)交互概述

1.1 開放課程交互的概念

交互顧名思義是至少兩個參與主體之間因為交往連接，而發(fā)生相互作用、相互影響的過程。開放課程者交互是指學(xué)習(xí)者、指導(dǎo)者、學(xué)習(xí)資源等要素在網(wǎng)絡(luò)環(huán)境下，進行信息的交流，并通過交流互相影響、發(fā)生改變的學(xué)習(xí)活動。因為網(wǎng)絡(luò)的開放性，決定了學(xué)習(xí)者需要在較短的時間內(nèi)適應(yīng)環(huán)境的特定性，因此更為強調(diào)學(xué)習(xí)要素之間的交互性。

1.2 開放課程交互的基本形態(tài)

開放課程是相對于傳統(tǒng)課程而言的，它借助網(wǎng)絡(luò)，在指導(dǎo)者和學(xué)習(xí)者、學(xué)習(xí)者和學(xué)習(xí)者、學(xué)習(xí)者和學(xué)習(xí)資源等各種成對要素之間形成信息交換的關(guān)系。信息的傳輸方式不再是單向的你說我聽，也不再是只以一種形態(tài)傳輸，而是可以用文字、這圖像、聲音、視頻等多種形式或是多個形式的結(jié)合體表現(xiàn)出來，它不受到時間與空間的限制，讓學(xué)習(xí)者得到了更加全面、更加準(zhǔn)確的信息?；蛘呤窃诟嗟男畔⒅行谋憬莸卣业阶约赫嬲枰男畔??？偠灾?，它兼收并蓄而有容乃大，實現(xiàn)了真正意義的開放。

2? 開放課程交互設(shè)計的原則

2.1 以學(xué)習(xí)者為中心

開放課程中，所有程序和內(nèi)容的設(shè)定都是為了實現(xiàn)學(xué)習(xí)效果的提升。提升的考量標(biāo)準(zhǔn)自然是學(xué)習(xí)者。因此，易學(xué)易用、吸引學(xué)習(xí)者、具備一定的容錯性、激活學(xué)習(xí)者的自主能動性等，都是交互設(shè)計首先需要考慮的因素，而這些因素的集合恰恰就將學(xué)習(xí)者定位在了中心位置。

2.2 整合性原則

在開放課程中，所有參與要素都會形成多個關(guān)系，這些多對多的關(guān)系需要通過科學(xué)的課程設(shè)計進行梳理與整合。而且有些交互因為是非實時發(fā)生的，成體系地、循序漸進地幫助學(xué)習(xí)者完成學(xué)習(xí)任務(wù)，也需要清晰的路徑指向。

2.3 簡潔一致原則

學(xué)生應(yīng)該把主要精力放在學(xué)習(xí)內(nèi)容上，所以課程設(shè)計的對話框、按鈕等都要清晰簡潔、一目了然。在界面還要有詳細的分類，確保學(xué)習(xí)者快速進入學(xué)習(xí)內(nèi)容。各個界面的格式和功能都要一致，讓學(xué)習(xí)者的學(xué)習(xí)精力不被適應(yīng)無關(guān)信息所吸引。

3? 開放課程教學(xué)交互設(shè)計

3.1 明確教學(xué)目標(biāo)

網(wǎng)絡(luò)平臺中豐富的教育資源就像雙刃劍，既能為學(xué)習(xí)者提供堅實的物質(zhì)基礎(chǔ)，也容易讓學(xué)習(xí)者迷失學(xué)習(xí)的方向、忘記學(xué)習(xí)的初衷。因此，在使用互聯(lián)網(wǎng)載體進行課程設(shè)計之初，首先需要明確教學(xué)目標(biāo)。高職院校的學(xué)習(xí)重知識，更重技能，教學(xué)目標(biāo)需要從知識和技能兩個方面著手，分步驟分析學(xué)習(xí)者所處的學(xué)能層次，通過學(xué)習(xí)能夠達到什么程度，從而確定多個層次的教學(xué)目標(biāo)。除此以外，教學(xué)目標(biāo)還可以按照專業(yè)知識的組塊進行確立。如機電一體化專業(yè)包括5個知識組塊：結(jié)構(gòu)、動力、運動、感知和智能。每一個組塊對應(yīng)一部分內(nèi)容，學(xué)生在平臺上不僅可以自由選擇學(xué)習(xí)內(nèi)容，還可以用教學(xué)目標(biāo)對照自身的情況，反復(fù)進行學(xué)習(xí)。

3.2 組織教學(xué)內(nèi)容

網(wǎng)絡(luò)技術(shù)融入到開放課程中，就意味著課程的表現(xiàn)形式絕不再是堆砌和簡單的排列組合。教學(xué)內(nèi)容一定要體現(xiàn)3個特點：第一，內(nèi)容的組織和教學(xué)策略的實施是相互配合的，如汽修專業(yè)的學(xué)習(xí)內(nèi)容需要使用的分組演示的教學(xué)策略。第二，不同的內(nèi)容呈現(xiàn)需要使用不同的媒體形式。第三，是內(nèi)容的設(shè)計必須體現(xiàn)出交互性。讓學(xué)生能夠參與進來，是開放課程相較于其他課程最大的優(yōu)勢。學(xué)生通過反復(fù)觀看、手觸操作等方式，可以詳盡地掌握知識，尤其對于重難點的突破是極為有效的。

3.3 選擇教學(xué)方式

開放的課程意味著溝通環(huán)節(jié)的必不可少。這種溝通會大量的產(chǎn)生在教師和學(xué)生之間，兩個主體就知識點中的各種問題的溝通，最后連接在一起，呈現(xiàn)的是一個完整的教學(xué)方式。當(dāng)然，教學(xué)方式的選擇是具有預(yù)先性的，不同的內(nèi)容會對應(yīng)不同的教學(xué)方式。如以掌握技能為主的教學(xué)內(nèi)容，會選擇基于行為目標(biāo)的教學(xué)方式;如果是以自主思考，培養(yǎng)能力為主的教學(xué)內(nèi)容，則需要選擇基于生成性目標(biāo)的教學(xué)方式;還有一些機械化訓(xùn)練的內(nèi)容，則以表現(xiàn)性教學(xué)方式為主。國內(nèi)目前比較多見的案例教學(xué)法，基本上綜合了行為目標(biāo)、生成目標(biāo)和表現(xiàn)性3種教學(xué)方式，它是圍繞著一個問題，層層深入，讓學(xué)習(xí)者最終掌握知識與技能。由此可見，學(xué)習(xí)方式在開放課程中也在走向整合化。

3.4 設(shè)計練習(xí)資源

這里所說的練習(xí)資源包括了作業(yè)、測驗等所有能夠促進學(xué)生鞏固學(xué)習(xí)內(nèi)容的手段。在建構(gòu)主義理論中，把練習(xí)也看作是一種獲得知識的途徑。那么，練習(xí)的內(nèi)容也就自然而然被劃歸為資源。文獻資料、案例、題庫、法規(guī)政策、時事新聞、周邊閱讀、相關(guān)網(wǎng)站、同類課程……只要是和所學(xué)內(nèi)容有關(guān)聯(lián)，并能起到鞏固和拓展知識的作用的內(nèi)容，都應(yīng)該被納入到練習(xí)資源中。也正是如此豐富的內(nèi)容，體現(xiàn)出了開放課程巨大的包容性。而練習(xí)資源也在一定程度上輔助了教學(xué)，學(xué)習(xí)資源和練習(xí)資源就像一個巨大的場域，把學(xué)生“包裹”其中，為學(xué)生提供了豐富的內(nèi)容和多樣的表現(xiàn)形式，避免了信息孤島的產(chǎn)生，又讓課程中的所有內(nèi)容和知識點為學(xué)生提供了足夠的思考和探索的空間。學(xué)生也會在學(xué)習(xí)的量變中完成質(zhì)變的飛越，對自己的知識體系進行建構(gòu)，隨時定位自己的知識體系，以幫助完成相關(guān)的任務(wù)。

3.5 設(shè)計評價手段

教學(xué)評價無論在何種課程模式下，都是完善教學(xué)設(shè)計、檢視教學(xué)效果、理性看待自我的重要手段。在開放課程中，我們評價的對象會擴大，除了教師的教學(xué)行為和學(xué)生的學(xué)習(xí)效果之外，還要對教學(xué)資源運行的服務(wù)系統(tǒng)和運行的方式進行評價。即主觀和客觀內(nèi)容，都應(yīng)該被納入到評價中。評價主要分為4個階段：準(zhǔn)備、實施、處理、反饋。

準(zhǔn)備階段需要明確評價的目標(biāo)、評價的內(nèi)容、評價的主題、評價的方法。實施階段需要收集盡可能多的數(shù)據(jù)，然后組織評價的方式。處理階段是對數(shù)據(jù)進行分析和研究，然后形成可行性的評價報告。前3個階段可以被視為基礎(chǔ)階段，得到的所有內(nèi)容都是為第4個階段進行服務(wù)的。第4個階段也正是利用了前3個階段得到的數(shù)據(jù)，修正并完善了接下來的教學(xué)工作。開放課程的評價方法也是一門很深的學(xué)問，它絕不會是直接通過文字呈現(xiàn)的，而是基于學(xué)生學(xué)習(xí)的內(nèi)容，如概念圖、電子作業(yè)等，采用電子學(xué)檔的方式，分別對教師和學(xué)生進行評價，更加直觀地剖析教與學(xué)存在的難點和疑點。

4? 開放課程教學(xué)交互設(shè)計的頁面美化

4.1 框架結(jié)構(gòu)的美化

頁面給學(xué)習(xí)者的第一印象，決定了學(xué)習(xí)者的興趣，決定了學(xué)習(xí)者進入平臺的頻率與時長。所以先要對頁面的框架進行設(shè)計。開放課程中的內(nèi)容材料都是以超文本結(jié)構(gòu)的形式呈現(xiàn)的，每個內(nèi)容之間既是相互獨立的，又是相互聯(lián)系的，保證了學(xué)習(xí)者即使不按照順序點擊學(xué)習(xí)，也能夠聽懂部分內(nèi)容。這既是它的優(yōu)勢也是它的劣勢。為了督促和倡導(dǎo)學(xué)生嚴(yán)謹(jǐn)?shù)膶W(xué)習(xí)，就要在框架結(jié)構(gòu)上有意識地強化學(xué)習(xí)的結(jié)構(gòu)化。常見的框架結(jié)構(gòu)有順序式、層次式、分欄式和網(wǎng)狀式。不同的結(jié)構(gòu)對應(yīng)不同的學(xué)習(xí)內(nèi)容。如基礎(chǔ)性的內(nèi)容大多會用順序式、層次式，帶學(xué)習(xí)內(nèi)容進入到綜合階段后，可以采用網(wǎng)狀式的結(jié)構(gòu)呈現(xiàn)，分欄式介于基礎(chǔ)和綜合之間，既能夠清晰地顯現(xiàn)知識，便于學(xué)習(xí)者學(xué)習(xí)認(rèn)知，也能體現(xiàn)知識組塊之間的必然聯(lián)系。由此可見，4種結(jié)構(gòu)是由易到難、循序漸進的，并不一定要做涇渭分明的劃分。不過從實際的設(shè)計情況來看，4種框架結(jié)構(gòu)會集中在一個平臺，分別為不同的內(nèi)容進行服務(wù)，或者同時為一個內(nèi)容服務(wù)。如機電一體化專業(yè)的基礎(chǔ)知識和應(yīng)用知識，就是依照順序式、層次式、分欄式和網(wǎng)狀式的結(jié)構(gòu)循序漸進設(shè)置的。確定了框架結(jié)構(gòu)，添加什么樣的裝飾性要素就不重要了。因為結(jié)構(gòu)代表著學(xué)習(xí)者的思維軌跡，而且可以啟發(fā)學(xué)習(xí)者在沒有明確的思路的時候，獲得一些幫助。

4.2 導(dǎo)航系統(tǒng)的美化

導(dǎo)航就像茫茫的互聯(lián)網(wǎng)大海中的指路明燈，幫助學(xué)習(xí)者了解課程的結(jié)構(gòu)，快速到達自己需要學(xué)習(xí)的內(nèi)容。每一個平臺中，導(dǎo)航和框架的互相配合，都是在幫助學(xué)習(xí)者最快的建立自己的學(xué)習(xí)路徑的載體，導(dǎo)航的設(shè)計美化需要遵循至少4個原則：第一，對課程結(jié)構(gòu)的主導(dǎo)航要放在頁面最顯眼的位置，讓學(xué)生能夠通過結(jié)構(gòu)進入課程版塊，再與課程的內(nèi)容一一相連，以平臺導(dǎo)航建立思維導(dǎo)航。第二，內(nèi)容的導(dǎo)航應(yīng)該有層次性，方便學(xué)生了解自己學(xué)習(xí)的內(nèi)容處于整個知識體系的第幾個層次，給予自己一個客觀的評價。第三，頁面導(dǎo)航、相關(guān)內(nèi)容的超鏈接設(shè)置，例如，教學(xué)資源的搜索和直接查詢顯示功能，學(xué)生可以通過幾個關(guān)鍵字詞快速找到有用的信息。但是這些超鏈接設(shè)置要有回返路徑，讓學(xué)習(xí)者可以查看自己搜索的內(nèi)容，處于知識體系的哪一部分。第四，書簽、瀏覽路徑、幫助文件等輔助導(dǎo)航也是必不可少的。這樣的話，學(xué)生無論處于平臺的哪個位置，都可以一下子去到下一個需要學(xué)習(xí)的內(nèi)容。從整體上來說，各個區(qū)域的導(dǎo)航設(shè)計，在風(fēng)格上要保持一致，顏色、字體都要統(tǒng)一，避免學(xué)生進入一個新的頁面就要重新適應(yīng)一次，有的時候還會因為頁面風(fēng)格差距過大，產(chǎn)生迷航。

4.3 內(nèi)容與頁面的美化

開放課程的內(nèi)容呈現(xiàn)絕不僅僅是文字這一種形式。內(nèi)容作為課程的核心部分，包括了講授、習(xí)題、測試、周邊資源，甚至學(xué)習(xí)方法和學(xué)習(xí)技巧的分享。高職學(xué)生相較于普通高校的學(xué)生，在學(xué)習(xí)的專注度和學(xué)術(shù)的精深性上都有差距，如果想讓他們真正參與進來，實現(xiàn)交互，內(nèi)容的表現(xiàn)形式應(yīng)該更多地選擇除了文字之外的其他形式，如表格、圖形圖像、swf動畫音視頻等，在呈現(xiàn)原則上追求多樣而不混亂、有秩序而不單調(diào)，盡可能全面地吸引學(xué)習(xí)者。

頁面包含了標(biāo)題、內(nèi)容，標(biāo)題和內(nèi)容又需要通過字體的大小、粗細、顏色進行和諧卻生動的展現(xiàn)。一般來說，標(biāo)題需要精確醒目，和窗口的設(shè)計相互協(xié)調(diào)。各種指示按鈕也要明確，點擊的反應(yīng)迅速，能夠直接鏈接到需要學(xué)習(xí)的內(nèi)容。這是因為學(xué)習(xí)者會有一個優(yōu)先效應(yīng)心理，對于鏈接的第一個網(wǎng)頁的印象最為深刻，成功的經(jīng)驗會讓優(yōu)先效應(yīng)心理產(chǎn)生積極的影響，反之亦然。那些不準(zhǔn)確的、不分明的內(nèi)容，應(yīng)該完全剔除在平臺課程的設(shè)計上，讓學(xué)習(xí)者獲得的第一印象越鮮明，越有參與到交互討論中的信心，而這種自信恰恰是高職學(xué)生所缺乏的?？梢?，內(nèi)容和頁面的美化，也不容小視。

4.4 交互方式的美化

網(wǎng)絡(luò)平臺實現(xiàn)了信息傳播的廣泛化，它讓教師、學(xué)習(xí)者，甚至是公眾都能參與其中。的確，隨著慕課、微課數(shù)量的增多，高職院校學(xué)生的學(xué)習(xí)途徑越來越多，公眾能夠參與到職業(yè)教育的方式也越來越多。不過，僅僅依靠自學(xué)，在知識的學(xué)習(xí)和理解上，還是處于較淺的層次。因此教師需要設(shè)計一些具有深度討論價值的話題，這些話題還要和生活有緊密的聯(lián)系，讓學(xué)生在網(wǎng)絡(luò)平臺進行討論，走向?qū)W習(xí)的縱深化。通常，平臺會設(shè)置一個交流區(qū)，為學(xué)生或是公眾營設(shè)一個學(xué)習(xí)與交流的環(huán)境，激發(fā)所有參與主體進行觀念的碰撞。交流討論區(qū)的第一要義是方便，所有參與者能夠隨時發(fā)言，發(fā)言框的設(shè)計簡單明了，一般不做字?jǐn)?shù)的限制，主要是考慮到讓大家充分表達自己的觀點，還有著體貼的“人情味”，吸引到一批固定的人群，就有希望擴展延伸到更多層面，有時甚至能起到擴大職業(yè)教育社會影響力的作用。

5? 結(jié)語

高職院校是高等教育重要的組成部分，隨著社會的發(fā)展，職業(yè)教育在人才培養(yǎng)過程中發(fā)揮的作用會越來越大。那么，順應(yīng)時代的發(fā)展，改革課程的模式，建立一套適應(yīng)社會、適應(yīng)教育特性的開放式教學(xué)模式，不僅成為人才培養(yǎng)之需，更成為衡量院校職業(yè)教育質(zhì)量的重要標(biāo)準(zhǔn)。文章基于交互性探討的開放課程的設(shè)計，實質(zhì)上是將傳統(tǒng)的課程模式作為一個參照物，從學(xué)習(xí)目標(biāo)、學(xué)習(xí)內(nèi)容、學(xué)習(xí)方式、練習(xí)與評價等幾個方面進行闡述。但傳統(tǒng)課程和開放課程并不是對立存在的，相反，兩者互為包容、互為啟示，引導(dǎo)了高質(zhì)量人才的培養(yǎng)。綜上所言，開放課程的交互設(shè)計只要始終以學(xué)習(xí)者為中心、發(fā)揮學(xué)生的主體作用、整合優(yōu)秀的教學(xué)資源、優(yōu)化學(xué)習(xí)的全過程，就會通過自身的優(yōu)勢最終實現(xiàn)人才培養(yǎng)的全面化和實效化。

參考文獻

[1] （美）約翰森（Jeff Johnson）.認(rèn)知與設(shè)計：理解UI設(shè)計準(zhǔn)則[M].北京：北京人民郵電出版社，2014.

[2] 陳詩慧.“雙創(chuàng)”背景下高職創(chuàng)新創(chuàng)業(yè)教育的問題反思與戰(zhàn)略選擇[J].湖北工業(yè)職業(yè)技術(shù)學(xué)院學(xué)報，2017，30（3）：5-8.

[3] 陳詩慧.歐洲職業(yè)教育現(xiàn)代學(xué)徒制的特色、經(jīng)驗與啟示[J].教育與職業(yè)，2017（15）：35-40.

[4] 杜營，王小青，劉吉林.精品資源共享課網(wǎng)站界面交互設(shè)計[J].太原大學(xué)教育學(xué)院學(xué)報，2014，32（1）：116-118.