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

顧漢杰

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

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

中圖分類號(hào)：G642.3 文獻(xiàn)標(biāo)識(shí)碼：B

文章編號(hào)：1671-489X（2017）06-0130-03

1 引言

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

2 實(shí)施可行性

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

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

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

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

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

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

3 實(shí)驗(yàn)教學(xué)原則

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

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

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

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

4 實(shí)驗(yàn)教學(xué)模式

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

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

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

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

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

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

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

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

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

5 存在問(wèn)題

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

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

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

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

6 結(jié)論

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

參考文獻(xiàn)

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

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

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