潘倩

摘 要：UI交互設(shè)計是一門對各類用戶界面進行優(yōu)化、規(guī)范和美化的設(shè)計科學，優(yōu)秀的人機互動體驗和信息可視化設(shè)計是其追求的目標。要想上好UI交互設(shè)計這門課，教師就必須突破傳統(tǒng)教學模式的框架，根據(jù)UI交互設(shè)計課程的教學大綱、課程教學計劃、所授專業(yè)的職業(yè)崗位需求等，借助信息化技術(shù)手段，將微課引入UI交互設(shè)計課程教學的各個階段。教學實踐證明，將微課引入課程教學不僅可以提高學生的學習興趣和主動性，而且提高了教師的信息化教學水平。

關(guān)鍵詞：微課;信息化教學;UI交互設(shè)計

21世紀是信息技術(shù)高速發(fā)展的時代，人們對圖形的需求已經(jīng)不能滿足于平面的圖形，更加可視的、可交互性的二維甚至三維的圖形界面設(shè)計越來越受到重視和追捧。User Interface（用戶界面）簡稱“UI”，其范圍涵蓋了手機界面設(shè)計、網(wǎng)站設(shè)計、軟件界面設(shè)計、游戲界面設(shè)計和播放器界面設(shè)計等。UI交互設(shè)計是一門對各類界面進行優(yōu)化、規(guī)范和美化的設(shè)計科學，以滿足用戶對信息技術(shù)產(chǎn)品界面更加人性化、靈活性、簡易性、可控性、安全性和一致性要求為目標，最終為使用者提供愉悅體驗的設(shè)計過程。因此，要上好UI交互設(shè)計這門課程，教師就必須在課堂教學中大膽突破，利用信息化建設(shè)浪潮帶來的平臺和技術(shù)尤其是微課，從學生的需求角度出發(fā)，生動有趣地開展教學設(shè)計。

一、對微課的認識

微課，英文為Microlecture，由 micro（微觀的）+lecture（講座、講課、演講）組成。由此可見，短小精悍的教學視頻是微課的核心組成部分。很多人對微課概念的理解僅停留在微課就是幾分鐘一個的與教學知識點相關(guān)的教學視頻，以為進行微課教學就是將提前做好的教學視頻發(fā)布給學生，讓學生照著視頻提前學習，然后帶著問題在面對面的課堂教學中進行解決即可。然而，不管是追溯微課的起源、應(yīng)用歷史還是調(diào)研分析優(yōu)秀的微課，微課的內(nèi)涵除了微視頻，還包括與某個知識技能點相關(guān)的教學計劃、教學大綱、素材案例、教學設(shè)計、教學課件與素材、教學考核、教學測評、學生反饋和教師評價等輔助性教學資源包，所有這些教學要素通過有序的分解與重構(gòu)，看似“碎片化”的學習，實則與傳統(tǒng)課堂教學相比，更有針對性、問題解決導向性、靈活性、方便性、互動性和及時性的特點[1]。

二、微課在UI交互設(shè)計課程教學中的實踐

從收集的本校3個不同專業(yè)學生的《微課使用情況調(diào)查問卷》的數(shù)據(jù)分析顯示：目前經(jīng)常接觸微課的學生占總?cè)藬?shù)的25.72%、偶爾接觸的占57.14%、從來沒有接觸過的占17.14%;學生接觸微課的途徑主要為老師，其次是網(wǎng)絡(luò)和同學;通過云課堂、微課網(wǎng)、國家精品課程網(wǎng)和網(wǎng)易公開課接觸到微課的學生人數(shù)比例分別為88.57 %、20.0%、14.29%和11.43%，還有5.71%的學生通過其他途徑接觸微課;非常愿意使用微課進行學習的學生占總調(diào)查人數(shù)的57.14%，愿意的占34.29%，還有8.57%的學生表示無所謂（主要是偶爾或沒接觸過微課的同學）;調(diào)查的學生當中有80.0%對視頻講解形式的微課感興趣，40.0%的學生對動畫形式的微課表示出興趣;希望微課可以設(shè)置在課前預(yù)習環(huán)節(jié)的比例為42.86%、出現(xiàn)在課后復習的環(huán)節(jié)比例為57.14%?！段⒄n使用情況調(diào)查問卷》的所有數(shù)據(jù)都表明3個專業(yè)的學生對微課導入課程教學是持支持態(tài)度的。以UI交互設(shè)計課程為例，分享如何利用微課進行信息化教學：

