《移動(dòng)終端界面設(shè)計(jì)》課程線上線下混合式教學(xué)的探索與實(shí)踐

陳希赟

【摘 要】翻轉(zhuǎn)課堂和線上線下混合式教學(xué)模式是互聯(lián)網(wǎng)+教育的產(chǎn)物，旨在激發(fā)學(xué)生的學(xué)習(xí)興趣，不僅拓展了學(xué)習(xí)的時(shí)間、空間和資源，也更符合當(dāng)下互聯(lián)網(wǎng)原住民學(xué)習(xí)者的日常習(xí)慣。而在這項(xiàng)課程改革中，提升教師的信息化教學(xué)能力是一項(xiàng)長(zhǎng)期任務(wù)，信息化只是手段，而真正的教學(xué)能力應(yīng)是合理應(yīng)用信息化的能力，切不可為了翻轉(zhuǎn)而翻轉(zhuǎn)，為了信息化而信息化。筆者通過(guò)《移動(dòng)終端界面設(shè)計(jì)》課程，從課程設(shè)計(jì)理念、課程目標(biāo)設(shè)計(jì)、課程內(nèi)容設(shè)計(jì)、課程教學(xué)過(guò)程設(shè)計(jì)、課程考核設(shè)計(jì)五個(gè)方面對(duì)線上線下混合式教學(xué)模式進(jìn)行的探索與實(shí)踐，試圖為用戶體驗(yàn)課程體系內(nèi)課程的信息化教學(xué)改革提供參考。

【關(guān)鍵詞】線上線下;混合式教學(xué);翻轉(zhuǎn)課程;信息化;界面設(shè)計(jì)

中圖分類(lèi)號(hào)： G434;G712.3;O657-4文獻(xiàn)標(biāo)識(shí)碼： A文章編號(hào)： 2095-2457（2019）29-0116-002

DOI：10.19694/j.cnki.issn2095-2457.2019.29.053

1 混合式教學(xué)改革的現(xiàn)狀

為了讓學(xué)生學(xué)地更主動(dòng)、更靈活，提高學(xué)習(xí)參與度，真正實(shí)現(xiàn)以學(xué)生為主體，眾多高校都刮起了一股線上線下混合教學(xué)的翻轉(zhuǎn)課堂風(fēng)。翻轉(zhuǎn)課堂是指學(xué)生在課前訪問(wèn)課程平臺(tái)觀看教師事先上傳好的指定課程視頻，課中師生面對(duì)面交流和完成作業(yè)的一種教學(xué)形態(tài)。因此翻轉(zhuǎn)課堂需要信息化教學(xué)技術(shù)和慕課平臺(tái)等做支撐，而慕課是由一個(gè)個(gè)講授某個(gè)知識(shí)點(diǎn)或操作過(guò)程演示的微課構(gòu)成。

傳統(tǒng)的教學(xué)方式中，教師往往扮演著知識(shí)搬運(yùn)工的角色，學(xué)生的被動(dòng)接受使得學(xué)習(xí)效果很不理想。因此新的教學(xué)模式旨在激發(fā)學(xué)生的學(xué)習(xí)興趣，傳授學(xué)習(xí)方法，培養(yǎng)學(xué)習(xí)習(xí)慣。因此教師身份也被重新定義為教學(xué)組織者。翻轉(zhuǎn)課堂也是互聯(lián)網(wǎng)+教育的產(chǎn)物，線上線下混合式教學(xué)不僅拓展了學(xué)習(xí)的時(shí)間、空間和資源，也更符合當(dāng)下互聯(lián)網(wǎng)原住民學(xué)習(xí)者的日常習(xí)慣。

但是課堂如何翻轉(zhuǎn)，什么樣的知識(shí)點(diǎn)需要制作成適用于課堂翻轉(zhuǎn)的微課視頻，這都應(yīng)該基于一定的教學(xué)目的。用于預(yù)習(xí)的視頻應(yīng)區(qū)別于教師講課視頻，翻轉(zhuǎn)課堂不是單純地將教學(xué)任務(wù)前置，不然不僅沒(méi)有改變“先教后練”的接受性學(xué)習(xí)，還可能加重了學(xué)生的學(xué)習(xí)負(fù)擔(dān)。因此，用于翻轉(zhuǎn)課堂的課前預(yù)習(xí)視頻應(yīng)該是能起到激發(fā)學(xué)生自主學(xué)習(xí)興趣和提高課堂參與度的作用。到了實(shí)體課堂上，教師再輔以現(xiàn)場(chǎng)點(diǎn)撥和指導(dǎo)，師生合作、生生合作完成學(xué)業(yè)任務(wù)。

