項(xiàng)目式教學(xué)法在高職院校界面設(shè)計(jì)與制作課程中的實(shí)證研究

鄧卉

（湖南科技職業(yè)學(xué)院，湖南長沙 410004）

一、《界面設(shè)計(jì)與制作》課程教學(xué)存在的問題

《界面設(shè)計(jì)與制作》是一門高職院校電子信息類專業(yè)的重要課程，它的知識(shí)面非常廣泛，不僅包括軟件操作環(huán)節(jié)還包括設(shè)計(jì)實(shí)踐環(huán)節(jié)。全國各大高校和培訓(xùn)機(jī)構(gòu)也都先后開設(shè)了這門課程。經(jīng)過多年的教學(xué)實(shí)踐與優(yōu)化，教師們紛紛將交互設(shè)計(jì)與用戶體驗(yàn)等前沿學(xué)科融入課堂教學(xué)，近年來，國際市場的技術(shù)更新與中國“互聯(lián)網(wǎng)+”國家戰(zhàn)略的提出，使當(dāng)代界面設(shè)計(jì)與制作不只局限于單純的信息傳遞，滿足用戶的一般使用需求，而且還需關(guān)注更加廣闊的空間[1]。目前，《界面設(shè)計(jì)與制作》課程的教學(xué)目前存在以下幾個(gè)問題。

第一，學(xué)生學(xué)情復(fù)雜：從學(xué)情的角度來看，“以學(xué)定教”是高校教師的共識(shí)。目前多數(shù)高職院校的移動(dòng)應(yīng)用開發(fā)專業(yè)、數(shù)字媒體設(shè)計(jì)專業(yè)、軟件技術(shù)專業(yè)、電子商務(wù)專業(yè)等都開設(shè)了《界面設(shè)計(jì)與制作》課程，生源類型涵蓋了文、理、藝以及中專對(duì)口升學(xué)這幾類，學(xué)生的知識(shí)背景不同、學(xué)習(xí)習(xí)慣不同、知識(shí)技能的掌握程度也存在差異，需要對(duì)現(xiàn)有統(tǒng)一化教學(xué)進(jìn)行改進(jìn)，以適應(yīng)不同類型學(xué)生學(xué)習(xí)的需求。

第二，師資結(jié)構(gòu)不合理：高職院校教師需要在課堂實(shí)踐環(huán)節(jié)根據(jù)對(duì)具體學(xué)情的診斷而指導(dǎo)改進(jìn)學(xué)生的項(xiàng)目任務(wù)。但目前，專職教師在教學(xué)研究、教學(xué)設(shè)計(jì)、教學(xué)方法和教學(xué)管理方面經(jīng)驗(yàn)豐富，但缺乏項(xiàng)目經(jīng)驗(yàn)，導(dǎo)致組織好課堂實(shí)踐教學(xué)的難度較大；企業(yè)兼職教師的社會(huì)屬性很難讓他們專注于學(xué)校教學(xué)研究。在實(shí)際教學(xué)中，專兼職教師并不能同時(shí)承擔(dān)同一班的教學(xué)任務(wù)，學(xué)生只能機(jī)械地記憶行家經(jīng)驗(yàn)，無法在課堂教學(xué)中深入探知界面設(shè)計(jì)的行業(yè)規(guī)律?！督缑嬖O(shè)計(jì)與制作》課程師資缺陷明顯。

第三，教學(xué)模式陳舊：《界面設(shè)計(jì)與制作》課程教學(xué)模式目前存在知識(shí)本位等傳統(tǒng)教學(xué)模式的影響，一切以教師為中心，忽視學(xué)生的主體地位，缺乏與學(xué)生的交流。課程內(nèi)容上忽視交叉學(xué)科多元化的特點(diǎn)，或偏重程序和交互理論、或偏重設(shè)計(jì)與制作，沒有形成系統(tǒng)的科學(xué)體系。教學(xué)過程不能很好地將實(shí)踐環(huán)節(jié)與工作流程緊密結(jié)合起來，重理論輕實(shí)踐，重技術(shù)輕創(chuàng)新的教學(xué)模式勢必不能造就新時(shí)代的應(yīng)用型人才。另外，實(shí)踐教學(xué)采用陳舊的案例和過時(shí)的技術(shù)，不能做到對(duì)接行業(yè)新標(biāo)準(zhǔn)，課程的教學(xué)成果也難以達(dá)到企業(yè)的要求。

