互聯(lián)網(wǎng)+背景下UI設(shè)計課程實驗教學(xué)模式研究

顧漢杰

摘 要 使用SWOT方法分析“互聯(lián)網(wǎng)+”手段改造UI設(shè)計課程實驗教學(xué)可行性，應(yīng)用微信作為聯(lián)結(jié)手段，從課前預(yù)習(xí)、課內(nèi)學(xué)習(xí)、課程評價、課外擴展等方面對UI設(shè)計課程實驗教學(xué)模式進行闡釋。

關(guān)鍵詞 互聯(lián)網(wǎng)+；UI設(shè)計；實驗教學(xué)

中圖分類號：G642.3 文獻標(biāo)識碼：B

文章編號：1671-489X（2017）06-0130-03

1 引言

隨著Web2.0的飛速發(fā)展，“互聯(lián)網(wǎng)+教育”無疑成為教育領(lǐng)域的熱門話題。它改變了許多固有的教學(xué)理念，讓教學(xué)變得更為靈活、更為自由、更為智慧。UI設(shè)計課是目前社會需求度非常高的技能類課程。UI設(shè)計理念必須經(jīng)由實驗才能轉(zhuǎn)化為學(xué)生的內(nèi)在意識與操作技能，而傳統(tǒng)的UI設(shè)計課程實驗教學(xué)缺少互聯(lián)網(wǎng)思維，已經(jīng)不符合移動碎片化學(xué)習(xí)的需求，逐漸呈現(xiàn)出教學(xué)技術(shù)陳舊、學(xué)生主動性降低、師生交互呆板等問題。“互聯(lián)網(wǎng)+教育”代表著基于新技術(shù)的教學(xué)方式演變，可有效改造UI設(shè)計課程實驗教學(xué)模式。

2 實施可行性

“互聯(lián)網(wǎng)+”手段能否改善原有UI設(shè)計課程的實驗教學(xué)？本文采用SWOT方法分析其可行性。

從優(yōu)勢方面進行分析，互聯(lián)網(wǎng)+的優(yōu)勢是互動性強，許多“互聯(lián)網(wǎng)+”產(chǎn)品是學(xué)生興趣的聚合口，如微信。將“互聯(lián)網(wǎng)+”引入UI設(shè)計課程實驗教學(xué)，可以吸引學(xué)生的注意力，激發(fā)學(xué)生對UI設(shè)計內(nèi)容的學(xué)習(xí)動機。此外，即時交互的特性也能夠緩解師生雙方在時間與空間上的不對等關(guān)系[1]。

從劣勢方面進行分析，“互聯(lián)網(wǎng)+”技術(shù)一般均需依托Internet，在實驗過程中開放網(wǎng)絡(luò)會成為常態(tài)，一部分不專心的學(xué)生會瀏覽與實驗教學(xué)主題無關(guān)的內(nèi)容。這對教師的實驗管理提出嚴峻的考驗，要維持課堂的有序，保證實驗流程的正常運行，都需付出更多的努力。

從機遇方面進行分析，“互聯(lián)網(wǎng)+”如同春風(fēng)，吹起一池之水，為原來呆板的UI設(shè)計課程實驗教學(xué)帶來新的改革機遇。教師可以大膽啟用適合于課程的技術(shù)手段，設(shè)計出符合智慧教育趨勢的教學(xué)模式，幫助學(xué)生參與更深層次的探究學(xué)習(xí)。

從威脅方面進行分析，新技術(shù)應(yīng)用于實驗教學(xué)，帶有一定的未知性，教師較難掌控所有方面。一旦對其管理不佳，則可能造成課堂上的某些失控，對整門課程造成不良影響。

綜上所述，只要克服實驗教學(xué)管理、學(xué)生動機維持等問題，應(yīng)用互聯(lián)網(wǎng)+手段構(gòu)建UI設(shè)計實驗教學(xué)模式具備較大可行性。

3 實驗教學(xué)原則

無論采用何種“互聯(lián)網(wǎng)+”技術(shù)手段，無論安排何種形式的混合教學(xué)，“互聯(lián)網(wǎng)+”背景下的UI設(shè)計課程實驗教學(xué)都應(yīng)遵循以下原則。

