面向高職院校移動UI設(shè)計課程的探索

楊海俊

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

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

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

一、引言

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

（二）移動界面設(shè)計課程分析

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

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

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

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

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

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

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

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

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

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

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

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

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

課程在實施時主要遵循如下原則：

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

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

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

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

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

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

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

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

五、結(jié)論

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

參考文獻(xiàn)：

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

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

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

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

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

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

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

[8]程強，杜中敏，張娜.Android操作系統(tǒng)的課程教學(xué)[J].南陽師范學(xué)院學(xué)報，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.移動交互設(shè)計精髓[M].電子工業(yè)出版社，2015.

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

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

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