二、項(xiàng)目式教學(xué)方法特點(diǎn)

PBL（Project-Based Learning）項(xiàng)目式教學(xué)法是1969年由美國的神經(jīng)病學(xué)教授Barrows在加拿大的麥克馬斯特大學(xué)首創(chuàng)。PBL（Project-Based Learning）項(xiàng)目式學(xué)習(xí)是一種以學(xué)生為主體、以專業(yè)領(lǐng)域內(nèi)的各種問題為學(xué)習(xí)起點(diǎn)，以問題為核心規(guī)劃學(xué)習(xí)內(nèi)容，讓學(xué)生圍繞問題尋求解決方案的一種學(xué)習(xí)方法[2]。之后，部分學(xué)者在PBL教學(xué)法基礎(chǔ)上又提出了CBL教學(xué)法。由于這兩種教學(xué)方法具有生動(dòng)性，容易提升學(xué)生的自主學(xué)習(xí)能力，能更好地幫助學(xué)生在短時(shí)間內(nèi)完善知識(shí)體系，促進(jìn)自身綜合素質(zhì)的提高，目前已成為國際上較流行的教學(xué)方法。[3]項(xiàng)目式教學(xué)方法在近幾十年的職業(yè)教育中獲得了完善，被逐步應(yīng)用于不同學(xué)科的教學(xué)實(shí)踐活動(dòng)之中，取得了突出的教學(xué)成果，可用于社會(huì)職業(yè)教育批量培育具備較高文化素養(yǎng)與技術(shù)應(yīng)用能力的人才的教學(xué)活動(dòng)。[4]

項(xiàng)目式教學(xué)方法在教學(xué)實(shí)踐過程中具備以下幾個(gè)顯著特點(diǎn)：第一，對(duì)新知的學(xué)習(xí)，特別是對(duì)重點(diǎn)和難點(diǎn)的理解和掌握，以及學(xué)生解決問題能力和優(yōu)化項(xiàng)目能力的培養(yǎng)。第二，項(xiàng)目式教學(xué)方法的核心在于提出和解決一系列有挑戰(zhàn)性的關(guān)鍵性的問題，以學(xué)生為主體進(jìn)行探究，訓(xùn)練學(xué)生的分析能力并查找出問題的解決方案。第三，項(xiàng)目來源的真實(shí)性。真實(shí)的項(xiàng)目來源會(huì)切實(shí)地激發(fā)學(xué)生的熱情，讓學(xué)生更好地理解實(shí)際項(xiàng)目與社會(huì)現(xiàn)實(shí)的聯(lián)系，并且教學(xué)實(shí)踐運(yùn)用的是真實(shí)的項(xiàng)目評(píng)估標(biāo)準(zhǔn)，培養(yǎng)的是學(xué)生解決復(fù)雜問題的綜合能力，這一定會(huì)促使學(xué)生最終成品的完善。第四，評(píng)價(jià)與反思。整個(gè)教學(xué)實(shí)踐的過程依托于真實(shí)項(xiàng)目來源，學(xué)生和老師必須在這一項(xiàng)目完成的各個(gè)節(jié)點(diǎn)對(duì)其進(jìn)行評(píng)價(jià)和反思。這既包括學(xué)生在完成過程中基于企業(yè)方或教師的反饋來修正他們的設(shè)計(jì)方案，也包括教師在整個(gè)教學(xué)實(shí)踐環(huán)節(jié)對(duì)于項(xiàng)目執(zhí)行的效率、質(zhì)量及解決方案的全面把握。

三、教學(xué)方法改革實(shí)踐

