楊?？?/p>

[摘 要] 針對(duì)移動(dòng)界面設(shè)計(jì)方向的課程進(jìn)行研究，旨在探索提升學(xué)生界面設(shè)計(jì)能力的策略和方法。綜合運(yùn)用了文獻(xiàn)研究法、調(diào)查研究法和對(duì)比研究法等研究方法，分別對(duì)人才需求進(jìn)行調(diào)研，對(duì)職業(yè)能力進(jìn)行分析，并對(duì)現(xiàn)有移動(dòng)界面設(shè)計(jì)課程進(jìn)行分析。根據(jù)調(diào)研分析結(jié)果，從課程內(nèi)容、教學(xué)方法、教學(xué)模式上進(jìn)行改進(jìn)；考核模式通過(guò)課—證—賽結(jié)合的模式提高學(xué)生綜合能力。一定程度上解決了學(xué)校所學(xué)內(nèi)容與市場(chǎng)所需脫節(jié)的問(wèn)題，彌補(bǔ)了現(xiàn)有教學(xué)方法的不足，改進(jìn)了實(shí)踐技能的培養(yǎng)模式。

[關(guān) 鍵 詞] 移動(dòng)界面；課程改革；教學(xué)方法

[中圖分類(lèi)號(hào)] G712 [文獻(xiàn)標(biāo)志碼] A [文章編號(hào)] 2096-0603（2018）33-0162-03

一、引言

《2017年互聯(lián)網(wǎng)發(fā)展趨勢(shì)報(bào)告》指出：2016年全球34億互聯(lián)網(wǎng)用戶中，移動(dòng)互聯(lián)網(wǎng)用戶約占六成，至2020年預(yù)計(jì)將以每年2%的增速增長(zhǎng)[1]。活躍的移動(dòng)互聯(lián)網(wǎng)市場(chǎng)，催生了對(duì)移動(dòng)應(yīng)用的巨大需求[2]。與此同時(shí)，移動(dòng)應(yīng)用人才市場(chǎng)分工也越來(lái)越明細(xì)，如網(wǎng)絡(luò)通信、測(cè)試、界面設(shè)計(jì)、開(kāi)發(fā)等。

目前開(kāi)設(shè)移動(dòng)相關(guān)方向課程主要分為移動(dòng)應(yīng)用/網(wǎng)頁(yè)開(kāi)發(fā)、網(wǎng)絡(luò)通信技術(shù)、界面設(shè)計(jì)等多個(gè)方向，現(xiàn)有計(jì)算機(jī)專(zhuān)業(yè)開(kāi)設(shè)移動(dòng)方向基礎(chǔ)課程較多，界面綜合設(shè)計(jì)等細(xì)分方向的較少。移動(dòng)界面方向課程主要分兩類(lèi)[3]，一種偏向藝術(shù)、多媒體方向的UI設(shè)計(jì)，另一種則包含在移動(dòng)應(yīng)用開(kāi)發(fā)中，兩大方向都包含界面設(shè)計(jì)卻又沒(méi)有結(jié)合起來(lái)。而市場(chǎng)需要的移動(dòng)界面設(shè)計(jì)人才是綜合型的，因此對(duì)移動(dòng)UI設(shè)計(jì)課程的改革亟待解決。

二、人才需求調(diào)研與職業(yè)能力分析

作者通過(guò)網(wǎng)絡(luò)查詢(xún)、電話咨詢(xún)、企業(yè)考察訪問(wèn)、問(wèn)卷等形式對(duì)人才需求、職業(yè)能力進(jìn)行了調(diào)研分析，得出了下面的資料和信息。

（一）人才需求調(diào)研

根據(jù)對(duì)相關(guān)行業(yè)企業(yè)的調(diào)研以及社會(huì)崗位對(duì)移動(dòng)應(yīng)用開(kāi)發(fā)行業(yè)人才要求的分析，以目前畢業(yè)生所從事工作的性質(zhì)來(lái)劃分，大致上可分為以下四類(lèi)[4]，具體如下所列：

1.網(wǎng)絡(luò)通信方向，主要負(fù)責(zé)核心網(wǎng)絡(luò)設(shè)備的日常維護(hù)、通信網(wǎng)絡(luò)的技術(shù)工作。