2 《移動(dòng)終端界面設(shè)計(jì)》課程特征和信息化手段實(shí)施

以《移動(dòng)終端界面設(shè)計(jì)》課程為例，在“互聯(lián)網(wǎng)+”的影響下，智能終端大量涌現(xiàn)，深刻揭示了產(chǎn)品技術(shù)與藝術(shù)相結(jié)合的重要性，界面設(shè)計(jì)被提到新的高度。大規(guī)模的智能終端本就是互聯(lián)網(wǎng)浪潮的產(chǎn)物，因此最好的設(shè)計(jì)案例皆在互聯(lián)網(wǎng)上誕生且運(yùn)營(yíng)。因此在課程中，免不了要向?qū)W生介紹大量的手機(jī)系統(tǒng)、APP應(yīng)用程序等。而在過(guò)去的課程中，我們常將網(wǎng)絡(luò)上、手機(jī)中找到的案例截圖放進(jìn)PPT中做靜態(tài)展示，展示效果非常受限，只能呈現(xiàn)出界面的美觀設(shè)計(jì)。但如今我們可以借助各類(lèi)投屏軟件，在互聯(lián)網(wǎng)上實(shí)時(shí)訪問(wèn)各類(lèi)網(wǎng)站和軟件，通過(guò)人機(jī)交互實(shí)現(xiàn)動(dòng)態(tài)展示，這在資源展示的效率和飽滿度上都有了質(zhì)的飛躍。

當(dāng)前界面設(shè)計(jì)人才仍主要集中在一二線城市，因此中小城市地區(qū)的教學(xué)發(fā)展和產(chǎn)教融合上難免存在滯后的現(xiàn)象。但傳統(tǒng)信息企業(yè)和移動(dòng)互聯(lián)網(wǎng)的不斷發(fā)展，各行各業(yè)都需要開(kāi)發(fā)互聯(lián)網(wǎng)應(yīng)用，因此如何利用互聯(lián)網(wǎng)資源和信息化手段為當(dāng)?shù)仄髽I(yè)和經(jīng)濟(jì)培養(yǎng)對(duì)標(biāo)大城市的界面設(shè)計(jì)本土人才，是高職院校發(fā)展的重點(diǎn)。混合式教學(xué)也能從一定程度上實(shí)現(xiàn)教師及學(xué)習(xí)資源的共享，在教學(xué)平臺(tái)與在線課程的建設(shè)上，都需要一個(gè)教學(xué)團(tuán)隊(duì)互相配合，這無(wú)形中促成了集體備課中的資源共享與經(jīng)驗(yàn)交流。有利于課程建設(shè)并縮小由于教師教學(xué)水平的參差不齊而造成的學(xué)生“看菜吃飯”現(xiàn)象。

線上線下混合式教學(xué)的重點(diǎn)在于教學(xué)資源的開(kāi)發(fā)?？晒W(xué)習(xí)的界面設(shè)計(jì)教材及慕課資源還不豐富，可針對(duì)性地開(kāi)發(fā)為翻轉(zhuǎn)課堂做支撐的微課、慕課資源，并編訂內(nèi)部講義、實(shí)戰(zhàn)教學(xué)案例等。針對(duì)界面設(shè)計(jì)課程資源稀缺的情況，聯(lián)合課程研究專家、企業(yè)技術(shù)人員、學(xué)校任課教師開(kāi)發(fā)教學(xué)資源，完成教學(xué)資源庫(kù)建設(shè)和內(nèi)部講義的編制。微課、慕課視頻和實(shí)踐教學(xué)項(xiàng)目等課程資源建設(shè)，以支持課程建設(shè)。根據(jù)課程目標(biāo)和學(xué)生實(shí)際情況，優(yōu)化課程教學(xué)內(nèi)容。制作微視頻、多媒體課件、教案、操作項(xiàng)目、優(yōu)秀作品、課程網(wǎng)站等課程資源，從網(wǎng)上甄選高質(zhì)量教學(xué)資源。在課堂教學(xué)過(guò)程中請(qǐng)學(xué)生填寫(xiě)詳細(xì)的教學(xué)資源反饋信息表，盡量準(zhǔn)確地了解教學(xué)效果。

