李莉 盧靜

摘要：混合式教學(xué)已逐漸成為主流教學(xué)模式，多種新型教學(xué)模型在高等教育中被應(yīng)用實(shí)踐。課題組結(jié)合UI交互設(shè)計課程特點(diǎn)，重點(diǎn)研究BOPPPS和ADDIE教學(xué)模型，結(jié)合OBE成果導(dǎo)向教育理念，將兩種教學(xué)模型分別融入UI交互設(shè)計課程的理論教學(xué)的課前、課中和課后及實(shí)踐教學(xué)的漸入、展開和深化三個階段的混合式教學(xué)環(huán)節(jié)。既拓寬了學(xué)生面對復(fù)雜工程問題時的交互邏輯思維能力，促進(jìn)學(xué)生個性化學(xué)習(xí)的同時，又滿足新工科應(yīng)用型人才的培養(yǎng)目標(biāo)。

關(guān)鍵詞：OBE；三段式混合教學(xué)模式；BOPPPS教學(xué)模型；ADDIE教學(xué)模型；成果導(dǎo)向

中圖分類號： TP391 文獻(xiàn)標(biāo)識碼：A

文章編號：1009-3044（2024）05-0144-04

0 引言

2013年6月，我國被接納為“華盛頓協(xié)議”簽約成員，用成果導(dǎo)向教育理念引導(dǎo)工程教育改革，成果導(dǎo)向教育（Outcome-based Education，OBE） 是指教學(xué)設(shè)計和教學(xué)實(shí)施的目標(biāo)是學(xué)生通過教育過程最后取得的學(xué)習(xí)成果（Learning Outcomes） [1]，OBE理念堅持以學(xué)生為中心，產(chǎn)出為導(dǎo)向并持續(xù)改進(jìn)，強(qiáng)調(diào)師生的預(yù)期學(xué)習(xí)成果及達(dá)成度評價[2]。在“互聯(lián)網(wǎng)+”背景下，多媒體技術(shù)及移動互聯(lián)設(shè)備的普及，傳統(tǒng)單一線下教學(xué)過程受時間和空間的諸多限制，多平臺、多方位、立體化的線上線下結(jié)合的混合式教學(xué)模式已逐漸取代傳統(tǒng)教學(xué)模式。同時，“新工科”和OBE理念下，對高等教育提出了新的更高要求，多種新型混合教學(xué)模式在高等教育中被應(yīng)用實(shí)踐。

UI交互設(shè)計是近年發(fā)展興起的與多領(lǐng)域交叉的一門新興學(xué)科[3]，以培養(yǎng)學(xué)生交互設(shè)計的思維邏輯、交互設(shè)計技巧、為學(xué)生進(jìn)行開發(fā)設(shè)計提供創(chuàng)意思維、提升學(xué)生視覺審美為基本目標(biāo)。目前國內(nèi)高校UI交互設(shè)計課程開設(shè)院校數(shù)量不多，教學(xué)經(jīng)驗(yàn)、資料等相對缺乏[4]。為適應(yīng)“新工科”對高校人才培養(yǎng)的要求和以成果為導(dǎo)向的OBE理念，UI交互設(shè)計課程在2022年教學(xué)大綱修訂中由原來的48學(xué)時，修訂為32學(xué)時的UI交互設(shè)計和20學(xué)時的UI交互設(shè)計實(shí)踐，在教學(xué)過程中，以“新工科”和OBE理念為導(dǎo)向，不斷探索適合該課程的教學(xué)方法，將BOPPPS模型融入理論課程的課前、課中和課后混合式教學(xué)環(huán)節(jié)[5]，將ADDIE模型的分析、設(shè)計、開發(fā)、實(shí)施和評價五個步驟融入UI交互設(shè)計實(shí)踐課程的漸入、展開和深化三個階段的混合式教學(xué)過程，充分挖掘思政元素，融入課程，不斷拓寬學(xué)生交互邏輯思維和計算思維，提升學(xué)生分析問題、解決問題的能力，更好地為各行業(yè)賦能。

