基于OBE理念的課程信息化教學設計研究

摘? 要：文章從“用戶界面設計”課程的教學實踐中存在的問題，提出了基于OBE理念的課程教學設計思路，并以此為依據提出了通過信息化技術來推動“用戶界面設計”課程的教學設計改革，通過線下課堂結合線上課堂來延伸教學時間軸，匹配學生的個性化學習需求，調動學生的學習內驅力和提高最終的學習成果水平。文章主要對信息化課程體系優化、信息化教學內容設計、信息化教學考核設計、信息化教學數據反饋、信息化混合式教學實現步驟進行了詳細闡述。

關鍵詞：OBE理念;“用戶界面設計”課程;信息化教學設計;雨課堂;QQ學習群

中圖分類號：G712.3;G434? ? ? 文獻標識碼：A 文章編號：2096-4706（2020）20-0141-05

Research on Curriculum Information Teaching Design Based on OBE Concept

——Take “User Interface Design” Course as an Example

YANG Jie

（College of Communication Art，Chongqing University of Posts and Telecommunications，Chongqing? 400065，China）

Abstract：From the problems existing in the teaching practice of “User Interface Design” course，this paper puts forward the curriculum teaching design idea based on OBE concept，and puts forward to promote the teaching design reform of “User Interface Design” course through information technology，extend the teaching time axis through offline classroom combined with online classroom，match studentspersonalized learning needs and mobilize studentslearning drive and improve the final level of learning outcomes. This paper mainly discusses the optimization of information curriculum system，information teaching content design，information teaching assessment design，information teaching data feedback，and the realization steps of information mixed teaching.

Keywords：OBE concept;“User Interface Design” course;information teaching design;rain classroom;QQ learning group

0? 引? 言

“用戶界面設計”課程教學對象是數字媒體藝術專業本科三年級學生，學生具備一定的圖形創意設計和人機交互設計基礎，對于軟件有一定的自學能力，但在作業完成中普遍對于軟件的使用不是很熟練。絕大部分學生對于人機交互產品的鑒賞能力和設計能力是比較薄弱的，理論基礎較差，普遍存在能臨摹界面，但并不理解原理的問題，缺乏創新設計的理論基礎。同時學生對于人機交互產品的興趣點差異較大，本門課程中個性化學習需求突出。針對“用戶界面設計”課程目前存在的主要問題，筆者在前期的研究中提出了以OBE理念為導向進行課程教學改革的必要性以及有效的教學策略。“OBE理念從重視資源投入的傳統教育轉變成重視學生學習的‘產出”[1]，基于成果教育的OBE理念非常適合用于本門課程的教學設計，將教學從教師中心變成學生學習中心。本文在此基礎上將更加深入地探究在教育信息化改革的背景下，如何通過信息化技術更好地進行OBE模式下“用戶界面設計”課程的教學設計改革。

1? OBE理念下的“用戶界面設計”課程教學設計思路

成果導向教育（Outcome Based Education，OBE）是美國學者Spady等人提出的一種強調學生的學習成效，假設所有學生都是有才能的，可以根據預期的學生學習成果（Student Learning Outcomes，SLOs）來進行課程設計以及教學的教育模式。

1.1? 教學方法改革

OBE理念下的“用戶界面設計”課程教學方法應圍繞學生個性化的SLOs為目標來改革。傳統的課堂教學時間非常有限，教師開展個性化教學輔導非常困難。因此必須改變教學環境，拓展課前、課后教學指導，通過線下課堂結合線上課堂來延伸教學時間軸。

1.2? 課程體系改革

在課程體系方面，針對學生的個性化學習需求以及結合“用戶界面設計”課程相關聯的行業發展，應以“模塊化-項目化”教學取代傳統的課程制教學，要充分調動本科三年級學生的內驅式學習力。

1.3? 教學內容改革

結合本課程的基于能力本位的課程教學目標和學生的個性化SLOs，反向設計教學內容。在教學內容上重新構建六大內容模塊，即課程概述模塊、課程內容模塊、課程資源模塊、教學活動模塊、教學項目模塊和教學考核模塊。

2? 信息化技術助力課程教學設計改革

從2000年至今，中國教育的信息化改革在信息技術快速發展的推動下，經歷了“精品課程（2003）、精品開放課程（MOOC，2011）、在線開放課程（2015）三個關鍵的發展階段”[2]，已經形成了較為豐富的網絡在線學習精品課程資源結構，為大學生的自主學習提供了更多、更高質量的資源。與此同時，涌現了很多相關的智慧教學工具，如“雨課堂”“騰訊課堂”“學堂在線”“學堂云”等智慧教學工具，通過信息技術可以幫助教師開展線上線下的混合式教學，教師可以根據課程的實際情況靈活選擇混合式教學的各種實現模式，如“PPT（語音）+線下”的混合式教學、“慕課+線下”的混合式教學等。根據筆者對“用戶界面設計”課程的教學設計思路，認為主要從以下幾方面進行教學設計的優化。

2.1? 信息化課程體系優化