技術(shù)必須服務(wù)于實驗教學(xué) “互聯(lián)網(wǎng)+”背景下的實驗教學(xué)雖然是新技術(shù)的應(yīng)用，但并非“為了使用技術(shù)而用技術(shù)”。每一項“互聯(lián)網(wǎng)+”技術(shù)在引入實驗教學(xué)之前，都必須經(jīng)過論證評估。首先對其面向?qū)ο蟆⒓夹g(shù)特征、教學(xué)優(yōu)勢、潛在隱患等進行詳細調(diào)研，再判斷是否有合適的實驗環(huán)節(jié)可以嵌入，最后決定是否將其安排入課程的實驗設(shè)計之中，確保其能服務(wù)于實驗教學(xué)。

維護教師的主導(dǎo)地位 在“互聯(lián)網(wǎng)+教育”概念興起的當(dāng)下，有些教學(xué)工作者看到深度學(xué)習(xí)機器人戰(zhàn)勝人類思維能力等現(xiàn)象，對教學(xué)產(chǎn)生悲觀情緒，認為“互聯(lián)網(wǎng)+”將弱化教師地位。然而筆者認為，“互聯(lián)網(wǎng)+”代表了新型的思維，但是教師地位并未下降，而是在側(cè)面被加強。教師對于整個因新技術(shù)而呈現(xiàn)離散狀態(tài)的教學(xué)過程，其引導(dǎo)管理作用變得愈加重要突出。人與生俱來的情感天性，也不可能因為冰冷的顯示屏幕而被取代，面授除了知識的交流，還是一種情感的交流，教師的主導(dǎo)地位在“互聯(lián)網(wǎng)+”背景下的UI設(shè)計課程中仍需維護。

增強學(xué)生的學(xué)習(xí)效果 采用“互聯(lián)網(wǎng)+”技術(shù)的實驗教學(xué)改革后，學(xué)生的學(xué)習(xí)效果應(yīng)能得到某種程度的提升，包括參與動機、關(guān)注程度、實踐熱情、知識內(nèi)化效率、課程滿意程度等。只要是能產(chǎn)生某些方面的助益，對教學(xué)過程沒有消極影響，均可以考慮引入。如某項技術(shù)對于教學(xué)設(shè)計中的知識表達可能并無太多幫助，但它能活躍學(xué)習(xí)氣氛，提升參與者的自信與熱情，即可加入上述第一條原則的論證對象列表。

4 實驗教學(xué)模式

“互聯(lián)網(wǎng)+”背景下的UI設(shè)計課程實驗教學(xué)模式，主要以微信作為貫穿課程始終的互聯(lián)網(wǎng)媒介，構(gòu)建線上線下相結(jié)合的形式，從基于慕課的自習(xí)、混合式實驗過程、基于Web教學(xué)平臺評價、基于開源社區(qū)擴展實踐等方面展開，其模式思路如圖1所示[2]。

基于慕課的自習(xí) 實驗教學(xué)的課前學(xué)習(xí)主要通過慕課自習(xí)實現(xiàn)。教師在第一次課即要求學(xué)生必須使用微信關(guān)注教師公眾號。教師提前一周左右在微信公眾號發(fā)布下一節(jié)課的知識要點，并提供慕課學(xué)習(xí)資源的鏈接，要求學(xué)生就實驗的知識要點在慕課平臺上進行自學(xué)。

如下一節(jié)實驗課的主題是APP UI，教師事先在微信公眾號上發(fā)送推文，通知學(xué)生就APP UI主題進行預(yù)習(xí)，要求結(jié)合教材、圖書館、網(wǎng)絡(luò)數(shù)據(jù)庫等就APP UI的設(shè)計原則、設(shè)計風(fēng)格、設(shè)計工具等做一個基本的了解。教師除了預(yù)告學(xué)習(xí)要求，還會提供與APP UI相關(guān)的網(wǎng)絡(luò)參考資源。除了依據(jù)課程建設(shè)實際情況推送學(xué)校自制平面設(shè)計類慕課，還會推送中國大學(xué)MOOC“人人愛設(shè)計”、清華大學(xué)學(xué)堂在線“視覺傳達設(shè)計思維與方法”等著名聯(lián)盟、院校的針對性慕課資源，以解決參考資源有時不夠全面的問題。

