OBE 理念下混合式教學模式在UI 交互設計課程中的應用探索

李莉 盧靜

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

關鍵詞：OBE；三段式混合教學模式；BOPPPS教學模型；ADDIE教學模型；成果導向

中圖分類號： TP391 文獻標識碼：A

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

0 引言

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

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

1 課程目標與畢業要求的支撐關系

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

2 理論教學中的三段式混合教學設計

2.1 BOPPPS 模型

BOPPPS是近幾年混合式教學中常見的以教學目標為導向、以學生為中心的教學模式，包含導言（Bridge-in） 、目標（Outcome） 、前測（Pre-test） 、參與式學習（Participation） 、后測（Post-test） 和總結（Summary） 六個環節的教學設計方法[6]。BOPPPS目標是激發學生的學習興趣，提高學生自主學習、獨立思考、分析解決問題的能力，培養學生創新意識和靈活應用知識解決專業領域問題的能力，提高學生綜合素質。

2.2 融合BOPPPS 的三段式混合教學設計

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

課前階段，通過線上發布學習任務，導入（Bridgein）課程內容，明確培養目標（Learning Objective） ，設計好課前測驗（Pre-Test） 或討論，掌握學生預習情況和學生興趣點；課中（Participatory Learning） 階段，挖掘學生的興趣和課程思政元素，將其融入課堂案例或者作業中，通過興趣App小組對應任務點實操和案例驅動式教學，實現課堂主體環節（Participatory Learning） ；課后階段，通過課后測驗（Post-Assessment） 和總結（Sum?mary） 反思課程內容，促進課程學習效果的提升[5]。

2.3 目標考核方法

課程成績由平時考核和期末考核構成，根據“新工科”對高校人才培養的要求和OBE理念的產出導向需求，22版大綱修訂了兩項的成績占比，由原來的平時考核30%和期末考核70%修訂為平時考核40%和期末考核60%，并且平時考核由原來的3項改為作業、實驗、測試和課堂活動。其中，各考核方式與課程目標中的支撐權重關系如表1所示。同時在評價環節采用自評、互評與師評相結合的多維度考評方式，鍛煉學生認知自我、評價自我、相互學習的能力。

2.4 目標考核方法

課程成績由平時考核和期末考核構成，根據“新工科”對高校人才培養的要求和OBE理念的產出導向需求，22版大綱修訂了兩項的成績占比，由原來的平時考核30%和期末考核70%修訂為平時考核40%和期末考核60%，并且平時考核由原來的3項改為作業、實操、測試和課堂活動。其中，各考核方式與課程目標中的支撐權重關系如表1所示。同時在評價環節加入自評和互評方式，鍛煉學生認知自我、評價自我、相互學習的能力。

2.5 目標達成度分析

根據圖3課程目標達成情況分析，課程目標1達成度偏低，課程目標3達成度最高，分析原因為課程目標1考察UI交互設計的基本概念常用規范以及在應用中選擇合適的組件等能力，在授課過程中偏重理論和規范，學生不夠重視，在面對考核中需要從實際應用角度解決問題以及進行綜合類題目設計時，就顯得力不從心，容易丟分的原因，也是考核結果反饋中該目標達成度不夠理想的主要原因。

3 實踐教學中的三段式混合教學設計

3.1 ADDIE 模型

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

3.2 融合ADDIE 的三段式混合教學設計

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

漸入階段，通過課前發布線上問卷，課題組分析學生感興趣App類型和學生交互知識儲備情況，結合課程目標，分析實踐課程任務與要求；課題組根據分析結果，設計實踐項目題目范圍，設計實踐項目任務、要求、指導書和評價標準；展開階段，教師發布任務并引導學生，學生進行項目選擇，組建項目小組并小組分工，進行項目可行性及需求分析，確定用戶定位及用戶具體需求，完成場景分析，確定產品架構；深化階段，小組成員根據分工，完成項目原型布局與設計，進行交互邏輯分析，完成交互效果實現，書寫項目報告，教師須根據學生完成情況進行適時反饋，挑選優秀作業分享，調動學生積極性，挖掘學生潛力，激發創造性。每個階段都有指導老師通過現場輔導、調研、線上問卷等方式進行過程性評價。

3.3 目標考核方法

實踐課程考核由過程表現、過程材料考核、實踐能力考核3部分構成，占比分別為20%、30%和50%，各考核方式與課程目標中的支撐權重關系如表2所示。其中，過程表現主要考核出勤、參與情況和回答問題三方面，過程材料主要考核實踐項目報告的格式、架構和內容三個方面，實踐能力主要考核架構布局、交互邏輯、交互效果設計及實現三個方面。教師根據課程目標及要求，制定評價標準，其中自評和互評借助學習通平臺完成。

3.4 目標達成度分析

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

4 思政元素融入

“新工科”和OBE理念要求課程思政建設應立足新時代，充分挖掘課程所蘊含的思政教育元素，以培養德智體美勞全面發展的人為價值旨歸，以構建知識體系教育與思想政治教育有機融合的發展路徑為實踐歸宿[8]?！皩W習強國”App提供的海量豐富知識信息內容為高校思想政治理論課教學創新優化提供了新平臺、新契機[9]，常老師從5個角度，探究“學習強國”App在高校思政教育領域的創新[10]。

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

5 結束語

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

參考文獻：

[1] 常志英，崔維淼.國內成果導向教育研究主題及脈絡演進[J].河北大學學報（哲學社會科學版），2019，44（5）：59-67.

[2] 王金旭，朱正偉，李茂國.成果導向：從認證理念到教學模式[J].中國大學教學，2017（6）：77-82.

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

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

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

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

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

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

[9] 葉婷.基于“學習強國” App的高校思政課教學創新[J].學校黨建與思想教育，2019（14）：43-45.

[10] 常彥傳.以5W理論探究學習強國App在高校思政教育中的應用[J].新聞研究導刊，2020，11（18）：51-52.

【通聯編輯：王 力】