淺析“任務驅動”教學法在《UI設計技術》教學中的應用

劉民娟 李穎云

【摘 要】 本文針對高職院校軟件技術專業的專業核心課程《UI設計技術》教學過程中存在的問題，探討了引入“任務驅動”教學法的重要性與應用措施。以課程內容所涉及的教學單元為例，分析了“任務驅動”教學法中任務體系設計、教學環節設計、教學組織實施、教學評價等環節的創新性和可實施性。教學實踐證明，“任務驅動”教學法更能激發學生自主學習的探索能力，教學效果明顯提高。

【關鍵詞】 高職院校;“任務驅動”教學法;UI設計技術;教學應用

UI設計是指對軟件的人機交互、操作邏輯和界面美觀的整體設計，是英文User Interface的縮寫。《UI設計技術》課程是高職軟件技術專業的專業核心課程，旨在培養學生在網頁界面設計、應用軟件界面設計、移動APP界面設計、游戲界面設計等UI領域的實踐操作能力和創新設計能力。該課程的授課對象是軟件技術專業的大二學生，他們在學習《UI設計技術》課程之前并沒有接觸過與UI相關的任何基礎課程，對photoshop軟件也了解的不多，要想通過有限的56個學時來完成PS軟件基礎操作學習和UI設計中的網頁界面設計、應用軟件界面設計、移動APP界面設計、游戲界面設計等的設計規范學習內容，時間安排非常緊張。時間短、課程任務重勢必會削弱學生的接受能力和自主創造力。長期如此將大大降低學生的學習熱情和積極性，也影響教學效果。針對此教學現狀，授課教師必須從課程內容、教學設計、教學方法等方面入手，及時調整教學方法策略，以提升教學效率。

一、“任務驅動”教學法概述

“任務驅動”教學法以“任務為主線，教師為主導，學生為主體”，是一種建立在建構主義學習理論基礎上的教學法，它改變了以往傳統的以教師傳授知識的教學理念，轉變為以任務為驅動的翻轉課堂教學理念;將再現式教學轉變為探究式學習，使學生處于積極的主動學習狀態。每一位學生都能運用自己已有的知識來發現、分析任務模塊中的問題，并能從已有的學習經驗和知識中獲得解決方案。教師必須對課程內容進行重構，將知識體系分解為若干可執行的教學任務。每個教學任務都應該囊括大大小小的知識點在里邊，學生通過任務分析發現問題，并在解決問題的過程中實現知識點的內化，最終完成教學任務。學生在完成任務的過程中，變被動學習為主動學習，從而培養學生自主探究、主動參與、自主協作的能力。

二、《UI設計技術》課程中“任務驅動”教學環節設計

以知識講解為主的傳統的教學模式很難滿足UI設計行業對開放創新型UI設計人才的需求，傳統課堂培養出的畢業學生很難承擔企業的實際項目任務，針對此現狀本文結合《UI設計技術》課程內容進行了知識點重構，并將知識點融合到若干個案例任務中，以任務為載體，探索“任務驅動”教學法在UI設計技術課程中的實踐教學模式，為企業和社會培養出具有較強的動手能力和職業素養的UI設計人才。

以APP界面設計模塊為例，打破教材中原有從局部到整體的零散的知識點講解模式，對知識系統進行打散、重構，對知識體系重新架構，重新組合成若干系統完整的仿真案例項目，例如ios系統界面設計模塊就分解為餐飲類APP界面設計、音樂播放器APP界面設計、美妝類商城APP界面設計三個案例項目。在現有教學條件下，嘗試以模擬仿真APP項目為依托，以教師為主導，學生為中心，將任務分解為任務推出、任務分析、任務實施、任務評價四個教學環節。教師在各個教學環節中起引導、釋疑、評價的作用。學生是任務的主要實施者，以“學生為中心”貫穿任務的各個環節，在任務實施過程中學生不僅可以利用舊有知識儲備去解決新問題，還可以激發學生探索新知識的熱情，增加獲取知識的樂趣，從而完成整個實踐教學。

現以APP界面設計模塊里其中的美妝類商城APP界面設計項目為例，來闡述“任務驅動”教學模式各個教學環節的設計實施。

1、任務推出

教師在上課之前將教學任務安排通過微信群提前告知學生，并將任務所需素材及具體要求上傳到職教云平臺。學生接到預習通知，提前下載素材并了解項目要求。課堂上老師通過創設的情境引入教學任務：某化妝品商城委托你就職的UI設計公司設計一個完整的美妝商城APP，你所在的UI視覺設計組負責所有頁面的界面設計，設計組長給你分配的任務是完成APP界面中的首頁和商品詳情界面的設計制作。本次教學任務是完成某美妝商城APP界面設計中的首頁和商品詳情頁面設計制作，頁面制作所需的圖標、圖片素材已經提供給學生。

2、任務分析

任務實施之前，教師向學生介紹分析項目設計具體要求。尺寸要求為：APP系統為ios系統，界面尺寸為iphone6，@2x，750*1334像素/英寸。顏色及風格：該美妝商城APP以女性為主要消費人群，所以顏色定位為紅色系，時尚簡約，風格偏扁平化。首頁界面主要設計的模塊為狀態欄、導航欄、Banner圖、功能區、新品推薦、熱銷產品、限時搶購、標簽欄。產品詳情頁面主要設計的版塊內容為產品圖、產品簡介、價格、加入購物車、立即購買等。

3、任務實施

學生在已有的項目要求指導下，開始美妝商城APP的首頁和商品詳情頁的制作。學生利用已有的知識儲備自主完成兩個頁面的設計制作。在制作過程中做好過程記錄單的填寫，把界面中涉及到的字體、字號、顏色、行距、形狀尺寸、圖標尺寸、間距等進行記錄，并記錄制作過程中的問題及解決方法，解決不了的問題做好記錄向老師反饋。老師在學生制作過程中，根據學生的制作情況進行指導，并對學生在記錄單中記錄的問題進行解答，并針對性講解。

4、任務評價

學生在完成兩個界面設計后，將頁面的psd格式和jpeg格式上傳到職教云平臺，老師對學生的任務完成情況進行評價，并對出現的問題針對性的評價，學生根據老師提出的修改意見進行修改完善，并重新提交。讓學生相互查看完成效果，并相互評價并打分。采用老師點評和學生互評的方式，可以更全面、公正的對學生的作業做出評價。學生在相互評價打分過程中可以發現自己的不足和同學的優點，學生間相互學習，相互激勵，激發了學生的學習熱情和積極性。

【參考文獻】

[1] 唐治，李穎. “項目貫穿式” UI互動設計教學探索——以工業產品中的軟件界面設計為例[J]. 電腦知識與技術，2017.08.

[2] 沈愛鳳，韓學芹.職業教育中“任務驅動式”教學模式的探討與應用[J].職教論壇，2016.02.

[3] 劉哲緯.高職自動化專業教學改革中的相關問題研究[J].高教探索， 2016.05.

[4] 徐樂.項目驅動教學法在“Flash 動畫設計”課程教學中的應用[J]. 職教通訊，2014.07.

【作者簡介】

劉民娟，女，講師，主要從事數字媒體應用技術專業相關課程的教學工作.

李穎云，女，副教授，主要從事軟件技術專業相關課程的教學工作.