混合式實驗過程 在實驗教學(xué)開始階段，教師必須從微信端推送實驗指導(dǎo)書，使用簡化的流程圖等方法告知學(xué)生整個實驗的步驟，以讓學(xué)生對實驗操作步驟有一個大致的概念，設(shè)立實驗教學(xué)目標(biāo)與流程，降低部分學(xué)生的茫然與緊張感。

如教師推送一個“頭腦風(fēng)暴+思維導(dǎo)圖+UI繪制”的流程以及繪制APP UI的重點技巧至學(xué)生微信，進行學(xué)習(xí)任務(wù)的預(yù)示。要求學(xué)生按5～6人分組進行頭腦風(fēng)暴，每組設(shè)一位組長以及一位記錄員。教師將事先準(zhǔn)備好的寫有提示APP主題的卡片分發(fā)到每個小組，要求小組就發(fā)到卡片主題進行頭腦風(fēng)暴、提煉創(chuàng)意，在討論過程中成員不得打斷發(fā)言，學(xué)生采用Xmind軟件或紙筆等工具提煉創(chuàng)意。頭腦風(fēng)暴結(jié)束后，教師指導(dǎo)學(xué)生使用Xmind將創(chuàng)意點組織為思維導(dǎo)圖，如圖2所示，并請創(chuàng)意較好的小組將思維導(dǎo)圖成果在講臺上進行講解。而后，教師要求每個小組分工合作，就APP UI的各個分解頁面使用Axure或Sketch繪制APP UI原型。教師在整個混合式實驗過程中主要是組織與引導(dǎo)，并視學(xué)生的具體實驗需求考慮采用Remote Desktop演示重點與難點。

除此之外，師生的討論有時也使用微信的微現(xiàn)場等功能進行交互，如教師在Web設(shè)立討論主題“微軟的扁平化風(fēng)格UI是否代表互聯(lián)網(wǎng)的全部扁平化趨勢”，要求學(xué)生進行討論。學(xué)生使用手機掃描二維碼通過微信提交看法，教師則篩選學(xué)生討論意見，將具備代表性的見解“上墻”（展示在頁面），并對“上墻”意見進行點評。

基于Web教學(xué)平臺的評價 教學(xué)評價在實驗教學(xué)中是至關(guān)重要的一個環(huán)節(jié)，教師需有機結(jié)合過程性評價與總結(jié)性評價[3]。過程性評價方面，教師通過頭腦風(fēng)暴活動中的組員表現(xiàn)、思維導(dǎo)圖的創(chuàng)意講解、現(xiàn)場互動等形式進行評價。總結(jié)性評價方面，教師主要通過學(xué)生在Web端提交的作業(yè)進行評價。期末總評對過程性評價與總結(jié)性評價進行加權(quán)計算。

限于微信手機端API等問題，移動端提交作業(yè)功能仍不成熟，因此，目前實驗作業(yè)的提交與批改采用的是“課堂派”這種融合PC端與移動端的Web教學(xué)平臺。教師提前在Web教學(xué)平臺發(fā)布作業(yè)要求，學(xué)生將完成的實驗成果提交到系統(tǒng)對應(yīng)任務(wù)，教師在平臺上實時預(yù)覽作業(yè)并進行打分。因為該Web系統(tǒng)與微信端數(shù)據(jù)互通，學(xué)生可自愿綁定微信至Web系統(tǒng)。綁定微信號的好處是，學(xué)生可以通過微信查詢作業(yè)提交結(jié)果以及分數(shù)。教師也可以針對作業(yè)中的問題進行私信點評，師生間均可以通過Web系統(tǒng)或微信進行站內(nèi)私信，避免學(xué)生因做錯作業(yè)產(chǎn)生的尷尬感，實際應(yīng)用效果良好，加深了師生的信任與交流。

基于開源社區(qū)的擴展實踐 創(chuàng)新創(chuàng)業(yè)成為當(dāng)下高校應(yīng)用型教育的重點關(guān)注話題，因此，本研究除了課堂內(nèi)的實驗，還積極推動課外的實踐深化。“互聯(lián)網(wǎng)+”背景下UI設(shè)計課程的擴展實踐，主要安排在課后。教師通過微信推送時下具備發(fā)展?jié)摿Φ膭?chuàng)新創(chuàng)業(yè)項目主題，引導(dǎo)實驗過程中感興趣的學(xué)生參與項目實踐。此外，教師不定期微信推送開源社區(qū)信息（如開源中國社區(qū)OSChina），引導(dǎo)學(xué)生在課外跨學(xué)科跨學(xué)院組隊，擴展所學(xué)知識，并依托科技競賽、學(xué)生科研項目等將其轉(zhuǎn)化為實踐成果。教師在這個步驟內(nèi)充當(dāng)導(dǎo)師身份，與學(xué)生在創(chuàng)客空間等場所進行交流，助其成果孵化。