1 課程目標(biāo)與畢業(yè)要求的支撐關(guān)系

UI交互設(shè)計課程的專業(yè)畢業(yè)要求對應(yīng)工程知識（指標(biāo)點(diǎn)1-4） 和設(shè)計/開發(fā)解決方案（3-1） ，課程目標(biāo)細(xì)分為德育目標(biāo)和3個課程目標(biāo)。課程目標(biāo)與畢業(yè)要求的支撐關(guān)系如圖1所示，其中德育目標(biāo)以培養(yǎng)大國工匠精神、樹立職業(yè)理想和職業(yè)道德，培養(yǎng)規(guī)范思維意識、創(chuàng)新思維、不畏險阻和堅韌意志等。課程目標(biāo)1，了解UI交互設(shè)計的基本概念和UI交互設(shè)計常用規(guī)范，了解頁面常用圖標(biāo)、組件的特點(diǎn)和應(yīng)用場景，在原型頁面設(shè)計中選取并應(yīng)用合適的圖標(biāo)和組件；課程目標(biāo)2，明確交互設(shè)計流程，應(yīng)用交互思維模式，分析產(chǎn)品定位與背景；課程目標(biāo)3，掌握主流原型交互工具軟件的應(yīng)用，應(yīng)用交互設(shè)計的思路和常用交互的實(shí)現(xiàn)方法和技巧。課程目標(biāo)1支撐指標(biāo)點(diǎn)1-4，課程目標(biāo)2和課程目標(biāo)3支撐指標(biāo)點(diǎn)3-1。

2 理論教學(xué)中的三段式混合教學(xué)設(shè)計

2.1 BOPPPS 模型

BOPPPS是近幾年混合式教學(xué)中常見的以教學(xué)目標(biāo)為導(dǎo)向、以學(xué)生為中心的教學(xué)模式，包含導(dǎo)言（Bridge-in） 、目標(biāo)（Outcome） 、前測（Pre-test） 、參與式學(xué)習(xí)（Participation） 、后測（Post-test） 和總結(jié)（Summary） 六個環(huán)節(jié)的教學(xué)設(shè)計方法[6]。BOPPPS目標(biāo)是激發(fā)學(xué)生的學(xué)習(xí)興趣，提高學(xué)生自主學(xué)習(xí)、獨(dú)立思考、分析解決問題的能力，培養(yǎng)學(xué)生創(chuàng)新意識和靈活應(yīng)用知識解決專業(yè)領(lǐng)域問題的能力，提高學(xué)生綜合素質(zhì)。

2.2 融合BOPPPS 的三段式混合教學(xué)設(shè)計

UI交互設(shè)計理論課程的課前、課中和課后三段式混合教學(xué)設(shè)計中融入BOPPPS模型，如圖2所示。

課前階段，通過線上發(fā)布學(xué)習(xí)任務(wù)，導(dǎo)入（Bridgein）課程內(nèi)容，明確培養(yǎng)目標(biāo)（Learning Objective） ，設(shè)計好課前測驗(yàn)（Pre-Test） 或討論，掌握學(xué)生預(yù)習(xí)情況和學(xué)生興趣點(diǎn)；課中（Participatory Learning） 階段，挖掘?qū)W生的興趣和課程思政元素，將其融入課堂案例或者作業(yè)中，通過興趣App小組對應(yīng)任務(wù)點(diǎn)實(shí)操和案例驅(qū)動式教學(xué)，實(shí)現(xiàn)課堂主體環(huán)節(jié)（Participatory Learning） ；課后階段，通過課后測驗(yàn)（Post-Assessment） 和總結(jié)（Sum?mary） 反思課程內(nèi)容，促進(jìn)課程學(xué)習(xí)效果的提升[5]。

2.3 目標(biāo)考核方法

