顏 琪，蔣夢姣

（1.電子科技大學成都學院，四川 成都 611731；2.成都信息工程大學，四川 成都 610225）

1 緒論

傳統(tǒng)的“以教師為中心”的教學過程，給線下課堂中的老師和學生帶來了極大的挑戰(zhàn)，如存在對學生個性化活動關注不足、缺乏師生及時交流與互動，教師灌輸過多，學生參與過少，難以調(diào)動學生的積極性；缺乏企業(yè)真實案例的實踐教學，學生缺乏交付意識，項目交付能力不足，就業(yè)機會少、就業(yè)質(zhì)量低等問題[1]?；诖?，提出結(jié)合PBL模式的線上線下混合制教學方法，該方法旨在提升教學質(zhì)量，幫助學生構(gòu)建屬于自我的知識體系，并轉(zhuǎn)變教師由“傳授學科知識為主”到“發(fā)展學生能力為主”，實現(xiàn)“以學生為中心”的教學理念，培養(yǎng)學生的批判性思維、創(chuàng)意思維、溝通能力、互動力以及社會責任感。傳統(tǒng)教學模式與PBL教學模式下的混合制教學方法對比如圖1所示。

圖1 教學模式對比圖

在不同的課程中，應該針對課程將會涉及的知識和能力，建立不同的課程理論、實驗體系，分析課程教學內(nèi)容和方法，在課程實驗中模擬真實產(chǎn)品開發(fā)和運行過程，實現(xiàn)“做中學”和“學中做”的教學目標。

《UI設計》《交互設計》兩門課程圍繞軟件的人機交互、操作邏輯、界面美觀三方面對軟件的整體設計進行教學。通過UI設計與交互設計，能優(yōu)化人機交互行為，使界面更美觀、個性，還能充分體現(xiàn)軟件的定位和特點。為了讓學生能夠更好地吸收《UI設計》《交互設計》兩門課程的知識，并在教學過程中培養(yǎng)學生的實際動手開發(fā)能力，需要結(jié)合本門課程的特點，改革《UI設計》《交互設計》兩門課程的教學設計[2]。

2 PBL教學模式

PBL是Project Based Learning的簡稱，即基于項目的學習。與傳統(tǒng)的“以教師為中心”的教學模式不同，PBL是“以學生為主體”的教學模式，是以學生以小組討論的形式，在輔導教師的參與和引導下，圍繞某一復雜的、多場景的、基于實際問題的專題進行問題的提出、討論和學習的過程，其核心是以問題為中心，以學生討論為主體，教師是引導者。強調(diào)培養(yǎng)學生的自學能力、實踐能力、團隊合作精神，設計理念體現(xiàn)了以人為本的先進教育思想。

PBL項目是應用型大學、職業(yè)高等教育為載體的數(shù)字化市場項目，是人才培養(yǎng)的載體，是培養(yǎng)交付能力的基石。通過真實項目的PBL教學，將使學生的學習具備探索性、主動性、問題性和參與性，間接激發(fā)學生的學習興趣，培養(yǎng)綜合思考和解決問題的能力，并向市場輸送具備項目交付能力的實用型技術人才。

基于PBL教學模式的線上線下混合制教學方法，在課程設計時應充分結(jié)合商業(yè)項目中的內(nèi)容，分模塊講解，增加學生的對真實項目的業(yè)務理解。融入以問題為導向的原理性知識、方法與經(jīng)驗，實驗部分融入以完整案例為背景的項目實戰(zhàn)，以小案例+大案例的方式幫助學生了解UI設計/UI設計的每一步驟應如何完成。并完成學生的角色分工與任務下發(fā)，在項目周期內(nèi)指導學生完成項目實戰(zhàn)，這將改善傳統(tǒng)教學模式中的理論與實驗分離的現(xiàn)狀；融入實際案例開發(fā)，將增加學生未入公司，便參與項目制作并擁有項目經(jīng)驗，從而能夠增加學生的就業(yè)質(zhì)量，其次，能讓學生提前進入工作狀態(tài)，了解公司的角色分工及業(yè)務流程。