《界面設(shè)計(jì)與制作》課程屬于校企合作共建課程。本課程內(nèi)容對(duì)接職業(yè)標(biāo)準(zhǔn)，分解崗位任務(wù)，具有知識(shí)點(diǎn)多，兼具理論性和實(shí)踐型的特點(diǎn)。因此，在教學(xué)實(shí)施中實(shí)踐基于項(xiàng)目式教學(xué)方法，有機(jī)結(jié)合設(shè)計(jì)理論與設(shè)計(jì)實(shí)踐，構(gòu)建出立體的教學(xué)模式，并圍繞確定的教學(xué)目標(biāo)，突破教學(xué)重難點(diǎn)，使得學(xué)生界面設(shè)計(jì)的核心能力通過切實(shí)可行的課程教學(xué)設(shè)計(jì)得以實(shí)現(xiàn)。

（一）引入案例、提出問題、分解任務(wù)

首先，教師確定學(xué)生在《界面設(shè)計(jì)與制作》課程中所需達(dá)到的職業(yè)能力是能根據(jù)用戶體驗(yàn)和用戶心理優(yōu)化界面的布局、視效和動(dòng)效方案。在課前的自主學(xué)習(xí)階段，教師運(yùn)用項(xiàng)目式教學(xué)法選擇合適的教學(xué)案例，力求在真實(shí)、典型的案例中提升學(xué)生的自主研討能力和運(yùn)用已有知識(shí)解決問題的能力。

例如，在課程的模塊三“移形鑄魂 界面美容”中引入真實(shí)項(xiàng)目——改版岳麓書社出版物《小學(xué)必背古詩75首》配套微信小程序“婷婷唱古文”。課前在學(xué)習(xí)通平臺(tái)上由企業(yè)專家發(fā)布項(xiàng)目任務(wù)視頻，展示舊版界面設(shè)計(jì)，并提出任務(wù)要求是在界面主頁增加若干功能入口，添加二級(jí)和三級(jí)頁面并美化整體視覺效果。教師依據(jù)工作流程發(fā)布子任務(wù)，如子任務(wù)一“錯(cuò)落有致”原型設(shè)計(jì)。學(xué)生采用自主學(xué)習(xí)法分成四個(gè)學(xué)習(xí)小組，探討舊版微信小程序在界面原型上存在的問題：功能入口不能滿足需求、對(duì)用戶的引導(dǎo)不夠明確。針對(duì)上述問題，學(xué)生以小組為單位領(lǐng)取設(shè)計(jì)任務(wù)并對(duì)各級(jí)界面的原型進(jìn)行初稿設(shè)計(jì)。與此同時(shí)，每個(gè)同學(xué)都在云平臺(tái)的討論區(qū)提出自己的思考，師生在討論區(qū)互相留言探討。教師同時(shí)關(guān)注學(xué)生學(xué)習(xí)任務(wù)的完成情況，依據(jù)設(shè)計(jì)初稿及學(xué)生的問題，完成課前初稿評(píng)分。

（二）創(chuàng)設(shè)情境、剖析問題、突破難點(diǎn)

項(xiàng)目式教學(xué)方法結(jié)合現(xiàn)實(shí)生活情境，激發(fā)學(xué)生調(diào)查、反思、對(duì)比、發(fā)現(xiàn)問題，并給出解決方案[5]。實(shí)踐環(huán)節(jié)中，學(xué)生始終是學(xué)習(xí)的主體和設(shè)計(jì)方案的決策者，而老師則是引導(dǎo)者的角色。學(xué)生帶著課前初稿完成過程中的問題和每個(gè)同學(xué)自己對(duì)于案例的理解進(jìn)入到課中學(xué)習(xí)。在小組方案研討的過程中，教師模擬真實(shí)工作情境，運(yùn)用豐富的信息化教學(xué)資源引導(dǎo)學(xué)生通過對(duì)比一步步找到設(shè)計(jì)方案存在的問題以及思考問題的解決途徑，進(jìn)一步分組改進(jìn)設(shè)計(jì)方案并通過小組互評(píng)形成最佳設(shè)計(jì)稿提交企業(yè)專家。