課程成績由平時考核和期末考核構(gòu)成，根據(jù)“新工科”對高校人才培養(yǎng)的要求和OBE理念的產(chǎn)出導(dǎo)向需求，22版大綱修訂了兩項(xiàng)的成績占比，由原來的平時考核30%和期末考核70%修訂為平時考核40%和期末考核60%，并且平時考核由原來的3項(xiàng)改為作業(yè)、實(shí)驗(yàn)、測試和課堂活動。其中，各考核方式與課程目標(biāo)中的支撐權(quán)重關(guān)系如表1所示。同時在評價環(huán)節(jié)采用自評、互評與師評相結(jié)合的多維度考評方式，鍛煉學(xué)生認(rèn)知自我、評價自我、相互學(xué)習(xí)的能力。

2.4 目標(biāo)考核方法

課程成績由平時考核和期末考核構(gòu)成，根據(jù)“新工科”對高校人才培養(yǎng)的要求和OBE理念的產(chǎn)出導(dǎo)向需求，22版大綱修訂了兩項(xiàng)的成績占比，由原來的平時考核30%和期末考核70%修訂為平時考核40%和期末考核60%，并且平時考核由原來的3項(xiàng)改為作業(yè)、實(shí)操、測試和課堂活動。其中，各考核方式與課程目標(biāo)中的支撐權(quán)重關(guān)系如表1所示。同時在評價環(huán)節(jié)加入自評和互評方式，鍛煉學(xué)生認(rèn)知自我、評價自我、相互學(xué)習(xí)的能力。

2.5 目標(biāo)達(dá)成度分析

根據(jù)圖3課程目標(biāo)達(dá)成情況分析，課程目標(biāo)1達(dá)成度偏低，課程目標(biāo)3達(dá)成度最高，分析原因?yàn)檎n程目標(biāo)1考察UI交互設(shè)計的基本概念常用規(guī)范以及在應(yīng)用中選擇合適的組件等能力，在授課過程中偏重理論和規(guī)范，學(xué)生不夠重視，在面對考核中需要從實(shí)際應(yīng)用角度解決問題以及進(jìn)行綜合類題目設(shè)計時，就顯得力不從心，容易丟分的原因，也是考核結(jié)果反饋中該目標(biāo)達(dá)成度不夠理想的主要原因。

3 實(shí)踐教學(xué)中的三段式混合教學(xué)設(shè)計

3.1 ADDIE 模型

美國的Walter Dick和Lou Carey兩位學(xué)者提出的ADDIE模型由5個部分組成，即分析（Analysis） 、 設(shè) 計（Design） 、 開 發(fā)（Development） 、 實(shí) 施（Implementation） 與評價（Evaluation） ，這五個階段之間聯(lián)系緊密且可以隨時互通的特性[7]。

3.2 融合ADDIE 的三段式混合教學(xué)設(shè)計

UI交互設(shè)計實(shí)踐是以完成某個App原型項(xiàng)目為總體要求，結(jié)合ADDIE模型，嘗試采用漸入、展開和深化三個階段的混合式教學(xué)設(shè)計，如圖4所示。

漸入階段，通過課前發(fā)布線上問卷，課題組分析學(xué)生感興趣App類型和學(xué)生交互知識儲備情況，結(jié)合課程目標(biāo)，分析實(shí)踐課程任務(wù)與要求；課題組根據(jù)分析結(jié)果，設(shè)計實(shí)踐項(xiàng)目題目范圍，設(shè)計實(shí)踐項(xiàng)目任務(wù)、要求、指導(dǎo)書和評價標(biāo)準(zhǔn)；展開階段，教師發(fā)布任務(wù)并引導(dǎo)學(xué)生，學(xué)生進(jìn)行項(xiàng)目選擇，組建項(xiàng)目小組并小組分工，進(jìn)行項(xiàng)目可行性及需求分析，確定用戶定位及用戶具體需求，完成場景分析，確定產(chǎn)品架構(gòu)；深化階段，小組成員根據(jù)分工，完成項(xiàng)目原型布局與設(shè)計，進(jìn)行交互邏輯分析，完成交互效果實(shí)現(xiàn)，書寫項(xiàng)目報告，教師須根據(jù)學(xué)生完成情況進(jìn)行適時反饋，挑選優(yōu)秀作業(yè)分享，調(diào)動學(xué)生積極性，挖掘?qū)W生潛力，激發(fā)創(chuàng)造性。每個階段都有指導(dǎo)老師通過現(xiàn)場輔導(dǎo)、調(diào)研、線上問卷等方式進(jìn)行過程性評價。