（一）課前籌備

根據(jù)UI交互設(shè)計課程的教學大綱、課程教學計劃、所授專業(yè)的職業(yè)崗位需求等，制定出6部分相對獨立又層層遞進的教學內(nèi)容，如表1[2]。

圍繞每一部分課程的重點、難點，收集、整理、制作和上傳學習任務(wù)書、PPT課件、微課視頻、測試習題和經(jīng)典案例賞析。微課視頻重點提取每個典型案例所用的核心技術(shù)、難點和技巧點進行講解，每個視頻錄制時間控制在10分鐘內(nèi)。主要采用錄屏軟件（EV錄屏）進行錄制，由于EV錄屏是免費的且非常容易上手，不僅方便學生觀看老師的整個操作過程，而且對于教師來說，用此軟件錄制UI交互設(shè)計的微課視頻既經(jīng)濟又便捷。

學生可以充分利用碎片化時間，在任何可行的地點，登錄云課堂APP進入UI交互設(shè)計課程網(wǎng)站進行預(yù)習，按照學習任務(wù)書完成練習。教師可以通過課程網(wǎng)站及時查看學生的自學完成情況，統(tǒng)計學生已掌握的知識技能點和未完成的難點和易錯點，調(diào)整教學計劃，讓下一步的課堂教學做到有的放矢！

（二）課堂教學

以UI交互設(shè)計中的手機界面設(shè)計為例，將課堂教學分為5個部分：

1.教師可以利用云課堂等信息化教學平臺的簽到功能對學生進行考勤，云課堂中的手勢簽到和二維碼簽到可以設(shè)定精確的簽到時間，最大限度降低了學生代簽到或者異地簽到的概率，對學生出勤率的保證具有明顯的作用。

2.教師播放課前上傳的手機界面設(shè)計的PPT課件，參考之前收集的學生難以理解的問題反饋。通過展示國內(nèi)外獲獎的優(yōu)秀手機主題設(shè)計、手機APP界面設(shè)計作品，重點對手機界面設(shè)計的要求、手機界面設(shè)計的基本常識（手機顯示屏分辨率、手機界面的色彩級別及手機界面設(shè)計圖標的尺寸）進行視覺化和形象化的講解，為學生繪制界面打下扎實的理論基礎(chǔ)。

3.教師利用上課機房的教學軟件（如極域電子教室），邀請自學完成優(yōu)秀的學生積極參與基礎(chǔ)操作技能的演示，給同學們更多自主學習和自我展示的機會，為今后匯報作品培養(yǎng)表達能力。

4.針對課前學生手機界面設(shè)計作業(yè)的完成情況，圍繞重點與難點，教師將案例進行課題分解，將一個案例分解成相對獨立的小步驟，以使學生能扎實地、一步步掌握好技術(shù)要點。

5.教師總結(jié)課程的重難點，以此案例為出發(fā)點，引導學生去思考如何將本案例所學技能進行遷移和泛化，并且布置具有啟發(fā)性的課題。例如，案例制作的是iOS操作系統(tǒng)的應(yīng)用商店圖標， 泛化的練習則是制作Android系統(tǒng)的應(yīng)用商店圖標。

（三）課后評價與反饋