以《界面設(shè)計(jì)與制作》課程模塊三“移形鑄魂 界面美容”為例，在子任務(wù)三“和顏悅色”色彩設(shè)計(jì)中，教師創(chuàng)設(shè)“尋找最佳設(shè)計(jì)師”的情境。學(xué)生首先通過四組色彩初稿的對(duì)比進(jìn)行互評(píng)，提出存在的共性問題：色彩運(yùn)用雜亂。教師通過《紅與黃》電影微視頻賞析和AR涂色游戲體驗(yàn)類似項(xiàng)目情境中的配色，化解學(xué)生對(duì)于顏色選擇與用戶情感之間關(guān)系的迷思。通過分組討論“知乎”話題，欣賞微信聊天界面的演變歷程，使學(xué)生領(lǐng)會(huì)界面主色調(diào)和點(diǎn)綴色的比例關(guān)系，從而突破了教學(xué)的重難點(diǎn)。

（三）鞏固重點(diǎn)、總結(jié)評(píng)價(jià)、拓展技術(shù)

項(xiàng)目式教學(xué)方法不但解決了《界面設(shè)計(jì)與制作》課程教學(xué)實(shí)踐環(huán)節(jié)的關(guān)鍵問題，也在教學(xué)評(píng)價(jià)環(huán)節(jié)取得了一定的成果。[6]針對(duì)傳統(tǒng)的終結(jié)性考試形式單一、目標(biāo)不明、技能點(diǎn)缺失的劣勢，《界面設(shè)計(jì)與制作》課程的教學(xué)評(píng)價(jià)是以形成性評(píng)價(jià)為原則，多維主體和多維視角的綜合教學(xué)評(píng)價(jià)模式。形成性教學(xué)評(píng)價(jià)是指在教學(xué)過程中為了了解學(xué)生的學(xué)習(xí)情況，及時(shí)發(fā)現(xiàn)教和學(xué)中的問題而進(jìn)行的評(píng)價(jià)[7]。多維主體和多維視角的綜合教學(xué)評(píng)價(jià)體現(xiàn)在：評(píng)價(jià)內(nèi)容多樣化——原型設(shè)計(jì)、圖標(biāo)設(shè)計(jì)、色彩設(shè)計(jì)、字體設(shè)計(jì)、動(dòng)效設(shè)計(jì)；評(píng)價(jià)主體多樣化——平臺(tái)統(tǒng)計(jì)、自我評(píng)價(jià)、教師評(píng)價(jià)、組間互評(píng)、專家點(diǎn)評(píng)；評(píng)價(jià)手段多樣化——在線討論、游戲測試、作品評(píng)分、小組比賽、項(xiàng)目評(píng)分；評(píng)價(jià)成果多樣化——試題庫、游戲過關(guān)、UI設(shè)計(jì)作品。

四、教學(xué)方法改革成效

項(xiàng)目式教學(xué)法通過通識(shí)教育、學(xué)科專業(yè)、實(shí)踐教學(xué)和素拓與創(chuàng)新的課程學(xué)習(xí)，以學(xué)生為中心，兼顧了學(xué)生的共性發(fā)展和個(gè)性展現(xiàn)，“知識(shí)—能力—素質(zhì)”一體抓，增強(qiáng)學(xué)生社會(huì)適應(yīng)性，提高學(xué)生的核心競爭力和綜合素質(zhì)，將專業(yè)基礎(chǔ)教育、工程技能教育和創(chuàng)新素質(zhì)教育并行交叉，努力培養(yǎng)學(xué)生的德智體美全面發(fā)展[8]。

（一）學(xué)生對(duì)于項(xiàng)目式教學(xué)方法表示非常接受

一個(gè)周期的基于項(xiàng)目式教學(xué)法的《界面設(shè)計(jì)與制作》課程結(jié)束后，為了了解學(xué)生對(duì)項(xiàng)目式教學(xué)的看法，通過微信小程序向2021級(jí)153位學(xué)生發(fā)放了調(diào)查問卷。調(diào)查問卷一共8個(gè)題目，其中5個(gè)單選題，2個(gè)多選題，1個(gè)簡答題。有90%的學(xué)生在問卷調(diào)查中表示完全同意“項(xiàng)目式教學(xué)方法提高了我的聽課效果”，這說明大部分的學(xué)生對(duì)這種新的教學(xué)方法是非常有興趣和接受的。但與此同時(shí)，我們也注意到有大約5%的學(xué)生在問卷調(diào)查中選擇了“說不清楚”，為什么這些學(xué)生會(huì)對(duì)項(xiàng)目式教學(xué)方式在接受度上有異？項(xiàng)目式教學(xué)法的《界面設(shè)計(jì)與制作》課程還存在哪些不足之處？這類問題有待后面的研究。CBL聯(lián)合PBL的雙軌教學(xué)法在教學(xué)中的應(yīng)用教學(xué)效果顯著，同時(shí)可以更好地提高學(xué)生的實(shí)踐操作能力，對(duì)于教學(xué)質(zhì)量改進(jìn)的推動(dòng)作用顯著[9-10]。

