“互聯網＋”背景下線上線下混合教學模式探討

陸培培 牟煉

【摘 要】本文針對UI界面設計課程傳統教學中存在的教學方式落后、教學時間有限、授課知識不夠全面、教材缺乏實用性、相關教學資源缺乏等問題，分析線上線下混合教學模式的優勢，并從課前學生自主學習、課中項目實訓、課后教學考核評價等環節論述UI界面交互設計課程線上線下混合教學模式的實施過程。

【關鍵詞】互聯網+ 線上線下 混合教學模式UI界面交互設計

【中圖分類號】G ?【文獻標識碼】A

【文章編號】0450-9889（2021）07-0053-03

在“互聯網+”背景下，各種教育平臺如雨后春筍般涌現出來，在國內教育界掀起了一場在線學習的熱潮。各大高校紛紛推出在線開放課程，從而催生了基于慕課、微課、超星學習通等平臺的各種混合教學模式。混合教學模式并不是簡單的技術混合，而是為學生創造一種真正高度參與的、個性化的學習體驗，其關鍵是通過對課程的再設計為學生創設積極的、協作學習體驗，從而幫助學生通過主動地參與學習積極構建自身知識體系。本文擬以筆者所任教的數字媒體藝術專業的UI界面交互設計課程為例，探討依托超星學習通平臺的線上線下混合教學模式，為構建互聯網云課堂與線下課程相結合的混合教學模式提供借鑒。

一、UI界面交互設計課程教學現狀

許多高校開設了UI界面設計課程，但該課程傳統教學中存在較多的問題。

第一，教學方式落后，不利于促進學生主動學習。如許多高校該課程的教學還是以傳統的灌輸式授課方式進行，教師與學生缺乏交流，難以促進學生主動學習?！痘茨献印ふf林訓》有言：“授人以魚不如授人以漁?！逼浣逃砟罴词莻魇诮o人既有知識，不如傳授給人學習知識的方法。學生若要提高專業能力，單憑課堂上學習的知識是遠遠不夠的，還要掌握自主學習的方法，傳統的教學方式無疑不能滿足學生的自主學習需求。

第二，教學時間有限，授課知識不夠全面。由于學生需要學習的課程種類較多，如學生每周需要上兩門或者兩門以上的專業課程，因此該課程教學時間有限。由于教學時間有限，一方面學生難以完全理解和吸收所學知識;另一方面教師難以傳授較為全面的知識，只能側重于傳授某些方面的知識，如某些教師授課內容注重界面圖標設計、視覺設計，而忽視了界面交互設計。

第三，教材缺乏實用性，相關教學資源缺乏。一方面，當前國內UI界面交互設計課程的教材并不像平面設計類教材那么豐富，現有的教材內容設置多流于表層的編寫，僅適用于初級階段的學習，缺乏一套實用的“理論+實際項目制作”的教材。另一方面，許多授課教師因為本身對相關行業不夠熟悉，缺少實踐經歷和經驗，其授課內容往往較為單一，更無法提供豐富的相關教學資源以供學生進一步學習。

二、UI界面交互設計課程線上線下混合教學模式的實施過程

相比傳統教學方式，線上線下混合教學模式具有如下優勢：一是不受時間、空間限制，能讓學生自由利用空閑時間進行學習，培養學生自主學習的能力;二是注重教學資源的開發，而優質的教學資源有助于提高學生的專業能力;三是有助于增強師生互動，提高學生對學習的興趣;四是有助于提升教師的教學能力，培養教師掌握多種授課方法。

筆者以數字媒體藝術專業的學生為研究對象，結合超星學習通、中國慕課平臺開展UI界面交互設計課程線上線下混合教學模式實踐。該課程共64個課時，其中線上教學30個課時，線下教學34個課時（見圖1）。線上教學又分為基礎理論與案例操作兩大部分，主要是讓學生全面掌握UI界面交互設計課程的基礎知識、視覺設計及Axure RP技能;線下教學以項目實戰操作為主，主要是讓學生通過探討設計一套完整的產品界面并進行匯報。教學過程包括課前、課中、課后三個環節。

（一）課前：學生自主學習

課前，教師根據教學內容安排，預先錄制線上教學視頻，并將教學視頻、課件、參考資料、課后討論等內容上傳到超星學習通平臺上。在開課時，通過QQ群提醒學生在規定的時間內線上觀看教學視頻及完成相關作業任務。在觀看視頻時，學生可自主選擇和規劃學習的時間，只要在規定時間內完成任務都屬于達標，對不按要求完成任務者，將進行相應的扣分。教師則通過超星學習通的后臺，時刻關注學生的學習進度，掌握學生的學習情況，方便在線下教學中因材施教，提高每一名學生的專業能力。

線上教學內容以理論基礎知識為主，共安排5個章節的內容，錄制了14個視頻，主要講解界面設計概述、用戶需求、交互設計、視覺設計、優秀界面鑒賞等方面內容，其中交互設計與視覺設計分別是理論知識的重點與難點部分。

線上教學的第二部分為實例操作練習內容，共分為7個模塊，其中實訓4為實例操作的重點部分，主要講解Axure RP的動態面板的作用，并結合交互屬性為界面添加交互效果，如鼠標單擊時、拖動時、載入時等的交互樣式。實訓5和實訓6為難點部分，這兩個部分主要通過案例講解Axure RP的中繼器與全局變量的使用，比如利用中繼器制作分類商品、運用變量制作為商品點贊等內容，以方便學生在線下課程中能夠熟練運用Axure RP進行App產品的高保真原型交互設計。

