顏 琪，蔣夢(mèng)姣

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

1 緒論

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

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

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

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

2 PBL教學(xué)模式

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

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

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

3 混合制教學(xué)

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

4 課程設(shè)計(jì)

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

4.1 需求調(diào)研

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

4.2 課程準(zhǔn)備

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

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

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

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

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

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

4.3 課程試講

根據(jù)課程準(zhǔn)備的內(nèi)容進(jìn)行試講。本次課程設(shè)計(jì)的教學(xué)對(duì)象為我校2018級(jí)數(shù)據(jù)科學(xué)與大數(shù)據(jù)技術(shù)專業(yè)及大數(shù)據(jù)技術(shù)與應(yīng)用，共計(jì)146人。結(jié)合課堂效果反饋與對(duì)以上3個(gè)行政班級(jí)的學(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)隨時(shí)間增加而減弱，而后又增加的過程，所以應(yīng)該在試講環(huán)節(jié)中了解每一模塊所需的時(shí)間，以達(dá)到更好地調(diào)度課堂氛圍，把控教學(xué)進(jìn)度的目的。例如可以在15-30分鐘加入1-2個(gè)以學(xué)生為中心的互動(dòng)討論環(huán)節(jié)，增強(qiáng)學(xué)生的學(xué)習(xí)興趣，間接提高學(xué)生注意力、關(guān)注度。

4.4 教學(xué)反饋

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

4.5 課程總結(jié)

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

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

5 結(jié)束語

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

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