（二）項(xiàng)目式教學(xué)方法給學(xué)生帶來了更好的考試成績和更強(qiáng)的職業(yè)技能

針對(duì)移動(dòng)技術(shù)應(yīng)用專業(yè)2021級(jí)《界面設(shè)計(jì)與制作》課程期末成績進(jìn)行分析，對(duì)比實(shí)施項(xiàng)目式教學(xué)法和傳統(tǒng)教學(xué)模式，我們發(fā)現(xiàn)兩者之間的學(xué)習(xí)效果是有差異的。從隨堂測試的準(zhǔn)確率來看，實(shí)施項(xiàng)目式教學(xué)法的學(xué)生答題正確率大大高于往屆的學(xué)生，這說明新的教學(xué)方法有助于學(xué)生對(duì)課堂新知的理解和掌握。從期末考核來看，實(shí)施項(xiàng)目式教學(xué)法的學(xué)生的獨(dú)立思考能力和解決實(shí)際問題的能力明顯優(yōu)于往屆學(xué)生。由于采用了新的教學(xué)方式，學(xué)生的期末成績達(dá)到25%的優(yōu)秀率，82%的良好率和98%的及格率。而傳統(tǒng)教學(xué)下的學(xué)生《界面設(shè)計(jì)與制作》課程最終成績長期維持在85%左右的及格率。項(xiàng)目式教學(xué)法必然會(huì)推動(dòng)課堂的教學(xué)改革，應(yīng)該在電子信息類其他學(xué)科中推廣和應(yīng)用。

五、結(jié)束語

項(xiàng)目式教學(xué)法是最近幾年被高職院校廣泛推崇的教學(xué)方法。《界面設(shè)計(jì)與制作》課程的教學(xué)目標(biāo)是培養(yǎng)高級(jí)客戶經(jīng)理或者是用戶界面的高級(jí)設(shè)計(jì)人員，只有通過以真實(shí)項(xiàng)目為載體的學(xué)習(xí)才能真正使得學(xué)生最終能快速實(shí)現(xiàn)精準(zhǔn)定位的目標(biāo)用戶，并通過界面的設(shè)計(jì)制作實(shí)現(xiàn)項(xiàng)目低開發(fā)成本的幾何式增長。

本文探討了項(xiàng)目式教學(xué)法應(yīng)用于《界面設(shè)計(jì)與制作》課程的實(shí)踐路徑，并結(jié)合移動(dòng)終端小程序主題界面設(shè)計(jì)與制作項(xiàng)目，指出在“案例+項(xiàng)目驅(qū)動(dòng)”模式中，首先要對(duì)引入項(xiàng)目進(jìn)行分析，通過優(yōu)秀案例對(duì)項(xiàng)目進(jìn)行分解，幫助學(xué)生理解和掌握相關(guān)知識(shí)點(diǎn)和技能點(diǎn)，培養(yǎng)學(xué)生利用新技術(shù)解決設(shè)計(jì)構(gòu)思的能力。與此同時(shí)，課程的評(píng)價(jià)體系采用多維主體和多維視角的綜合教學(xué)評(píng)價(jià)模式，使教師能夠了解學(xué)生在學(xué)習(xí)活動(dòng)中存在的疑難點(diǎn)，縮短了學(xué)生學(xué)習(xí)過程中的能力轉(zhuǎn)化的時(shí)間，解決了目前《界面設(shè)計(jì)與制作》課程中實(shí)踐教學(xué)的問題，為培養(yǎng)設(shè)計(jì)與科學(xué)接通的復(fù)合型人才指明了方向。