基于OBE理念的UI設計課程教學創新設計

何惠倩 孫煒 何媛 董業子

［摘 要］為推動基于OBE理念的課堂教學實踐，適應新藝科建設對設計藝術學本科生提出的能力培養新要求，項目組以教學成果為導向，探討了聯合線上資源和線下授課的混合式教學模式改革，從教學對象、教學目標、教學策略等方面探究UI設計課程知識體系的整合與構建，設計了教賽融合、產教融合的項目式課堂教學內容，構建了動態評價考核體系。該教學模式使學生能獨立完成UI整體項目設計，有效提高了學生的設計能力、邏輯思維能力及課程目標的達成度。

［關鍵詞］成果導向教育；混合式教學；UI設計；動態評價考核；新藝科

［中圖分類號］ G642.0 ［文獻標識碼］ A ［文章編號］ 2095-3437（2023）09-0062-05

基于成果導向的OBE（Outcome?based Education）教育理念是由斯派狄等人提出的，強調制訂可觀測、可達成、可教、可學的課程目標，依據教學目標反向牽引教學力量、課程內容和教學設計，聚焦學生能力的培養，并堅信學生通過彈性化、個性化、多元化學習可以取得成功[1-2]。OBE理念應用領域很廣泛，例如工程教育、包裝設計、程序設計、“精益”教學、課程考核與評價等。楊慧等[3]將OBE理念運用于空間分析與建模課程中，提出教學創新設計過程中需秉承“成果驅動、實踐取向、情感融合、知行合一”的教育理念。周威等[4]將OBE理念應用于包裝設計課程教學改革中，提出解構課程教學內容、強化設計實踐訓練、改進課程考核方法的教學實施方案。劉巍巍等[5]基于成果導向從教學模式的精簡、教學資源的利用率、課程體系的系統性及學習的達成度4個方面研究了“精益”教學模式。張紹芳[6]將OBE理念應用于創新高校教育管理模式，以完善其評價體系，提質增效。

好的UI設計不僅可以提升產品的美感和個性，還能讓用戶操作更為便捷，貼合用戶的使用習慣[7]。考慮到課程時間的有限性、App應用的廣泛性和市場需求的迫切性，項目組以App設計項目為例，結合OBE理念對UI設計課程進行詳細剖析。UI設計課程較難掌握和理解的部分包括用戶研究、市場研究、用戶體驗旅程圖及功能架構的輸出，這些正是對學生的系統思維和邏輯思維的全方位考驗。

UI設計課程是設計藝術學專業的核心課程，課程體系復雜，綜合性和實踐性強，知識涵蓋范圍廣，包括市場調研、競品分析、用戶畫像、用戶體驗旅程圖、設計構思、信息架構、交互原型、視覺設計等。課程目標在于使學生掌握UI設計課程專業理論知識，能熟練運用人機工程學原理、認知心理學、交互性原理和設計藝術學原理等理論知識對UI設計進行分析、創新和評估[8]。傳統的UI設計課程教學在培養學生設計能力和邏輯思維能力上存在不足。

一、OBE理念在UI設計課程中的應用

（一）教學目標反向設計

傳統教學中課程目標的設定通常以教材規定的目標和教學設計大綱為主[3]，重知識輕能力，與當前設計類專業中重實踐的理念相悖。OBE理念強調從學生的學習成果和能力達成出發，反向設計教學目標。

UI設計能力分為初級、中級、高級。初級能力是UI設計的基礎。首先，學生需要具備信息檢索能力，能檢索相關文獻、探尋優秀UI設計案例及分析市場現狀，并對特定的App進行市場調研，洞察市場需求和用戶需求，通過數據分析產出設計機會點，這屬于初級能力。其次，提出設計概念并進行設計構思和設計實踐，具備良好的邏輯分析能力和審美能力以判斷設計實踐作品的可行性、美觀性、可用性等，這屬于中級能力。最后，具備設計創意思維能力，這屬于高級能力，需要經過長期的積累和實踐才能實現能力的達成。

根據能力目標及UI設計課程的特點，項目組將課程的總體目標設定為“能夠獨立完成App設計”，采用成果導向理念反向設計相應的教學目標，細化課程內容，使學生通過對UI設計課程的學習獲取相應的能力，具體如表1所示。

（二）教學方案設計

傳統教學過程中，教學方案一般根據學周來規劃學生每周需要學習的內容，而基于OBE理念的UI設計課程教學根據內容模塊的難易程度合理調整了學習時長。

1.傳統UI設計課程存在的問題