運(yùn)用線上教學(xué)的又一好處是數(shù)據(jù)可視化，教師有計(jì)劃地發(fā)布教學(xué)內(nèi)容，學(xué)生按章學(xué)習(xí)，時(shí)時(shí)掌握自己的學(xué)習(xí)進(jìn)度，回顧往期教學(xué)任務(wù)和得分，教學(xué)軌跡全跟蹤，教學(xué)數(shù)據(jù)全記載，這無(wú)形中會(huì)對(duì)進(jìn)度落后的同學(xué)產(chǎn)生鞭策作用。

分組化教學(xué)也是現(xiàn)今流行的一種教學(xué)形式，但是分組的方式也非常多樣，例如隨機(jī)分組、自由分組，那么怎么才能做到有效分組呢？首先分組的目的是培養(yǎng)學(xué)生協(xié)同合作的能力，因?yàn)槊恳环莨ぷ鞫疾粫?huì)是一場(chǎng)個(gè)人秀。而在過(guò)往的教學(xué)經(jīng)驗(yàn)中，我們也發(fā)現(xiàn)因?qū)W生害羞等因素，生生互動(dòng)的頻率和深入性要遠(yuǎn)高于師生互動(dòng)。因此小組內(nèi)分工合作可以有效消除組員間的心理距離，通過(guò)互相幫助實(shí)現(xiàn)共同進(jìn)步。因此小組化教學(xué)更能推動(dòng)項(xiàng)目式教學(xué)的展開(kāi)，以《移動(dòng)終端界面設(shè)計(jì)》為例，該課程是專業(yè)核心必修課，旨在培養(yǎng)具備視覺(jué)設(shè)計(jì)能力的界面設(shè)計(jì)師。而與此課程并行的還有兩門(mén)關(guān)聯(lián)性選修課，分別是交互設(shè)計(jì)類(lèi)課程和前端開(kāi)發(fā)類(lèi)課程。因此在課程分組時(shí)主要考慮團(tuán)隊(duì)構(gòu)成的技能屬性，這類(lèi)似于風(fēng)靡青少年的手游《王者榮耀》，在組隊(duì)時(shí)需要每個(gè)隊(duì)員承擔(dān)不同類(lèi)別的英雄角色，每一類(lèi)英雄都有相應(yīng)要游走的線路和完成的任務(wù)。課程組隊(duì)亦然，在課程的分組過(guò)程中我們用到了一些信息化的手段，首先將選修不同課程的同學(xué)分成兩類(lèi)，通過(guò)隨機(jī)分組等小程序功能將他們打散，再以2+2的形式將選修兩門(mén)不同課程的同學(xué)進(jìn)行組隊(duì)，便于讓擁有不同技能的同學(xué)組隊(duì)以完成后期綜合化的項(xiàng)目訓(xùn)練。而看似隨機(jī)的分組也能較均衡地平衡各組實(shí)力，結(jié)合競(jìng)賽加分等措施，調(diào)動(dòng)每個(gè)小組合力完成任務(wù)地積極性，在公平競(jìng)賽之余，也讓學(xué)生體會(huì)到這每一分努力的含金量。

3 《移動(dòng)終端界面設(shè)計(jì)》課程的信息化教學(xué)設(shè)計(jì)

3.1 課程設(shè)計(jì)理念

該課程是嘉興職業(yè)技術(shù)學(xué)院計(jì)算機(jī)應(yīng)用技術(shù)的專業(yè)核心課，共5學(xué)分，80課時(shí)，其中含32個(gè)理論課時(shí)，48個(gè)實(shí)踐課時(shí)。課程的設(shè)計(jì)理念是，以能力的培養(yǎng)為重點(diǎn)，以就業(yè)為導(dǎo)向，以職業(yè)技能培養(yǎng)為目標(biāo)，以案例（任務(wù)）實(shí)現(xiàn)為載體。