3 混合制教學

混合式教學在國內(nèi)外已經(jīng)歷近三十年的發(fā)展，逐步成為未來教育的“新常態(tài)”。目前，國內(nèi)高校開展混合式教學的形式主要包括兩大類，即基于慕課（MOOCs）開展的混合式教學和基于其他在線教學資源開展的混合式教學。作為一種新型的教學方式，混合式教學反映了教學理念與范式的轉(zhuǎn)變。在“Everything in network”背景下，“互聯(lián)網(wǎng)+教育”提出創(chuàng)新人才培養(yǎng)，定制化與個性化人才培養(yǎng)，教育教學的改革都在呼喚線上線下混合式教學培養(yǎng)個性化人才。這種方式促發(fā)傳統(tǒng)“以教師為中心”教學方式轉(zhuǎn)變?yōu)椤耙詫W生為中心”。

4 課程設計

課程設計應該包含需求調(diào)研、課程準備、課程試講、教學反饋、課程總結(jié)五個環(huán)節(jié)。下文將會根據(jù)《UI設計》《交互設計》兩門課程，進行基于PBL教學模式的課程設計分析。

4.1 需求調(diào)研

分析學生的學習行為偏好及典型特征。尋找最適合學生的學習方式，以讓學生接受度最高的信息呈現(xiàn)方式進行教學，從而增強學生的學習興趣與效率。了解課程對象、學習現(xiàn)狀、期望等需求，例如《UI設計》《交互設計》課程面向大二本科學生，大部分學生難以忍受課堂“灌輸式”教學，注意力集中時間短，喜歡小組合作學習，愛分享，喜歡打字不喜歡手寫等。基于上述分析，在課堂實際環(huán)節(jié)中應該避免一味的講解知識點，多以案例研討的方式進行合作探索學習，并以演講的方式進行學習分享。

分析課程性質(zhì)與崗位需求?！禪I設計》《交互設計》兩門實踐性較強，且前期已開設《網(wǎng)頁設計》《JavaScript》，同期將開設《數(shù)據(jù)可視化》等課程，在教學環(huán)節(jié)中應更加注重實驗環(huán)節(jié)、操作能力的教學。通過調(diào)研互聯(lián)網(wǎng)行業(yè)的相關企業(yè)，發(fā)現(xiàn)UI設計技術主要與用戶界面設計師、美術工程師、前端設計師、交互設計師、用戶體驗設計師等工作崗位接軌。根據(jù)這些工作的崗位需求與開發(fā)過程的分析，可將《UI設計》、《交互設計》兩門課程實驗分為8個階段，每個階段對應一項崗位技能。

《UI設計》課程設計如下：

第一階段為UI設計基礎。包括UI設計的相關概念、色彩搭配技巧、設計原則、設計風格，共2學時。通過該階段的學習，學生能夠完成色彩搭配及不同風格的UI設計。

第二階段為UI設計中的基本視覺元素。包括軟件開發(fā)流程、圖標設計、按鈕設計、菜單設計、工具欄設計、標簽設計、滾動條設計和狀態(tài)欄設計，共2學時。通過該階段的學習，學生能夠完成不同界面元素的設計與實現(xiàn)。

第三階段為交互設計原則。包括人機交互發(fā)展歷程與尼爾森十大交互原則，共1學時。通過該階段的學習，學生能夠優(yōu)化用戶界面的設計。

第四階段為應用軟件界面設計。包括應用軟件界面的設計基礎、設計要點、設計類型、設計風格、設計規(guī)范，共6學時。通過該階段的學習，學生能夠完成應用軟件的界面設計。

第五階段為移動APP界面設計。包括移動APP界面的設計基礎、設計趨勢、設計流程、配色原則、IOS及Android系統(tǒng)界面的設計規(guī)范與設計基礎，共7學時。通過該階段的學習，學生能夠完成移動APP的界面設計。