傳統UI設計課程存在教學內容無法展現最新的交互設計流行趨勢，課程教學重視覺、輕邏輯，教師在講授過程中以軟件技能和界面視覺為主，對前期調研、需求挖掘和產品定位等知識不夠重視等情況，導致部分學生設計的作品雖美觀但不符合用戶的使用習慣，出現界面煩瑣、交互不順暢、界面跳轉與用戶預期不符等問題。此外，部分高校在培養UI設計人才時存在教學模式創新性不足，課程內容簡單、挑戰度不高，考核方式單一、重結果輕過程等問題[9]。

2.新藝科背景下教學模式的重構

新藝科是指藝術學科與其他學科交叉融合而產生的新的藝科專業[10]。在新藝科背景下，設計藝術學專業要有中國特色、國際視野、新突破。項目組在課堂中融入“四新”教育理念，強化開放思維與復合思維，提高服務意識和美學價值[11]。在課程安排方面，以成果為導向，將學科知識體系進行模塊化劃分，采取問題驅動式教學設計，提高學生學習目標的達成度[5]。具體措施如下：

（1）教學思路創新設計。UI設計課程中，教師不僅要教授學生手機界面設計知識，還要拓展講授網頁設計、智能終端界面、智能產品等內容，指導學生從圖形、色彩、布局和字體等方面展開創意構思，設計出精美且實用的界面。

（2）課程內容模塊化設置。UI設計在教學內容模塊劃分時遵循形式追隨功能的原則，在保證界面的可用性、可行性和易用性的基礎上，美化界面。在課程中，指導學生進行用戶研究，并結合人機工程學和用戶的行為習慣，找出設計痛點和設計機會點，再進行功能結構的布局和界面設計。教師布置的作業應環環相扣，瞄準最終設計目標，建立UI設計課程體系。教學內容模塊劃分如表2所示。

（3）教學模式人性化設計。UI設計課程教學時長與培養方案要求的學時保持一致，共48學時，12周，每周4學時。教師借助線上平臺完成對基礎知識的講解和設計工具的教學，根據教學任務篩選與教學內容相關的線上平臺資源，并將其發送給學生，線上學習時長通常在30分鐘左右。線下采用研討式和任務驅動式教學，教師根據教學計劃梳理課程知識，講評學生作業和相關案例。

（4）教學評價采用雙向考核機制。教學評價采用教師和學生為主的雙向考核機制。從知識、能力、素質三個維度進行考核。評價方式與考核內容、課程目標相對應[2]。

（三）具體實施方法

1.確定課程目標

圍繞新藝科對設計藝術學專業提出的新要求，項目組將UI設計課程目標分為“知識、能力、素質”，具體設定如下：

（1）知識目標。掌握UI設計原則和設計方法，熟悉常見的界面設計尺寸、大小、顏色等規范。

（2）能力目標。靈活運用用戶研究和市場研究專業知識科學挖掘用戶需求，善于發現問題，洞察市場趨勢。啟發學生的設計思維，提升學生解決實際問題的能力。

（3）素質目標。獨立思考問題，辯證看待事物。培養學生的創新意識和工匠精神，使學生能獨立完成界面設計并不斷更迭完善設計作品。

UI設計課程授課形式、實施方式及內容如表3所示。

2.結合任務驅動法，開展教學工作

在課程正式開始前，教師將UI設計基礎知識及設計案例發布給學生，啟發學生思考，讓學生查閱資料，研究案例，參考設計流程，自主確定設計主題，提出設計需要解決的問題及產品需求。結合任務驅動法，將整個項目拆解成多個模塊，隨著教學的推進，使學生能掌握所有模塊的基礎知識并運用于設計實踐中。根據學生的興趣、能力不同，采用動態化、彈性化培養模式，每個模塊均設定目標完成度和加分項，給予學生更大的發展空間。同時，將辯證思維和創新知識融入課程模塊中，培養學生的綜合素質，突出課程的高階性。

3.明確考核層級

傳統考核方式是期末成績和平時成績分別占70%和30%，學生的每次作業和出勤率都會影響其最終成績。而OBE理念重點關注學生的最終學習成果，根據學生的整體項目設計所呈現的視覺效果對平時成績進行了動態調整。學生期末作業評分維度、計分標準及比例分配如表4所示。

二、實踐效果及課程評價

通過對兩個班106名學生進行教學改革實踐，這些學生期末成績基本達到良好以上，教學效果顯著。課程評價結果顯示，學生更喜歡新的教學模式。

在OBE的教學模式中，教師給予了基礎較為薄弱的學生充分的時間查閱資料，開展查漏補缺，提高了學生的設計思維能力。而基礎較好的學生可以根據自己的學習能力和設計水平加快學習進度。這種彈性學習方式有利于因材施教，使不同層次的學生能夠在規定的時間內完成學習任務。在學習反思過程中，大部分學生認為需要提高匯報表達能力和邏輯思維能力。