該課程的前導(dǎo)課程有平面圖像處理、色彩與構(gòu)成、網(wǎng)頁(yè)設(shè)計(jì)與制作、版式設(shè)計(jì)、交互設(shè)計(jì)等，后導(dǎo)課程有前端交互開(kāi)發(fā)、項(xiàng)目綜合實(shí)戰(zhàn)，這些課程共同構(gòu)成了用戶體驗(yàn)課程體系。《網(wǎng)頁(yè)設(shè)計(jì)與制作》這門(mén)課主要講授電腦PC端的網(wǎng)頁(yè)設(shè)計(jì)，因此《移動(dòng)終端界面設(shè)計(jì)》主要講授以智能手機(jī)為主的APP界面視覺(jué)設(shè)計(jì)。

3.2 課程目標(biāo)設(shè)計(jì)

課程總目標(biāo)是通過(guò)學(xué)習(xí)，預(yù)期讓學(xué)生系統(tǒng)掌握APP界面的設(shè)計(jì)方法與技巧，并能夠完成一整套APP界面設(shè)計(jì)的操作流程。細(xì)分的子目標(biāo)還包括（1）知識(shí)目標(biāo)：了解手機(jī)界面設(shè)計(jì)技巧、設(shè)計(jì)哲學(xué)和考量、界面框架特性和新的界面設(shè)計(jì)模式。熟悉iOS和Android手機(jī)操作系統(tǒng)下界面設(shè)計(jì)的規(guī)范等;（2）技能目標(biāo)：熟練掌握Photoshop等圖像繪圖軟件進(jìn)行手機(jī)界面創(chuàng)意設(shè)計(jì);（3）素質(zhì)目標(biāo)：在課程中，除了培養(yǎng)學(xué)生的個(gè)人技能，也注重培養(yǎng)學(xué)生團(tuán)結(jié)協(xié)作、勇于創(chuàng)新，吃苦耐勞、認(rèn)真嚴(yán)謹(jǐn)?shù)墓ぷ鲬B(tài)度和敬業(yè)精神以及良好的服務(wù)意識(shí)和市場(chǎng)觀念。

3.3 課程內(nèi)容設(shè)計(jì)

