基于OBE理念的課程信息化教學(xué)設(shè)計(jì)研究

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

關(guān)鍵詞：OBE理念;“用戶界面設(shè)計(jì)”課程;信息化教學(xué)設(shè)計(jì);雨課堂;QQ學(xué)習(xí)群

中圖分類號(hào)：G712.3;G434? ? ? 文獻(xiàn)標(biāo)識(shí)碼：A 文章編號(hào)：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? 引? 言

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

1? OBE理念下的“用戶界面設(shè)計(jì)”課程教學(xué)設(shè)計(jì)思路

成果導(dǎo)向教育（Outcome Based Education，OBE）是美國學(xué)者Spady等人提出的一種強(qiáng)調(diào)學(xué)生的學(xué)習(xí)成效，假設(shè)所有學(xué)生都是有才能的，可以根據(jù)預(yù)期的學(xué)生學(xué)習(xí)成果（Student Learning Outcomes，SLOs）來進(jìn)行課程設(shè)計(jì)以及教學(xué)的教育模式。

1.1? 教學(xué)方法改革

OBE理念下的“用戶界面設(shè)計(jì)”課程教學(xué)方法應(yīng)圍繞學(xué)生個(gè)性化的SLOs為目標(biāo)來改革。傳統(tǒng)的課堂教學(xué)時(shí)間非常有限，教師開展個(gè)性化教學(xué)輔導(dǎo)非常困難。因此必須改變教學(xué)環(huán)境，拓展課前、課后教學(xué)指導(dǎo)，通過線下課堂結(jié)合線上課堂來延伸教學(xué)時(shí)間軸。

1.2? 課程體系改革

在課程體系方面，針對學(xué)生的個(gè)性化學(xué)習(xí)需求以及結(jié)合“用戶界面設(shè)計(jì)”課程相關(guān)聯(lián)的行業(yè)發(fā)展，應(yīng)以“模塊化-項(xiàng)目化”教學(xué)取代傳統(tǒng)的課程制教學(xué)，要充分調(diào)動(dòng)本科三年級學(xué)生的內(nèi)驅(qū)式學(xué)習(xí)力。

1.3? 教學(xué)內(nèi)容改革

結(jié)合本課程的基于能力本位的課程教學(xué)目標(biāo)和學(xué)生的個(gè)性化SLOs，反向設(shè)計(jì)教學(xué)內(nèi)容。在教學(xué)內(nèi)容上重新構(gòu)建六大內(nèi)容模塊，即課程概述模塊、課程內(nèi)容模塊、課程資源模塊、教學(xué)活動(dòng)模塊、教學(xué)項(xiàng)目模塊和教學(xué)考核模塊。

2? 信息化技術(shù)助力課程教學(xué)設(shè)計(jì)改革

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

2.1? 信息化課程體系優(yōu)化

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

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

2.2? 信息化教學(xué)內(nèi)容設(shè)計(jì)

在新的信息化課程體系下，結(jié)合信息化要求重新設(shè)計(jì)“用戶界面設(shè)計(jì)”課程教學(xué)內(nèi)容的五六大模塊，最重要的是教師要針對學(xué)生的學(xué)習(xí)情況有針對性、反向設(shè)計(jì)線下課程內(nèi)容，并精心準(zhǔn)備課程資源模塊。信息化教學(xué)內(nèi)容設(shè)計(jì)結(jié)構(gòu)圖如圖4所示（圖中虛線表示不同教學(xué)終端之間的互動(dòng)關(guān)聯(lián)的實(shí)現(xiàn)途徑，實(shí)線表示不同教學(xué)終端及其信息化教學(xué)的具體內(nèi)容設(shè)計(jì)）。

2.2.1? 課程概述模塊

該模塊需要明確設(shè)計(jì)出課程教學(xué)目標(biāo)、線上線下教學(xué)組織形式、課程內(nèi)容與課時(shí)安排、能力考核方式、最終作業(yè)范例。

2.2.2? 課程內(nèi)容模塊

該模塊需設(shè)計(jì)出本課程具體每一章的教學(xué)內(nèi)容，明確出重難點(diǎn)。包括：第一章 用戶界面設(shè)計(jì)概述;第二章 用戶體驗(yàn)設(shè)計(jì)理論;第三章 人機(jī)交互產(chǎn)品信息架構(gòu)與任務(wù)設(shè)計(jì);第四章 圖形用戶界面設(shè)計(jì)原理;第五章 網(wǎng)站界面設(shè)計(jì)實(shí)例講解;第六章 游戲界面設(shè)計(jì)實(shí)例講解;第七章 移動(dòng)應(yīng)用界面設(shè)計(jì)實(shí)例講解;第八章 設(shè)計(jì)項(xiàng)目實(shí)踐。