第六階段為網(wǎng)頁界面設計。包括網(wǎng)頁界面的設計基礎、視覺導向性、設計原則、設計方法、設計風格，共7學時。通過該階段的學習，學生能夠完成網(wǎng)頁的界面設計。

第七階段為播放器界面設計。包括播放器界面的設計特點、個性化設計、設計原則，共6學時。通過該階段的學習，學生能夠完成播放器的界面設計。

第八階段為游戲界面設計。包括游戲界面的設計基礎、設計流程、設計類型，共6學時。通過該階段的學習，學生能夠完成游戲的界面設計。

《交互設計》課程設計如下：

第一階段為交互設計基礎。包括交互設計的相關概念、設計原則等，共2學時。通過該階段的學習，學生能夠構(gòu)建交互設計與其他設計領域的鏈接。

第三階段為交互設計原則。包括人機交互發(fā)展歷程與尼爾森十大交互原則，共2學時。通過該階段的學習，學生能夠優(yōu)化用戶界面的設計。

第四階段為信息架構(gòu)。包括信息架構(gòu)的核心、目標及不同類型的軟件架構(gòu)實例及分析方法，共4學時。通過該階段的學習，學生能夠使用合適的方法及工具完成軟件信息架構(gòu)的梳理。

第五階段為交互原型設計。包括移動APP端低保真交互原型的設計及制作，共6學時。通過該階段的學習，學生能夠完成移動APP的原型設計。

第六階段為微交互設計。包括微交互的使用場景、動效設計的案例分析，共4學時。通過該階段的學習，學生能夠完成軟件的微交互設計及動效設計。

第七階段為過渡動畫及手勢設計。包括界面交互手勢、應用前景、過渡動畫及高保真原型設計。通過該階段的學習，學生能夠完成移動APP端高保真交互原型的設計及制作，共8學時。

4.2 課程準備

有針對性的進行課程內(nèi)容準備。準備環(huán)節(jié)應分為三個部分：素材準備、教學設計與資源優(yōu)化。

素材準備環(huán)節(jié)應該完成章節(jié)標題擬定、章節(jié)內(nèi)容分析、目標撰寫、素材搜集。擬定有趣、生動的標題，并對內(nèi)容進行分析，按照SMART原則（Specific、Measurable、Attainable、Relevant、Time-bound）設定小而清晰的目標。通過拆分的方式，將新概念、新知識變成更小的部分，逐一學習。撰寫目標，定義教學對象、說明課程后續(xù)情況并制定標準。搜集教學素材并進行整理，素材可包括分析報告、研究現(xiàn)狀、熱門觀點、調(diào)研結(jié)果、視頻圖片、實踐案例等。在軟件方面，應該完成課程教學模式的設計、課程資源建設與課程學習評價；在硬件方面，應該完成教室布局、現(xiàn)代教學設備準備、學習場所的設定。

教學設計環(huán)節(jié)應該完成結(jié)構(gòu)搭建、課程大綱制作、教學流程創(chuàng)新與教學方法設計。應反復分析并調(diào)整課程內(nèi)容，以90分鐘為一個模塊，將課程內(nèi)容進行分解，根據(jù)內(nèi)容的難易程度進行合理的排列組合，利用思維導圖，把每一模塊的各級主題或者核心關鍵字進行層級連接。

資源優(yōu)化環(huán)節(jié)應該完成課件美化、課件包準備等環(huán)節(jié)。根據(jù)課程對象，尋找合適的模板表現(xiàn)課程內(nèi)容，并形成課件包，其中課件包應包括PPT課件、教師手冊、學生手冊等素材。

