微課在UI交互設計課程信息化教學中的應用研究

潘倩

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

關鍵詞：微課;信息化教學;UI交互設計

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

一、對微課的認識

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

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

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

（一）課前籌備

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

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

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

（二）課堂教學

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

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

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

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

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

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

（三）課后評價與反饋

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

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

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

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

UI交互設計課程順應當下市場對界面設計師的極度需求而生，相比較傳統的平面設計，不僅要處理平面的信息，還要處理多媒體界面和網絡視覺設計的內容，教師必須自主學習如何使用微課等信息化教學手段上好這門課。可以說教師在制作微課和使用微課的過程中提高了信息化教學水平。

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

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

（三）活躍了課堂氣氛

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

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

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

四、結束語

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

參考文獻

[1] 張一春.微課建設研究與思考[J].中國教育網絡，2013，10（10）：28-31.

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

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