3.3 目標(biāo)考核方法

實(shí)踐課程考核由過程表現(xiàn)、過程材料考核、實(shí)踐能力考核3部分構(gòu)成，占比分別為20%、30%和50%，各考核方式與課程目標(biāo)中的支撐權(quán)重關(guān)系如表2所示。其中，過程表現(xiàn)主要考核出勤、參與情況和回答問題三方面，過程材料主要考核實(shí)踐項(xiàng)目報告的格式、架構(gòu)和內(nèi)容三個方面，實(shí)踐能力主要考核架構(gòu)布局、交互邏輯、交互效果設(shè)計及實(shí)現(xiàn)三個方面。教師根據(jù)課程目標(biāo)及要求，制定評價標(biāo)準(zhǔn)，其中自評和互評借助學(xué)習(xí)通平臺完成。

3.4 目標(biāo)達(dá)成度分析

UI交互設(shè)計實(shí)踐課程是在理論課程之后進(jìn)行的專周實(shí)踐，通過理論課程對交互理論、交互原則、交互邏輯及常用項(xiàng)目分析等的進(jìn)一步學(xué)習(xí)領(lǐng)會，在實(shí)踐課中的表現(xiàn)有明顯提高，如圖5所示，課程目標(biāo)達(dá)成度均有提高，同時，各課程目標(biāo)達(dá)成度收斂情況明顯，說明學(xué)生整體情況都不錯，雖然達(dá)成度和均值都有明顯提高，但特別優(yōu)秀率的作品不多，說明學(xué)生對知識外延拓展及創(chuàng)新性還有待進(jìn)一步提高。

4 思政元素融入

“新工科”和OBE理念要求課程思政建設(shè)應(yīng)立足新時代，充分挖掘課程所蘊(yùn)含的思政教育元素，以培養(yǎng)德智體美勞全面發(fā)展的人為價值旨?xì)w，以構(gòu)建知識體系教育與思想政治教育有機(jī)融合的發(fā)展路徑為實(shí)踐歸宿[8]。“學(xué)習(xí)強(qiáng)國”App提供的海量豐富知識信息內(nèi)容為高校思想政治理論課教學(xué)創(chuàng)新優(yōu)化提供了新平臺、新契機(jī)[9]，常老師從5個角度，探究“學(xué)習(xí)強(qiáng)國”App在高校思政教育領(lǐng)域的創(chuàng)新[10]。

UI交互設(shè)計課程在教學(xué)設(shè)計環(huán)節(jié)中充分挖掘思政元素，將思政元素融入知識點(diǎn)的案例教學(xué)中，鼓勵學(xué)生下載“學(xué)習(xí)強(qiáng)國”App，引導(dǎo)并帶領(lǐng)學(xué)生分析其板塊劃分、頁面布局、功能設(shè)置、交互邏輯設(shè)計等，將課堂知識點(diǎn)和交互邏輯融入強(qiáng)國App分析中，將常用交互設(shè)計方法融入強(qiáng)國App學(xué)習(xí)應(yīng)用中。比如在設(shè)計動態(tài)面板知識點(diǎn)講授的課程環(huán)節(jié)時，通過“學(xué)習(xí)強(qiáng)國”的學(xué)習(xí)推薦頁面，實(shí)現(xiàn)Banner區(qū)輪播交互效果的講授，在設(shè)計常用函數(shù)實(shí)現(xiàn)頁面左右滑動的交互講授課程環(huán)節(jié)時，通過“學(xué)習(xí)強(qiáng)國”的瀏覽新聞詳情頁面，實(shí)現(xiàn)頁面上下滑動和左右滑動交互效果的講授。將課程思政融入UI交互設(shè)計課程教與學(xué)環(huán)節(jié)中，學(xué)生既能完成交互知識的學(xué)習(xí)，又可以了解“ 學(xué)習(xí)強(qiáng)國”App中的新聞或知識，完成高校思政課程育人“潤物無聲”的效果。

