顏 琪，蔣夢姣

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

1 緒論

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

圖1 教學(xué)模式對比圖

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

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

2 PBL教學(xué)模式

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

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

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

3 混合制教學(xué)

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

4 課程設(shè)計

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

4.1 需求調(diào)研

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

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

《UI設(shè)計》課程設(shè)計如下：

第一階段為UI設(shè)計基礎(chǔ)。包括UI設(shè)計的相關(guān)概念、色彩搭配技巧、設(shè)計原則、設(shè)計風格，共2學(xué)時。通過該階段的學(xué)習(xí)，學(xué)生能夠完成色彩搭配及不同風格的UI設(shè)計。

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

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

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

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

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

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

第八階段為游戲界面設(shè)計。包括游戲界面的設(shè)計基礎(chǔ)、設(shè)計流程、設(shè)計類型，共6學(xué)時。通過該階段的學(xué)習(xí)，學(xué)生能夠完成游戲的界面設(shè)計。

《交互設(shè)計》課程設(shè)計如下：

第一階段為交互設(shè)計基礎(chǔ)。包括交互設(shè)計的相關(guān)概念、設(shè)計原則等，共2學(xué)時。通過該階段的學(xué)習(xí)，學(xué)生能夠構(gòu)建交互設(shè)計與其他設(shè)計領(lǐng)域的鏈接。

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

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

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

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

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

4.2 課程準備

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

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

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

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

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

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

4.3 課程試講

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

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

4.4 教學(xué)反饋

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

4.5 課程總結(jié)

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

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

5 結(jié)束語

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

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