2.應(yīng)用/網(wǎng)頁(yè)開(kāi)發(fā)方向，崗位職責(zé)多為手機(jī)游戲、手機(jī)終端應(yīng)用軟件和其他手機(jī)應(yīng)用軟件的開(kāi)發(fā)與維護(hù)等。

3.移動(dòng)界面設(shè)計(jì)方向，主要負(fù)責(zé)完成移動(dòng)應(yīng)用/網(wǎng)站界面的設(shè)計(jì)和實(shí)現(xiàn)工作。難度適中，適合高職學(xué)生學(xué)習(xí)[5，6]。

4.移動(dòng)測(cè)試方向，他們主要承擔(dān)測(cè)試、整理測(cè)試報(bào)告、跟蹤問(wèn)題等工作。難度適中，適合高職學(xué)生學(xué)習(xí)。

（二）職業(yè)能力分析

通過(guò)對(duì)崗位進(jìn)行工作任務(wù)和職業(yè)能力分析，可大致確定出相應(yīng)的職業(yè)能力素質(zhì)要求情況。企業(yè)對(duì)用人不僅要求員工具有相應(yīng)崗位的技術(shù)技能，還需要團(tuán)隊(duì)合作能力、溝通能力和表達(dá)能力以及良好的道德情操和職業(yè)修養(yǎng)，如下表所示：

三、移動(dòng)界面設(shè)計(jì)課程現(xiàn)狀分析——以上海東海職業(yè)技術(shù)學(xué)院為例

（一）計(jì)算機(jī)應(yīng)用技術(shù)專(zhuān)業(yè)分析

東海學(xué)院傳媒學(xué)院下設(shè)影視動(dòng)畫(huà)、廣播影視節(jié)目制作、計(jì)算機(jī)應(yīng)用技術(shù)三個(gè)專(zhuān)業(yè)，開(kāi)設(shè)了各類(lèi)界面圖像、視頻制作技術(shù)課程，為移動(dòng)界面設(shè)計(jì)課程提供了良好的專(zhuān)業(yè)集群環(huán)境。計(jì)算機(jī)技術(shù)專(zhuān)業(yè)現(xiàn)有一支高素質(zhì)、專(zhuān)業(yè)技能嫻熟的師資隊(duì)伍。專(zhuān)業(yè)還具有良好的校內(nèi)外實(shí)訓(xùn)環(huán)境，如“東海創(chuàng)意園”實(shí)訓(xùn)基地，為學(xué)生提供了頂崗實(shí)習(xí)、畢業(yè)實(shí)習(xí)的技能實(shí)踐機(jī)會(huì)。并且該課程難度適合高職學(xué)生，因此該課程非常適合在本專(zhuān)業(yè)開(kāi)設(shè)。

（二）移動(dòng)界面設(shè)計(jì)課程分析

在東海學(xué)院2014級(jí)學(xué)生之前，移動(dòng)界面設(shè)計(jì)課程的教學(xué)主要包含在移動(dòng)應(yīng)用開(kāi)發(fā)課程中，采用Android Studio環(huán)境或者Eclipse集成環(huán)境，并在上述平臺(tái)上進(jìn)行移動(dòng)界面設(shè)計(jì)。教學(xué)內(nèi)容存在如下問(wèn)題：（1）教學(xué)內(nèi)容有些陳舊，與目前社會(huì)人才需求不夠匹配；（2）只包含界面的實(shí)現(xiàn)，不包含設(shè)計(jì)方向；（3）教學(xué)軟件環(huán)境、內(nèi)容略顯復(fù)雜，對(duì)高職學(xué)生有一定難度。

除此之外，課程組織、教學(xué)方法也存在一定不足，比如理論課時(shí)、實(shí)踐課時(shí)分配比例不合理，教學(xué)模式較為單一，考核方法不完善等問(wèn)題。

（三）學(xué)生現(xiàn)狀分析

