陳希赟

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

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

中圖分類號： G434;G712.3;O657-4文獻標(biāo)識碼： A文章編號： 2095-2457（2019）29-0116-002

DOI：10.19694/j.cnki.issn2095-2457.2019.29.053

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

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

傳統(tǒng)的教學(xué)方式中，教師往往扮演著知識搬運工的角色，學(xué)生的被動接受使得學(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í)的時間、空間和資源，也更符合當(dāng)下互聯(lián)網(wǎng)原住民學(xué)習(xí)者的日常習(xí)慣。

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

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

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

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

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

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

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

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

3.1 課程設(shè)計理念

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

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

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

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

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

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

3.4 課程教學(xué)過程設(shè)計

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

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

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

3.5 課程考核設(shè)計

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

4 結(jié)語

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

【參考文獻】

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

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

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