5 存在問題

“互聯(lián)網(wǎng)+”背景下的UI設(shè)計課程實驗教學(xué)中，雖然在諸多方面有所改良，但也存在一些問題。

工具并非原生為教學(xué)開發(fā) 許多好的互聯(lián)網(wǎng)工具（方法、應(yīng)用、平臺等）無法直接應(yīng)用于實驗教學(xué)，降低了工具的適用性與工作效率。原因在于其并非原生為教學(xué)開發(fā)，部分是中途轉(zhuǎn)型，還有部分至今仍面向其他領(lǐng)域。但一個利好的現(xiàn)象是，包括YY教育、新東方網(wǎng)校、淘寶同學(xué)在內(nèi)等在線教育均對教育市場看好，開始投入開發(fā)力度，甚至QQ群等長期未進行教學(xué)優(yōu)化的也推出了教學(xué)群功能。

教師對于新技術(shù)有抵觸心理 大部分教師能接受新技術(shù)，卻不情愿將其應(yīng)用于教學(xué)。因為，首先這部分付出往往并未計入工作量，教師沒有回報；其次，學(xué)習(xí)技術(shù)需要時間，將技術(shù)轉(zhuǎn)化應(yīng)用于教學(xué)進而改變自己多年來形成的教學(xué)習(xí)慣，也并非一件容易的事情，部分教師產(chǎn)生畏懼心理，害怕在課堂上因新技術(shù)應(yīng)用失誤而產(chǎn)生尷尬。這一點仍需要學(xué)校對教師進行相應(yīng)的政策安排，以及通過培訓(xùn)提高教師的技術(shù)能力。

自律性差的學(xué)生會影響效果 實驗教學(xué)中教師頭疼的往往是部分自律性較差的學(xué)生。如在大班教學(xué)小組討論項目形式中，組內(nèi)“消極怠工”的學(xué)生往往會降低整個小組的凝聚力，影響最后的實驗成果。微信、Web等應(yīng)用的放開，給了學(xué)生探究與解決問題的自由與資源，然而從事無關(guān)事情的學(xué)生卻會影響整個實驗任務(wù)的積極氛圍。針對上述問題，教師必須時刻關(guān)注實驗過程，因材施教，引導(dǎo)偏離于任務(wù)之外的學(xué)生重新回到任務(wù)線。

6 結(jié)論

“互聯(lián)網(wǎng)+”應(yīng)用于實驗教學(xué)是一種趨勢，種種便捷特性為UI設(shè)計課程帶來新的活力。本研究結(jié)合微信、Web教學(xué)系統(tǒng)等互聯(lián)網(wǎng)媒體，采用頭腦風(fēng)暴、思維導(dǎo)圖等教學(xué)方法，目前在實際教學(xué)中已經(jīng)取得一定的成效，學(xué)生對此滿意度較高，期望能結(jié)合更多的“互聯(lián)網(wǎng)+”技術(shù)進行教學(xué)方法的探索。對于教師及教育研究者而言，“互聯(lián)網(wǎng)+”本身正在發(fā)展，仍有許多特性需要時間去改善，以更好地符合教學(xué)需求。相信在未來，隨著技術(shù)的成熟以及教師對技術(shù)的接納度提升，包括UI設(shè)計在內(nèi)的課程都會形成更加符合時代需求的教學(xué)模式。

參考文獻

[1]張巖.“互聯(lián)網(wǎng)+教育”理念及模式探析[J].中國高教研究，2016（2）：70-73.

[2]閆曉甜，等.微信支持下的混合式學(xué)習(xí)模式構(gòu)建及其學(xué)生參與度評價研究[J].中國信息技術(shù)教育，2015（z1）：189-193.

[3]徐妲，鐘紹春，等.基于翻轉(zhuǎn)課堂的化學(xué)實驗教學(xué)模式及支撐系統(tǒng)研究[J].遠程教育雜志，2013（5）：107-112.