通常來說，人的注意力時間有限，因此，用于線上教學的視頻內容最好控制在20分鐘以內，這就需要教師在授課之前規劃好每一個教學視頻內容，不僅要精簡而且要有實際意義。

（二）課中：項目實訓

課堂教學主要分兩個階段進行：第一階段，以探討與實例操作為主;第二階段，以項目實戰訓練為主。

在第一階段的教學中，首先，教師抽取小部分時間讓學生匯報、探討、總結課前線上的學習情況，并對學生匯報情況給予點評。這樣，教師不僅可以深入地了解學生對基礎知識點的掌握程度，而且方便與學生進行即時溝通，解決學生的疑問。其次，讓學生完成課堂實例操作練習，通過課堂實例的訓練讓每一名學生熟練掌握專業技能。由于學生在上課前已觀看視頻教學并做課前預習，在課堂中進行實例操作訓練時如有不清楚的地方，可在課堂中進行深入的探討。

在第二階段教學中，主要采用小組合作的形式完成項目實戰訓練。小組合作不僅可以發揮團隊合作精神，而且可以激發學生的創意靈感。學生首先根據一些設計競賽或者企業的設計項目進行選題;其次以小組的形式進行市場考察，并對競品及用戶進行分析，制作出App的故事板;最后進行分享、闡述、討論。小組合作人數控制在3～4人，并設立一位負責人來督促整個項目的分工等情況。在此項目中，小組成員根據各自所擅長的方面分別扮演不同的角色，如組長負責競品分析、信息架構、產品展示及講解等，成員一負責市場調研、界面交互設計，成員二負責界面視覺設計。每個小組都要在規定的時間內完成相應的任務。在項目制作過程中，教師要進行定時的檢查，了解小組成員所完成的情況，并對學生提出的相關問題及疑問進行有針對性的回答和指導，在提高學生問題分析能力的同時，增強師生之間的溝通與交流，活躍課堂教學氛圍。

（三）課后：教學考核評價

課后，即課程的最后階段，主要進行教學考核評價。學生首先要完善項目細節的制作，并將制作的作品上傳到網上，進行小組互評、測試;其次匯報項目，并由教師對本課程教學進行考核、總結。學生通過完善項目作品，對本課程所設計的內容進行整理，在展板上展示所設計的內容編排，并上傳到學習通平臺上，然后按學校要求將作業刻入光盤上交學校留底存放，方便給下一屆學生學習借鑒。教師從所收集的作業中遴選出一些優秀的設計作品參加設計競賽，在檢驗學生專業水平與教師教學水平的同時，幫助學生積累實踐經驗。

對本課程教學的考核評價采取線上與線下考核評價相結合的形式。線上考核評價由平時成績、實踐成績、期末成績三大部分組成。其中，平時成績包括觀看線上教學視頻情況、考勤情況、課堂表現等方面，而實踐成績為課堂實例項目練習的作業情況，此兩項成績各占總評的25%;線上提交的期末實戰項目設計作品與線下對項目的匯報情況，此兩項成績共占總評的50%。小組成員在陳述所設計的作品時，需就如下內容進行匯報：一是該項目的分工情況、產品的概述及調研的情況;二是該產品的創意構思;三是該項目的優點以及不足之處;四是是否有解決不足之處的預案;五是團隊的自我評價及學習效果情況。同時，授課教師對該課程教學進行總結，并收集學生對本課程教學的匿名評價及意見，以完善下一次教學內容，提升教學質量。

為了提高UI界面交互設計課程的教學質量，筆者已經在超星學習通平臺上初步搭建線上教學模塊，并結合線下課堂進行教學嘗試。從這次教學經驗來看，線上線下混合教學模式得到了學生的良好反響，但真正要上好這門課，還需要不斷總結經驗、繼續完善?；ヂ摼W平臺只是一種信息化教學手段，教師要真正提高教學能力，還須利用互聯網構建優質的教學內容，且線上與線下的教學不能相脫節;無論是線上還是線下的教學，都要結合市場需求進行精心的設計，并規劃好該教學內容的安排，調動學生學習的積極性，讓學生從被動學習轉為主動學習，提高學生的專業實踐能力與創新思維能力，培養符合社會需要的應用型人才。

【參考文獻】

[1]孫佳佳，高立偉，馬博文，等.“互聯網+”背景下基于雨課堂的混合式教學模式改革[J].計算機時代，2020（9）.

[2]陳曉剛，王蘇宇.“互聯網+”背景下景觀設計課程TMCS混合教學實踐探析[J]. 裝飾，2019（8）.

[3]魏丹，劉薊南.基于雨課堂智慧工具的混合式教學模式構建[A].第十六屆沈陽科學學術年會論文集（經管社科）[C].沈陽：沈陽市科學技術協會，2019.

[4]陳希赟.《移動終端界面設計》課程線上線下混合式教學的探索與實踐[J].科技視界，2019（29）.

注：2020年度廣西高等教育本科教學改革工程立項項目“應用型本科設計類課程SPOC+任務驅動教學模式建設與改革”（2020JGA374）;廣西民族大學相思湖學院2020年度思想政治理論與實踐研究課題“互聯網視閾下桂北紅色文化融入界面交互設計教學的路徑研究”（2020SZKY07）

【作者簡介】陸培培（1984— ），女，漢族，廣西桂林人，碩士，廣西民族大學相思湖學院講師，研究方向為數字媒體設計、視覺傳達設計;牟 煉（1987— ），女，漢族，廣西賓陽人，碩士，廣西大學行健文理學院副教授，研究方向為視覺傳達設計。

（責編 蘇 洋）