秀容月明聽了一陣子，就明白怎么回事了。守桂州的將軍叫叢時敏，因胡人打過來，朝廷另撥人馬歸他指揮，他說，現(xiàn)在人多，營寨不夠住的，我們干脆住百姓家吧。他自己帶頭，搬到桂州最有錢的人家去了。手下將吏紛紛仿效，都揀有錢人家去住。像小都統(tǒng)這樣的軍吏，只有住尋常百姓家。這些將吏住人家，不僅要好酒好菜侍候，付給數(shù)目不等的錢財，隔三差五的，還要把妓女請來，供他們享樂。侍候不周，將吏就打人，砸東西，就是殺了人，叢時敏也不追究。

在實際教學過程中，再次分析學生學習狀態(tài)、課程性質(zhì)、課程目的、課前預習情況、課程重點、課程難點及可能出現(xiàn)的問題等。

4.3 課程試講

根據(jù)課程準備的內(nèi)容進行試講。本次課程設計的教學對象為我校2018級數(shù)據(jù)科學與大數(shù)據(jù)技術專業(yè)及大數(shù)據(jù)技術與應用，共計146人。結(jié)合課堂效果反饋與對以上3個行政班級的學生調(diào)研，分析得出以下數(shù)據(jù)：以45分鐘的課堂為例，在課堂開始后的0-15分鐘，學生注意力、關注力集中程度較高；在15-30分鐘，65.7%的學生注意力、關注力集中程度呈現(xiàn)明顯降低，出現(xiàn)開小差、走神、聊天等情況；在30-45分鐘，學生注意力、關注力集中程度呈現(xiàn)明顯回升。學生課堂集中度變化示意圖如2所示。

根據(jù)以上數(shù)據(jù)，可以得出結(jié)論：學生的注意力、關注度在課堂內(nèi)的變化呈現(xiàn)隨時間增加而減弱，而后又增加的過程，所以應該在試講環(huán)節(jié)中了解每一模塊所需的時間，以達到更好地調(diào)度課堂氛圍，把控教學進度的目的。例如可以在15-30分鐘加入1-2個以學生為中心的互動討論環(huán)節(jié)，增強學生的學習興趣，間接提高學生注意力、關注度。

4.4 教學反饋

在試講之后，根據(jù)反饋結(jié)果對時間安排、知識點順序、活動等再次進行調(diào)整。繪制學習心電圖，根據(jù)學生的上課的心理變化動態(tài)調(diào)整授課方法、授課內(nèi)容，從而合理規(guī)劃課程節(jié)奏、有效控制時間、增強互動有效度與參與度。

4.5 課程總結(jié)

對課程設計和實際教學進行總結(jié)和回顧。全面的、系統(tǒng)的檢查、評價這次課程設計，回顧在實際教學中遇到的問題、分析課程設計的不足之處，總結(jié)得出經(jīng)驗，為下次更好的教學做好準備。

反思整個課程設計環(huán)節(jié)，回顧課程選題是否實用，是否能夠解決課程的實際問題；課程結(jié)構(gòu)是否嚴謹，課程內(nèi)容是否實用；是否運用多種案例、數(shù)據(jù)，論證充分，有說服力；是否運用了多種教學方法；是否有效評估課程目標；課件是否美觀大方、風格是否適合課程內(nèi)容；是否為未來的實際工作有一定啟發(fā)幫助。

5 結(jié)束語

《UI設計》《交互設計》兩門課程將PBL教學模式有機地融入課程教學中，改變了以往實驗與理論內(nèi)容相互獨立，依存度不高的設計思路。《UI設計》《交互設計》兩門課程由大量小規(guī)模實踐項目組成，通過團隊合作、自主學習和演講答辯的形式，達到鞏固基礎知識、加強專業(yè)應用、發(fā)展創(chuàng)新思維、培養(yǎng)職業(yè)道德的目的。

在基于PBL的教學模式下，能夠較好地提升學生學習興趣與主動性，在參與構(gòu)思、設計、實現(xiàn)、運行的環(huán)節(jié)中，豐富了學生的項目開發(fā)經(jīng)驗，增強了學生的項目思維和解決問題的能力，為今后學生從事設計開發(fā)類工作提供了一個良好的開端。