《移動終端界面設計》課程線上線下混合式教學的探索與實踐

陳希赟

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

【關鍵詞】線上線下;混合式教學;翻轉課程;信息化;界面設計

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

DOI：10.19694/j.cnki.issn2095-2457.2019.29.053

1 混合式教學改革的現狀

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

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

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

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

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

當前界面設計人才仍主要集中在一二線城市，因此中小城市地區的教學發展和產教融合上難免存在滯后的現象。但傳統信息企業和移動互聯網的不斷發展，各行各業都需要開發互聯網應用，因此如何利用互聯網資源和信息化手段為當地企業和經濟培養對標大城市的界面設計本土人才，是高職院校發展的重點。混合式教學也能從一定程度上實現教師及學習資源的共享，在教學平臺與在線課程的建設上，都需要一個教學團隊互相配合，這無形中促成了集體備課中的資源共享與經驗交流。有利于課程建設并縮小由于教師教學水平的參差不齊而造成的學生“看菜吃飯”現象。

線上線下混合式教學的重點在于教學資源的開發。可供學習的界面設計教材及慕課資源還不豐富，可針對性地開發為翻轉課堂做支撐的微課、慕課資源，并編訂內部講義、實戰教學案例等。針對界面設計課程資源稀缺的情況，聯合課程研究專家、企業技術人員、學校任課教師開發教學資源，完成教學資源庫建設和內部講義的編制。微課、慕課視頻和實踐教學項目等課程資源建設，以支持課程建設。根據課程目標和學生實際情況，優化課程教學內容。制作微視頻、多媒體課件、教案、操作項目、優秀作品、課程網站等課程資源，從網上甄選高質量教學資源。在課堂教學過程中請學生填寫詳細的教學資源反饋信息表，盡量準確地了解教學效果。

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

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

3 《移動終端界面設計》課程的信息化教學設計

3.1 課程設計理念

該課程是嘉興職業技術學院計算機應用技術的專業核心課，共5學分，80課時，其中含32個理論課時，48個實踐課時。課程的設計理念是，以能力的培養為重點，以就業為導向，以職業技能培養為目標，以案例（任務）實現為載體。

該課程的前導課程有平面圖像處理、色彩與構成、網頁設計與制作、版式設計、交互設計等，后導課程有前端交互開發、項目綜合實戰，這些課程共同構成了用戶體驗課程體系。《網頁設計與制作》這門課主要講授電腦PC端的網頁設計，因此《移動終端界面設計》主要講授以智能手機為主的APP界面視覺設計。

3.2 課程目標設計

課程總目標是通過學習，預期讓學生系統掌握APP界面的設計方法與技巧，并能夠完成一整套APP界面設計的操作流程。細分的子目標還包括（1）知識目標：了解手機界面設計技巧、設計哲學和考量、界面框架特性和新的界面設計模式。熟悉iOS和Android手機操作系統下界面設計的規范等;（2）技能目標：熟練掌握Photoshop等圖像繪圖軟件進行手機界面創意設計;（3）素質目標：在課程中，除了培養學生的個人技能，也注重培養學生團結協作、勇于創新，吃苦耐勞、認真嚴謹的工作態度和敬業精神以及良好的服務意識和市場觀念。

3.3 課程內容設計

因為一款APP產品的設計需要在了解界面設計基礎知識之上，去掌握控件設計及界面設計的技能。又因為一款好的用戶界面有好用、功能清晰、好看、好現實這樣四個標準。因此在課程內容的設置上，主要分為APP界面設計基礎、圖標設計、界面結構、常用控件、設計適配、移動應用項目設計與制作這幾項內容。課程內容安排遵循從理論向實踐、從簡單向復雜、從單項向綜合過度。在綜合項目教學中引入浙江省大學生多媒體作品設計競賽中的移動應用類選題，將競賽項目帶入課堂，以賽促教、以賽促學。

3.4 課程教學過程設計

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

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

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

3.5 課程考核設計

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

4 結語

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

【參考文獻】

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

[2]劉麗斯.翻轉課堂的混合教育模式在界面（界面）設計課程中的應用[J].湖北開放職業學院學報，2019.1，32（2）：132-134.

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