（一）課程產出形式

在UI設計課程中，要求學生每人提交一份App或小程序設計報告書，報告書以學生能力目標和教學模塊為導向，包含問卷調查、用戶體驗旅程圖、用戶畫像、競品分析、信息架構設計、原型設計、視覺設計、設計規范和可用性測試，展示App或小程序從無到有的設計過程。

（二）課程評價和實踐效果

課程評價是一項全面性工程，評價指標體系的建立直接影響到評價結果的科學性。根據課程內容，本文將UI設計課程評價體系分為用戶研究、市場研究、交互原型、視覺設計、測試迭代和匯報評價共6個模塊，分別設置問題并計算評價結果。

項目組對兩個班共90名學生開展了自我檢測調查，調查結果如表5所示。

根據問卷結果可知，在用戶研究模塊，大部分學生能熟練設置調研問卷，精準找到調研對象，挖掘用戶需求，進而輸出用戶畫像。在市場研究模塊，學生運用用戶體驗五要素和SWOT分析競品的能力還需要進一步加強。在交互原型模塊，多數學生能較好掌握信息架構圖設計和原型圖設計，但是可行性測試能力還需要進一步加強。在視覺設計階段，學生的綜合能力，包括色彩、圖標、按鈕、布局等，還需要進一步提高，視覺設計規范還需要繼續完善。在測試迭代階段，部分學生對李克特量表和SUS量表的理解不夠深刻，并且數據運算存在一定的困難，教師需對這一模塊知識進行補充和深入講解。在匯報評價方面，模擬學生畢業答辯場景，大部分學生能在教師規定的4分鐘內完成App或者小程序項目設計匯報，但在匯報過程中存在擬聲詞過多、緊張、缺少互動和眼神交流等現象，后期需對學生的設計匯報表達技巧進行培訓。

總體而言，UI設計課程是一門培養學生綜合能力的課程，經過48學時的學習，學生能夠輸出完整的設計作品，了解UI設計項目流程，掌握用戶研究、市場調研、數據分析、項目評估等方法，設計實踐能力得到了提高。同時，近一半學生的設計主題屬于原創設計，從無到有的設計培養了學生全面發展的能力。UI設計課程的學習和完整作品的輸出為學生未來的求職或升學奠定了堅實基礎。

三、結語

UI設計課程應以應用實踐和社會需求為導向，緊跟設計潮流趨勢，鼓勵學生自主創新設計主題或改良現有的交互界面，嘗試不同的設計風格，提高設計實踐能力。基于OBE教育理念，項目組結合藝術設計學專業畢業要求和課程目標，開展了多維度考核，并根據學生的不同層次，給予學生更多的成長和發展空間。通過課程體系的構建，使學生最終獲得的能力結構與課程體系相對應。開展成果反向設計，構建科學培養體系，使學生能及時了解市場需求和行業需求。有針對性地培養學生的職業能力，提高教學質量。

［ 參 考 文 獻 ］

[1] 肖鵬，葛淵崢，郝雪. OBE+CIPP課堂評估模式探究[J].高等工程教育研究，2021（6）：176-182.

[2] 田騰飛，劉任露.OBE認證理念下師范類專業的課程建設[J].華南師范大學學報（社會科學版），2022（1）：41-52.

[3] 楊慧，閆兆進，慈慧，等.OBE驅動的工程教育課程教學創新設計[J].高等工程教育研究，2022（2）：150-154.

[4] 周威，周頤.包裝設計課程教學改革與創新實踐[J].包裝工程，2021，42（S1）：261-266.

[5] 劉巍巍，丁子健，王海軍.成果導向下“精益”教學模式的構建與實踐[J].高等工程教育研究，2022（1）：169-174.

[6] 張紹芳.基于OBE理念的高校學生教育管理工作改進研究[J].教育理論與實踐，2022，42（9）：19-21.

[7] 呂君可.基于學習通的UI設計課程BOPPPS教學模式應用[J].計算機教育，2021（5）：105-108.

[8] 劉文潔.基于OBE和翻轉課堂的人機界面設計課程教學改革[J].計算機教育，2021（6）：171-174.

[9] 《全國普通高校本科教育教學質量報告（2018 年度）》編委會.全國普通高校本科教育教學質量報告：2018 年度[M].北京：高等教育出版社，2019.

[10]陳東生.論新藝科建設背景下藝術技術應用型人才培養[J].東華大學學報（社會科學版），2019，19（3）：287-292.

[11]潘魯生.關于“新藝科”建設的思考[J].大學與學科，2022，3（1）：48-54.

［責任編輯：蘇祎穎］