通過(guò)調(diào)研東海學(xué)院計(jì)算機(jī)專(zhuān)業(yè)學(xué)生情況，包括調(diào)研老師和家長(zhǎng)對(duì)學(xué)生的評(píng)價(jià)發(fā)現(xiàn)，學(xué)生具有如下特點(diǎn)：（1）生源基礎(chǔ)知識(shí)薄弱，包括理論知識(shí)積淀和實(shí)踐操作能力；（2）學(xué)生學(xué)習(xí)主動(dòng)性不夠，興趣方向尚不明確；（3）對(duì)移動(dòng)界面設(shè)計(jì)方向有一定的了解，知識(shí)尚未形成職業(yè)方向。

根據(jù)學(xué)生特點(diǎn)，篩選難度適合的教學(xué)內(nèi)容，優(yōu)化教學(xué)模式，從而提高學(xué)生的學(xué)習(xí)能力和學(xué)習(xí)主動(dòng)性，最終達(dá)到提高學(xué)生實(shí)踐能力、就業(yè)能力、綜合素質(zhì)等目標(biāo)。

四、面向高職院校移動(dòng)應(yīng)用界面設(shè)計(jì)課程的研究

（一）課程內(nèi)容與組織

高職院校的目標(biāo)是培養(yǎng)出社會(huì)一線工作的高素質(zhì)人才，所學(xué)知識(shí)要具有實(shí)用性、職業(yè)性[7]。盡早引入社會(huì)急需的課程內(nèi)容，淘汰不適應(yīng)社會(huì)發(fā)展的課程內(nèi)容，并要考慮到學(xué)校和學(xué)生的條件和特點(diǎn)，優(yōu)化課程內(nèi)容，為學(xué)生未來(lái)就業(yè)服務(wù)；課程內(nèi)容設(shè)置與本專(zhuān)業(yè)基礎(chǔ)及技能競(jìng)賽、考證相關(guān)，以激發(fā)學(xué)生的學(xué)習(xí)熱情。

在東海學(xué)院計(jì)算機(jī)專(zhuān)業(yè)中，移動(dòng)界面設(shè)計(jì)在制定時(shí)主要考慮了三個(gè)因素：（1）保證課程知識(shí)體系的系統(tǒng)性；（2）突出實(shí)用性，能夠?qū)W以致用；（3）根據(jù)學(xué)時(shí)限制，適當(dāng)增減課程內(nèi)容。

移動(dòng)界面設(shè)計(jì)人員對(duì)職業(yè)素質(zhì)與能力要求主要包含：良好的美術(shù)功底和創(chuàng)意構(gòu)思能力，熟悉手機(jī)/平板UI設(shè)計(jì)流程，具有H5界面的開(kāi)發(fā)技能，熟練使用各類(lèi)設(shè)計(jì)軟件，如Photoshop、Illustrator等。本專(zhuān)業(yè)對(duì)移動(dòng)界面設(shè)計(jì)課程內(nèi)容進(jìn)行設(shè)置時(shí)，參考了上述要求[8-12]。課程框架結(jié)構(gòu)如下圖所示。

由下圖可知，課程在設(shè)置時(shí)，摒棄了之前基于Android studio環(huán)境的實(shí)現(xiàn)，主要以PS+H5+CSS3為授課內(nèi)容，難度適中，適合東海學(xué)院計(jì)算機(jī)應(yīng)用技術(shù)專(zhuān)業(yè)學(xué)生現(xiàn)狀；課程內(nèi)容與世界技能大賽和上海市“星光計(jì)劃”大賽內(nèi)容相匹配，有利于提高學(xué)生學(xué)習(xí)積極性；部分課程內(nèi)容與上海市計(jì)算機(jī)等級(jí)考試匹配，有利于學(xué)生獲取證書(shū)，提高就業(yè)競(jìng)爭(zhēng)力。

為保證良好的教學(xué)效果，對(duì)于上述教學(xué)內(nèi)容，精心篩選出重點(diǎn)和難點(diǎn)，本課程共安排68課時(shí)，其中理論28課時(shí)，實(shí)踐40課時(shí)，如表2所示：

（二）教學(xué)實(shí)施的研究

課程在實(shí)施時(shí)主要遵循如下原則：