學生在限定的時間內(nèi)將案例作業(yè)及泛化練習作業(yè)上傳課程平臺（本文以云課堂為例）。不僅可以針對還未明白的知識點回看課前教師上傳的課件和微課視頻，幫助自己鞏固知識和技能，還能將著實不理解的問題留言給教師。

教師登錄課程平臺對每位學生的作業(yè)進行打分和點評，利用一對一的私密點評功能，讓每一位學生都能得到反饋。針對學生作業(yè)中出現(xiàn)仍然未掌握的技術(shù)難點，教師可以制作詳實的、更有針對性的短視頻上傳課程系統(tǒng)，幫助學生完全理解和掌握UI交互設(shè)計知識和技能。

三、UI交互設(shè)計課程采用微課教學的效果

（一）促進了教師的信息化教學

UI交互設(shè)計課程順應(yīng)當下市場對界面設(shè)計師的極度需求而生，相比較傳統(tǒng)的平面設(shè)計，不僅要處理平面的信息，還要處理多媒體界面和網(wǎng)絡(luò)視覺設(shè)計的內(nèi)容，教師必須自主學習如何使用微課等信息化教學手段上好這門課?？梢哉f教師在制作微課和使用微課的過程中提高了信息化教學水平。

（二）激發(fā)了學生學習的自覺性與主動性

因為UI交互設(shè)計課程微課視頻和課件資料等是教師提前幾天甚至一周上傳的，學生可以很好地利用碎片化時間提前進行預(yù)習，避免了因為課堂學習時間有限而難以在短短幾節(jié)課內(nèi)理解和掌握知識點的困境。同時，精彩優(yōu)秀案例的分析也大大激發(fā)了學生的學習興趣和主動性，而且學生可以提前將自己對重難點的困惑反饋給教師，避免了傳統(tǒng)課堂教學課后反饋不及時的問題。

（三）活躍了課堂氣氛

傳統(tǒng)課堂教學是教師的單向輸出為主，學生很少有機會參與討論和互動，精力都集中在被動聽課上。而采用微課進行教學，因為通過之前的預(yù)習已經(jīng)對本次課程內(nèi)容有一定的掌握，學生就有了自信，可以更多參與到教師設(shè)置的互動和討論活動中。教學實踐表明，不少優(yōu)秀活躍的學生是非常愿意參與到簡短的基礎(chǔ)知識點的教學活動中的，他們很是愿意擔任幾分鐘小老師的角色的。

（四）延伸和泛化了課本知識

傳統(tǒng)的課堂教學，老師往往只能在課程結(jié)束前對知識技能的延伸和泛化做點羅列，很少有機會跟進。而通過信息化的教學手段，如教師可以制作泛化的課件或者微課視頻，在線發(fā)布到課程平臺以供學生參考學習。學生也可以將自己泛化的案例作品上傳課程平臺以供教師指導和評價[3]。

四、結(jié)束語

UI交互設(shè)計是一門對各類界面進行優(yōu)化、規(guī)范和美化的設(shè)計科學，是人與機器、人與軟件傳遞和交換信息的媒介，用戶能否獲得滿意和愉悅的操作體驗很大程度上決定著產(chǎn)品的成敗。因此，UI交互設(shè)計課程相比很多傳統(tǒng)的視覺課程而言，也對教師的教學能力提出了更高的要求，教師不僅要掌握UI交互設(shè)計的原理與方法，而且要善于利用微課等信息化教學手段，將UI交互設(shè)計課程上得有意思、可互動和有時效。

參考文獻

[1] 張一春.微課建設(shè)研究與思考[J].中國教育網(wǎng)絡(luò)，2013，10（10）：28-31.

[2] 張晨起.Photoshop UI交互設(shè)計[M].人民郵電出版社，2018：1-6.

[3] 任璘.教師移動教學能力提升策略研究：以微課教學資源建設(shè)為例[J].湖北開放職業(yè)學院學報，2019，32（19）：152-153.