5 結(jié)束語

文章分析了在“新工科”以產(chǎn)出為導(dǎo)向的OBE理念下，根據(jù)專業(yè)培養(yǎng)目標(biāo)，修改課程目標(biāo)，結(jié)合混合式課程的特點(diǎn)，課程組在理論課程中結(jié)合BOPPPS模型，實(shí)施課前、課中和課后三段式的教學(xué)過程，在實(shí)踐課程中結(jié)合ADDIE模型，實(shí)施漸入、展開和深化三個階段的混合式教學(xué)設(shè)計過程。同時，分析了UI交互設(shè)計的理論和實(shí)踐課程的考核方式與課程目標(biāo)中的支撐關(guān)系，通過學(xué)生成績分析了目標(biāo)達(dá)成度情況，研究并探索了完整的三段式混合教學(xué)模式在以產(chǎn)出為導(dǎo)向的UI交互設(shè)計課程中的應(yīng)用情況，取得了不錯的達(dá)成效果，為以后的教學(xué)研究提供了依據(jù)與支撐。

參考文獻(xiàn)：

[1] 常志英，崔維淼.國內(nèi)成果導(dǎo)向教育研究主題及脈絡(luò)演進(jìn)[J].河北大學(xué)學(xué)報（哲學(xué)社會科學(xué)版），2019，44（5）：59-67.

[2] 王金旭，朱正偉，李茂國.成果導(dǎo)向：從認(rèn)證理念到教學(xué)模式[J].中國大學(xué)教學(xué)，2017（6）：77-82.

[3] 董尚昊.步步為贏：交互設(shè)計全流程解析[M].北京：人民郵電出版社，2020.

[4] 劉瑩，林蕙玟.基于CBE教學(xué)模式的“交互設(shè)計原理” 課程模塊化改革與實(shí)踐[J].教育觀察，2020，9（9）：45-48，101.

[5] 李莉，李華.BOPPPS教學(xué)模型在UI交互設(shè)計中的應(yīng)用研究[J].福建電腦，2022，38（1）：36-39.

[6] 劉新燕，王璐，姜璇，等.BOPPPS教學(xué)模式在混合式一流課程建設(shè)中的應(yīng)用探究[J].財經(jīng)高教研究，2022，8（2）：97-111.

[7] 楊秋玲，黃高雨.基于ADDIE模型下高校專創(chuàng)融合課程教學(xué)及考評方法的改革探究[J].四川旅游學(xué)院學(xué)報，2020（5）：1-5.

[8] 黃澤文“. 新工科” 課程思政的時代蘊(yùn)涵與發(fā)展路徑[J].西南大學(xué)學(xué)報（社會科學(xué)版），2021，47（3）：162-168.

[9] 葉婷.基于“學(xué)習(xí)強(qiáng)國” App的高校思政課教學(xué)創(chuàng)新[J].學(xué)校黨建與思想教育，2019（14）：43-45.

[10] 常彥傳.以5W理論探究學(xué)習(xí)強(qiáng)國App在高校思政教育中的應(yīng)用[J].新聞研究導(dǎo)刊，2020，11（18）：51-52.

【通聯(lián)編輯：王 力】