1.面向職業(yè)能力進(jìn)行培養(yǎng)。在具體的課程實(shí)施中，不僅要保證教學(xué)內(nèi)容與社會(huì)需求匹配，而且要注重培養(yǎng)學(xué)生具有職業(yè)所需的能力和素質(zhì)，比如實(shí)踐操作能力、團(tuán)隊(duì)協(xié)作精神、良好的審美能力、溝通表達(dá)能力等。

2.課—證—賽一體化。課程PS部分與一級(jí)等級(jí)考試相關(guān)聯(lián)，而且在上海市“星光計(jì)劃”技能大賽以及世界技能大賽中，網(wǎng)站設(shè)計(jì)賽項(xiàng)部分模塊與本課程內(nèi)容匹配，挑選部分賽題模塊到課堂上，與比賽結(jié)合一方面可以提高學(xué)生學(xué)習(xí)的積極主動(dòng)性，另外，從中獲取的知識(shí)和經(jīng)驗(yàn)對(duì)就業(yè)也極為有利。

3.課程考核注重綜合能力評(píng)價(jià)。在課程最終成績(jī)?cè)u(píng)定中，一方面考慮學(xué)生平時(shí)的出勤率、課堂表現(xiàn)、完成平時(shí)作業(yè)任務(wù)的情況等，另一方面考查學(xué)生設(shè)計(jì)作品情況，要求學(xué)生作品+報(bào)告，并進(jìn)行答辯。前者重點(diǎn)考核學(xué)生學(xué)習(xí)態(tài)度、努力的程度，后者主要考核學(xué)生的整個(gè)課程綜合應(yīng)用情況以及溝通表達(dá)能力、審美水平等。

在具體教學(xué)中，主要采用了任務(wù)驅(qū)動(dòng)教學(xué)法和項(xiàng)目教學(xué)法相結(jié)合的方式，并結(jié)合了講授法、分組討論法等多種教學(xué)方法[13]。首先通過(guò)任務(wù)驅(qū)動(dòng)教學(xué)法促使學(xué)生快速掌握這門(mén)課程必要的知識(shí)點(diǎn)，在熟練掌握基礎(chǔ)知識(shí)的前提下，運(yùn)用項(xiàng)目教學(xué)法提高學(xué)生對(duì)知識(shí)的靈活運(yùn)用能力。

多種教學(xué)方法的結(jié)合，達(dá)到了較為理想的教學(xué)效果。在教學(xué)過(guò)程中，老師首先拋出問(wèn)題，逐步引導(dǎo)學(xué)生主動(dòng)搜尋知識(shí)，增強(qiáng)了學(xué)生學(xué)習(xí)的積極性，提高了學(xué)生思考、解決問(wèn)題的能力；老師強(qiáng)調(diào)在應(yīng)用中學(xué)習(xí)，將知識(shí)點(diǎn)融入案例中，使學(xué)生在完成任務(wù)的同時(shí)掌握知識(shí)；老師要求作品提交，并對(duì)每個(gè)作品做出評(píng)價(jià)和總結(jié)，指出作品的亮點(diǎn)和不足[14]，鼓勵(lì)學(xué)生之間相互評(píng)價(jià)和探討，學(xué)生在相互學(xué)習(xí)以及改進(jìn)作品中提升技術(shù)與能力，同時(shí)也鍛煉了學(xué)生的思維能力和協(xié)作能力。

對(duì)于教學(xué)中的綜合項(xiàng)目，將其分解為小的任務(wù)，并引入小的案例，將知識(shí)點(diǎn)融入其中，比如對(duì)于一個(gè)購(gòu)物APP界面設(shè)計(jì)可將其分解為下列任務(wù)，具體設(shè)計(jì)如表3：

（三）課程教學(xué)效果