改變以往僅依靠線下課堂的教學環境，需要通過雨課堂、QQ課程學習群建立“線上+線下”的多元教學環境，以此為基礎開展混合式教學。“混合式教學是近年來興起的一種先進的信息化教學模式。它是指把傳統教學方式的優勢和在線學習的優勢結合起來，充分實現學習環境的混合、學習資源的混合、學習方式的混合，進而實現有效的教學”[3]。以雨課堂為核心進行“用戶界面設計”課程的課前、課上、課后的課程自建，并提供優質的MOOC資源和其他網絡學習資源作為課程資源包。如圖1所示，上課前，教師在PC端通過PPT中的雨課堂制作課堂練習習題文件，文件設置好后，點擊“上傳試卷/手機課件”即可將練習題上傳到長江雨課堂的試卷庫。如圖2所示，在線下課堂教學過程中，教師登錄智能手機端微信中的長江雨課堂就可以將該練習題發送給授課班級，并設置作業的截止時間。

“基于‘雨課堂智慧教學工具的混合式教學模式是一種‘互聯網+教室+智能終端的教學”[4]，教師在線下課堂教學中也需要充分運用線上教學工具展開互動式教學，增加教學的趣味性，生成更全面的檢驗學習效果的數據。針對學生的個性化學習需求，在以“模塊化-項目化”的教學指導下倡導學生通過信息化教學資源進行自主學習，教師主要通過“線上QQ討論+線下課堂小組討論”進行有針對性的小組項目化教學指導，如圖3所示，“用戶界面設計”課程的期末大作業分組選題通過QQ課程群的小程序完成統計。

2.2? 信息化教學內容設計

在新的信息化課程體系下，結合信息化要求重新設計“用戶界面設計”課程教學內容的五六大模塊，最重要的是教師要針對學生的學習情況有針對性、反向設計線下課程內容，并精心準備課程資源模塊。信息化教學內容設計結構圖如圖4所示（圖中虛線表示不同教學終端之間的互動關聯的實現途徑，實線表示不同教學終端及其信息化教學的具體內容設計）。

2.2.1? 課程概述模塊

該模塊需要明確設計出課程教學目標、線上線下教學組織形式、課程內容與課時安排、能力考核方式、最終作業范例。

2.2.2? 課程內容模塊

該模塊需設計出本課程具體每一章的教學內容，明確出重難點。包括：第一章 用戶界面設計概述;第二章 用戶體驗設計理論;第三章 人機交互產品信息架構與任務設計;第四章 圖形用戶界面設計原理;第五章 網站界面設計實例講解;第六章 游戲界面設計實例講解;第七章 移動應用界面設計實例講解;第八章 設計項目實踐。

2.2.3? 課程資源模塊

該模塊需設計出本課程提供給學生進行課外補充學習的MOOC資源，更多資源分享的內容，同時需要設計出教師教學需要的課程習題庫、課程作業庫、課程討論庫。

2.2.4? 教學活動模塊

課前預習、課堂問答、課堂分組討論、學生進行課堂設計案例分享、課堂練習、課后作業、設計項目匯報。

2.2.5? 教學項目模塊

該模塊需設計出本課程期末大作業的分組選題，包括學生自選設計實踐項目或教師推薦選題項目。

2.2.6? 教學考核模塊

結合雨課堂的測試數據，設置線下線上綜合考核方法及作業具體要求。傳統的線下設計教學在教學考核中對學生的過程性學習效果無法精準把握，教師通常是按照考勤、筆試和各種作業的考核來形成最終的學生課程總成績，但這種考核方式并不夠客觀，同時也不便于讓每個學生看到自己在學習過程中出現的問題。在雨課堂信息化教學平臺的支持下，對學生的過程性學習效果的考核數據更加全面和客觀，因此，教師需要加大對線上過程性考核的細化設計。筆者在前期的研究中提出了符合OBE理念的“用戶界面設計”課程評價方法需要綜合教師對團隊學習成果的總評、團隊成員互評、學生自我評價、考勤與理論筆試測試這四個部分的比例關系進行考核。其中教師對團隊學習成果的總評通過對學生過程性考核的評估可以實現較為客觀的對學生學習能力的最終評估。

在“用戶界面設計”課程中，筆者認為應在雨課堂中設置每一章課程的課前預習題（客觀題和主觀題）考核，每一章課程結束后設置階段性測試題（客觀題和主觀題），每次課設置課堂問答或討論（客觀題或主觀題）考核，針對核心知識點設置課后作業（主觀題）。舉例來說，如圖5所示，在“第一章 用戶界面設計概述”開始前，在雨課堂發布課前預習課件資料，并要求學生完成課前預習題“什么是用戶界面？”題目形式為多項選擇題，題目內容為圖片形式，學生需在上課前提交。