因?yàn)橐豢預(yù)PP產(chǎn)品的設(shè)計(jì)需要在了解界面設(shè)計(jì)基礎(chǔ)知識(shí)之上，去掌握控件設(shè)計(jì)及界面設(shè)計(jì)的技能。又因?yàn)橐豢詈玫挠脩艚缑嬗泻糜谩⒐δ芮逦?、好看、好現(xiàn)實(shí)這樣四個(gè)標(biāo)準(zhǔn)。因此在課程內(nèi)容的設(shè)置上，主要分為APP界面設(shè)計(jì)基礎(chǔ)、圖標(biāo)設(shè)計(jì)、界面結(jié)構(gòu)、常用控件、設(shè)計(jì)適配、移動(dòng)應(yīng)用項(xiàng)目設(shè)計(jì)與制作這幾項(xiàng)內(nèi)容。課程內(nèi)容安排遵循從理論向?qū)嵺`、從簡(jiǎn)單向復(fù)雜、從單項(xiàng)向綜合過(guò)度。在綜合項(xiàng)目教學(xué)中引入浙江省大學(xué)生多媒體作品設(shè)計(jì)競(jìng)賽中的移動(dòng)應(yīng)用類(lèi)選題，將競(jìng)賽項(xiàng)目帶入課堂，以賽促教、以賽促學(xué)。

3.4 課程教學(xué)過(guò)程設(shè)計(jì)

本課程通常在第4學(xué)期開(kāi)設(shè)，學(xué)生已通過(guò)先修課程具備了軟件操作和平面設(shè)計(jì)等能力。教學(xué)環(huán)節(jié)分課前、課中、課后三個(gè)階段來(lái)展開(kāi)：課前，教師下發(fā)學(xué)習(xí)任務(wù)單，用任務(wù)引導(dǎo)教學(xué)，這時(shí)就需要運(yùn)用支持翻轉(zhuǎn)課堂的網(wǎng)絡(luò)教學(xué)資源，學(xué)生按要求進(jìn)行課前預(yù)習(xí)。課中，教師組織教學(xué)、復(fù)習(xí)舊課、講授新課、學(xué)生動(dòng)手實(shí)踐、教師答疑、總結(jié)鞏固與布置作業(yè)。學(xué)生隨教師一起突破重、難點(diǎn)，通過(guò)練習(xí)發(fā)現(xiàn)疑點(diǎn)。教師在運(yùn)用案例分析法講授新課時(shí)，除運(yùn)用多媒體進(jìn)行PPT和實(shí)操演示，還可運(yùn)用手機(jī)投屏技術(shù)講解熱門(mén)案例，比如當(dāng)下非常流行的短視頻APP抖音，教師可時(shí)時(shí)將手機(jī)畫(huà)面投射到電腦上顯示，用于講解手機(jī)上的熱門(mén)應(yīng)用，以起到示范、指導(dǎo)、借鑒的作用。若是實(shí)訓(xùn)項(xiàng)目，學(xué)生分組學(xué)習(xí)，通過(guò)合作交流、共同探索來(lái)尋求解決問(wèn)題的辦法。每組選拔一名組長(zhǎng)匯報(bào)項(xiàng)目，競(jìng)賽PK，以激發(fā)學(xué)生參與學(xué)習(xí)的熱情。課后，學(xué)生對(duì)于還比較生疏的知識(shí)點(diǎn)進(jìn)行復(fù)習(xí)強(qiáng)化，教師在線指導(dǎo)學(xué)生完成作業(yè)，以起到舉一反三之效。

當(dāng)前用戶界面設(shè)計(jì)類(lèi)課程可利用的網(wǎng)絡(luò)教學(xué)資源較為豐富，主流的一些專題網(wǎng)站有站酷、花瓣、界面中國(guó)、人人都是產(chǎn)品經(jīng)理等。在課程的信息化轉(zhuǎn)化方面，課程主要運(yùn)用了博學(xué)谷平臺(tái)，以實(shí)現(xiàn)教學(xué)內(nèi)容的編輯和上線、教學(xué)班級(jí)的管理、發(fā)布預(yù)習(xí)和復(fù)習(xí)任務(wù)、布置作業(yè)和習(xí)題解析、在線測(cè)試以及學(xué)習(xí)進(jìn)度的監(jiān)測(cè)等。課外指導(dǎo)除了利用QQ、微信在線交流等常規(guī)手段，還聘請(qǐng)企業(yè)導(dǎo)師在課程后期利用直播平臺(tái)帶領(lǐng)學(xué)生完成一個(gè)實(shí)戰(zhàn)項(xiàng)目的在線實(shí)訓(xùn)。因課程強(qiáng)調(diào)學(xué)中做、做中學(xué)，在實(shí)踐教學(xué)環(huán)節(jié)中需運(yùn)用若干款軟件，因此課程需配套高性能計(jì)算機(jī)和網(wǎng)絡(luò)教學(xué)環(huán)境。

課程設(shè)計(jì)緊扣職業(yè)崗位特征，盡可能模擬真實(shí)的工作流程和方法。在綜項(xiàng)訓(xùn)練中，課程安排了20課時(shí)的移動(dòng)應(yīng)用設(shè)計(jì)與制作內(nèi)容。在這個(gè)環(huán)節(jié)中，我們要求學(xué)生分小組合作完成一款A(yù)PP產(chǎn)品的產(chǎn)品定位、交互設(shè)計(jì)、視覺(jué)設(shè)計(jì)。在這個(gè)項(xiàng)目流程中，基本覆蓋到了從用戶研究、產(chǎn)品經(jīng)理、交互設(shè)計(jì)師、視覺(jué)設(shè)計(jì)師等崗位職責(zé)。此時(shí)我們需要學(xué)生按照互聯(lián)網(wǎng)產(chǎn)品團(tuán)隊(duì)中的職業(yè)崗位去模擬成立一個(gè)產(chǎn)品團(tuán)隊(duì)，每人承擔(dān)相應(yīng)的職業(yè)角色并分工合作。例如，用戶研究的工作是運(yùn)用Office、思維導(dǎo)圖等撰寫(xiě)用戶研究報(bào)告;產(chǎn)品經(jīng)理的工作是運(yùn)用Office、思維導(dǎo)圖、Axure等產(chǎn)出產(chǎn)品需求文檔、市場(chǎng)需求文檔、原型圖等;交互設(shè)計(jì)師的工作是運(yùn)用Axure繪制交互原型圖;而界面設(shè)計(jì)師是利用Photoshop、Markman等完成設(shè)計(jì)稿、設(shè)計(jì)規(guī)范、切圖、標(biāo)注等工作。而本課程培養(yǎng)的重點(diǎn)是培養(yǎng)互聯(lián)網(wǎng)視覺(jué)設(shè)計(jì)師即界面設(shè)計(jì)師，他們的工作職責(zé)是設(shè)計(jì)供人機(jī)交互使用的圖形化用戶界面，并使界面更加易用和友好。這個(gè)崗位要求學(xué)生具有良好的審美、開(kāi)闊的視野、專業(yè)相關(guān)的興趣愛(ài)好、使用軟件工作的能力以及演講、提案等擴(kuò)展能力。課程的最后，我們也可以引導(dǎo)學(xué)生去取得界面設(shè)計(jì)師的職業(yè)技能認(rèn)證，幫助學(xué)生提升就業(yè)自信。

3.5 課程考核設(shè)計(jì)

本課程為技能考試，分平時(shí)成績(jī)、期中、期末三個(gè)模塊。其中平時(shí)成績(jī)包括了16個(gè)課堂練習(xí)和8次課外作業(yè)，平時(shí)成績(jī)與考試成績(jī)各占總評(píng)成的50%。因?yàn)檎n程中的所有教學(xué)項(xiàng)目環(huán)環(huán)相扣，因此要引導(dǎo)學(xué)生重視整個(gè)教學(xué)過(guò)程，打消其一考定乾坤的錯(cuò)誤想法。同時(shí)也是鼓勵(lì)那些技能弱，但學(xué)習(xí)態(tài)度認(rèn)真的同學(xué)緊跟教學(xué)進(jìn)度。對(duì)于平時(shí)課程中按要求完成預(yù)習(xí)任務(wù)并能在課程上積極發(fā)言、回答問(wèn)題的同學(xué)給予鼓勵(lì)加分。

4 結(jié)語(yǔ)

教師的信息化教學(xué)能力是一項(xiàng)長(zhǎng)期任務(wù)，會(huì)錄制教學(xué)視頻，會(huì)運(yùn)用教學(xué)平臺(tái)只是具備了信息化教學(xué)技術(shù)，信息化只是手段，而真正的教學(xué)能力應(yīng)是合理應(yīng)用信息化的能力。線上與線下相結(jié)合的教學(xué)模式中，應(yīng)把線上資源看作是線下教學(xué)的補(bǔ)充，切不可為了翻轉(zhuǎn)而翻轉(zhuǎn)，為了信息化而信息化。翻轉(zhuǎn)課堂也不是唯一的教學(xué)模式，筆者將在《移動(dòng)終端界面設(shè)計(jì)》課程中探索出更多信息化教學(xué)手段的應(yīng)用方式。

【參考文獻(xiàn)】

[1]肖文婷.數(shù)字媒體藝術(shù)設(shè)計(jì)專業(yè)信息化教學(xué)設(shè)計(jì)初探 ——以《APP 界面動(dòng)效設(shè)計(jì)》單元為例[J].設(shè)計(jì)，2018.2：73-75.

[2]劉麗斯.翻轉(zhuǎn)課堂的混合教育模式在界面（界面）設(shè)計(jì)課程中的應(yīng)用[J].湖北開(kāi)放職業(yè)學(xué)院學(xué)報(bào)，2019.1，32（2）：132-134.

[3]韓永華，劉成霞，汪泓.基于項(xiàng)目驅(qū)動(dòng)的交互式管理界面的翻轉(zhuǎn)課堂實(shí)施方式[J].教育教學(xué)論壇，2018.6（23）：4-5.