通過(guò)對(duì)課程內(nèi)容、教學(xué)實(shí)施的改革，對(duì)比之前的2014級(jí)、2015級(jí)和2016級(jí)教學(xué)效果均獲得了進(jìn)步。根據(jù)任課老師和輔導(dǎo)員反饋，2015、2016級(jí)學(xué)生的學(xué)習(xí)能力、表達(dá)溝通能力、學(xué)習(xí)熱情相比2014級(jí)都有所進(jìn)步。據(jù)統(tǒng)計(jì)，計(jì)算機(jī)應(yīng)用技術(shù)專(zhuān)業(yè)2014級(jí)專(zhuān)升碩人數(shù)5人，2015級(jí)10人，2016級(jí)目前報(bào)名碩士班的人數(shù)分別為18人，呈上升趨勢(shì)；且專(zhuān)升本的學(xué)生人數(shù)也有所上漲，說(shuō)明學(xué)生的學(xué)習(xí)熱情逐年上升；相比2014級(jí)，2015級(jí)目前簽約移動(dòng)方向的工作比例有上漲趨勢(shì)，可見(jiàn)本課程一定程度上促進(jìn)了學(xué)生的就業(yè)競(jìng)爭(zhēng)力；2015級(jí)學(xué)生在“星光計(jì)劃”比賽中取得的良好成績(jī)，也印證了課程研究取得的進(jìn)步。

五、結(jié)論

研究結(jié)果證明，通過(guò)對(duì)課程內(nèi)容與組織進(jìn)行的改革對(duì)具體教學(xué)實(shí)施進(jìn)行改進(jìn)，對(duì)比之前的情況，移動(dòng)界面設(shè)計(jì)課程取得了一定成果，學(xué)生的學(xué)習(xí)能力、表達(dá)溝通能力、基本素質(zhì)皆有所提高。

參考文獻(xiàn)：

[1]中國(guó)信通院.2017年互聯(lián)網(wǎng)發(fā)展趨勢(shì)報(bào)告.http：//www.useit.com.cn/thread-14374-1-1.html

[2]盧迪.移動(dòng)互聯(lián)網(wǎng)人才需求及高校移動(dòng)互聯(lián)網(wǎng)人才培養(yǎng)現(xiàn)狀分析[J].中國(guó)傳媒大學(xué)學(xué)報(bào)，2015，37（6）：141-146.

[3]曾照靜.高職院校UI界面設(shè)計(jì)課程創(chuàng)想與探究[D].河南師范大學(xué)，2014.

[4]白玉羚.移動(dòng)應(yīng)用開(kāi)發(fā)行業(yè)人才需求分析研究[J].現(xiàn)代經(jīng)濟(jì)信息，2017（19）：429.

[5]張波.高職移動(dòng)應(yīng)用開(kāi)發(fā)專(zhuān)業(yè)課程設(shè)置研究[J].課程教育研究，2017（4）：227.

[6]李潔.移動(dòng)應(yīng)用開(kāi)發(fā)技術(shù)的分析與研究[J].電腦迷，2017（4）：148.

[7]殷旭東，宋東興，周思林.“Android移動(dòng)計(jì)算技術(shù)與應(yīng)用”課程教學(xué)探索[J].計(jì)算機(jī)教育，2014（22）：71-74.

[8]程強(qiáng)，杜中敏，張娜.Android操作系統(tǒng)的課程教學(xué)[J].南陽(yáng)師范學(xué)院學(xué)報(bào)，2014，13（3）：55-57.

[9]Neil T，Tidwell J.Mobile Design Pattern Gallery[M].O'Reilly Vlg.GmbH & Co，2012.

[10]Nudelman G.Android Design Patterns：Interaction Design Solutions for Developers[M].Wiley Publishing， 2013.

[11]Cameron Banga，Josh Weinhold.移動(dòng)交互設(shè)計(jì)精髓[M].電子工業(yè)出版社，2015.

[12]Juhani Lehtimaki.精彩絕倫的Android UI設(shè)計(jì)[M].機(jī)械工業(yè)出版社，2013.

[13]宋紅軍.任務(wù)驅(qū)動(dòng)教學(xué)法和項(xiàng)目教學(xué)法在“Android開(kāi)發(fā)技術(shù)”教學(xué)中的協(xié)作研究[J].科教文匯（下旬刊），2015（6）：70-71.

[14]張廣歌.“移動(dòng)應(yīng)用開(kāi)發(fā)專(zhuān)業(yè)”（UI方向）人才培養(yǎng)模式構(gòu)建[J].黑龍江科技信息，2017（3）：109.