這樣教師能很快掌握每個學生對關鍵知識點的預習學習效果數據，在線下上課時有針對性地進行概念講解和解惑。從實際的教學情況來看，很多學生在課堂上會覺得直接面對老師互動很有壓力，但雨課堂線上的互動形式讓他們更放松，也更愿意與老師互動。舉例來說，在“第二章 用戶體驗設計理論”的線下課堂教學中，結合知識點，在課堂上通過雨課堂發布課堂討論“請每位同學繪制出自己使用移動出行類APP外出打車的用戶體驗地圖”，盡可能把行為節點寫清楚、詳細。在規定的課堂時間內，每位同學將繪制的用戶體驗地圖上傳到雨課堂，教師可以馬上完成評分，在課堂的屏幕上分享優秀作業，并進行課堂點評。在點評的過程中，學生可以通過“彈幕”“投稿”等方式實時與老師進行互動，增加教學互動的趣味性，可以有效提高課堂教學效果。

2.3? 信息化教學數據反饋

雨課堂信息化教學平臺能夠幫助教師更加全面、客觀地獲取學生在“用戶界面設計”課程的過程性學習效果統計數據，如圖6所示。教師既可以根據每次課程的數據了解整體學生的學習效果，也能很精準地掌握每一個學生的學習狀況。根據掌握的學生的學習情況，教師可以靈活地針對問題進行教學過程中各項教學活動、課程資源、課程內容的調整。舉例來說，在“APP圖標設計方法”的教學內容結束后，教師會演示在PS中進行2個線性圖標的制作，學生在跟著教師完成2個圖標的制作后，根據所學的制作方法，在規定時間內完成課堂上機練習作業“APP底部tab線性圖標制作練習”，制作完成后上傳到雨課堂。教師根據學生的完成情況，在本次課上課前或課后及時完成打分，學生可以及時通過長江雨課堂收到自己的作業評分和評語，了解自己作業的完成情況。教師再根據作業中出現的問題，組織線下課堂教學，先進行集中講解，再針對個別仍然有疑惑的學生進行教學輔導。

2.4? 信息化混合式教學實現步驟

信息化混合式教學實施步驟如圖7所示。

在各教學實施步驟中，教師需要注意以下幾點：

（1）教師制作每一章的預習課件和預習習題，可以是圖文結合或MOOC鏈接;

（2）在PPT中將預習課件上傳到雨課堂，并在智能手機端完成對已上傳PPT的語音配音;

（3）將預習課件發送給授課班級，設置學生完成預習習題的截止時間，一般在上課前一天截止;

（4）教師在線下上課前可在雨課堂中獲取學生的預習數據;

（5）教師根據預習數據，反向設計線下課堂教學PPT的內容和課堂討論，重點講解學生遇到的難點問題;

（6）教師在線下課堂教學中，可繼續在雨課堂發布課堂問答、課堂討論作業，學生在規定時間內提交作業到雨課堂應用中，教師完成評分和課堂點評;

（7）教師根據教學情況可在雨課堂發布階段性測試和課后作業進行強化訓練，學生在截止時間內完成提交，教師獲取測試和作業數據;

（8）課程結束后，教師導出雨課堂的全部教學數據，掌握每個學生的過程性考核數據及整體教學數據，對數據進行分析，進而對后續的課程設計做出調整。

3? 結? 論

OBE理念的開展是一個持續改進和不斷提升的過程，需要不斷對傳統教育模式進行改造。而教育信息化是近20年來中國高校教育改革的大方向，信息化技術與互聯網為教育模式的改革帶來了強大的助推力。基于OBE理念的“用戶界面設計”課程信息化教學設計研究主要使用了雨課堂和QQ課程群，相比傳統僅僅依靠課堂教學的教學設計，對于推動學生的學習主動性起到了重要作用，教師也能更全面地掌握學生在學習過程中的學習狀態，不足之處在于對學生上傳到雨課堂的課堂作業的點評經常由于課堂時間的原因不能很好地展開，在今后的教學設計中，還需要將線上線下的教學活動模塊設計得更具操作性。面向未來，教師要善用信息化教學手段推動學生提高自主學習能力，以提高個人學習成果為目的去優化“用戶界面設計”課程OBE理念教學模式改革，并在教學實踐中不斷總結提高信息化教學能力。

參考文獻：

[1] 鞏建閩.高校課程體系設計研究——兼論OBE課程設計 [M].北京：高等教育出版社，2017：120.

[2] 黃彥可，劉宗明，趙邁.“產品語意設計”信息化教學改革與實踐 [J].湖南包裝，2020，35（4）：136-139.

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

[4] 楊潔.基于雨課堂的《圖形創意》課程混合式教學模式探索 [J].高教學刊，2020（8）：89-90+94.

[5] 孟旭，鄭曉慧.應用型大學UI設計課堂實踐教學探究——以北京郵電大學世紀學院數字媒體藝術專業為例 [J].中國多媒體與網絡教學學報（上旬刊），2020（9）：72-73.

[6] 崔艷清，王艷萍.OBE理念下課程評價體系研究——以《移動產品界面交互設計》課程為例 [J].教育現代化，2018，5（53）：130-131.

作者簡介：楊潔（1981—），女，漢族，重慶人，講師，碩士，研究方向：數字媒體藝術。