2.2.3? 課程資源模塊

該模塊需設(shè)計(jì)出本課程提供給學(xué)生進(jìn)行課外補(bǔ)充學(xué)習(xí)的MOOC資源，更多資源分享的內(nèi)容，同時(shí)需要設(shè)計(jì)出教師教學(xué)需要的課程習(xí)題庫、課程作業(yè)庫、課程討論庫。

2.2.4? 教學(xué)活動(dòng)模塊

課前預(yù)習(xí)、課堂問答、課堂分組討論、學(xué)生進(jìn)行課堂設(shè)計(jì)案例分享、課堂練習(xí)、課后作業(yè)、設(shè)計(jì)項(xiàng)目匯報(bào)。

2.2.5? 教學(xué)項(xiàng)目模塊

該模塊需設(shè)計(jì)出本課程期末大作業(yè)的分組選題，包括學(xué)生自選設(shè)計(jì)實(shí)踐項(xiàng)目或教師推薦選題項(xiàng)目。

2.2.6? 教學(xué)考核模塊

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

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

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

2.3? 信息化教學(xué)數(shù)據(jù)反饋

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

2.4? 信息化混合式教學(xué)實(shí)現(xiàn)步驟

信息化混合式教學(xué)實(shí)施步驟如圖7所示。

在各教學(xué)實(shí)施步驟中，教師需要注意以下幾點(diǎn)：

（1）教師制作每一章的預(yù)習(xí)課件和預(yù)習(xí)習(xí)題，可以是圖文結(jié)合或MOOC鏈接;

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

（3）將預(yù)習(xí)課件發(fā)送給授課班級，設(shè)置學(xué)生完成預(yù)習(xí)習(xí)題的截止時(shí)間，一般在上課前一天截止;

（4）教師在線下上課前可在雨課堂中獲取學(xué)生的預(yù)習(xí)數(shù)據(jù);

（5）教師根據(jù)預(yù)習(xí)數(shù)據(jù)，反向設(shè)計(jì)線下課堂教學(xué)PPT的內(nèi)容和課堂討論，重點(diǎn)講解學(xué)生遇到的難點(diǎn)問題;

（6）教師在線下課堂教學(xué)中，可繼續(xù)在雨課堂發(fā)布課堂問答、課堂討論作業(yè)，學(xué)生在規(guī)定時(shí)間內(nèi)提交作業(yè)到雨課堂應(yīng)用中，教師完成評分和課堂點(diǎn)評;

（7）教師根據(jù)教學(xué)情況可在雨課堂發(fā)布階段性測試和課后作業(yè)進(jìn)行強(qiáng)化訓(xùn)練，學(xué)生在截止時(shí)間內(nèi)完成提交，教師獲取測試和作業(yè)數(shù)據(jù);

（8）課程結(jié)束后，教師導(dǎo)出雨課堂的全部教學(xué)數(shù)據(jù)，掌握每個(gè)學(xué)生的過程性考核數(shù)據(jù)及整體教學(xué)數(shù)據(jù)，對數(shù)據(jù)進(jìn)行分析，進(jìn)而對后續(xù)的課程設(shè)計(jì)做出調(diào)整。

3? 結(jié)? 論

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

參考文獻(xiàn)：

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

[2] 黃彥可，劉宗明，趙邁.“產(chǎn)品語意設(shè)計(jì)”信息化教學(xué)改革與實(shí)踐 [J].湖南包裝，2020，35（4）：136-139.

[3] 魏丹，劉薊南.基于雨課堂智慧工具的混合式教學(xué)模式構(gòu)建 [C]//第十六屆沈陽科學(xué)學(xué)術(shù)年會(huì).第十六屆沈陽科學(xué)學(xué)術(shù)年會(huì)論文集（經(jīng)管社科）.沈陽：沈陽市科學(xué)技術(shù)協(xié)會(huì)，2019：285-290.

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

[5] 孟旭，鄭曉慧.應(yīng)用型大學(xué)UI設(shè)計(jì)課堂實(shí)踐教學(xué)探究——以北京郵電大學(xué)世紀(jì)學(xué)院數(shù)字媒體藝術(shù)專業(yè)為例 [J].中國多媒體與網(wǎng)絡(luò)教學(xué)學(xué)報(bào)（上旬刊），2020（9）：72-73.

[6] 崔艷清，王艷萍.OBE理念下課程評價(jià)體系研究——以《移動(dòng)產(chǎn)品界面交互設(shè)計(jì)》課程為例 [J].教育現(xiàn)代化，2018，5（53）：130-131.

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