《UI設計》線上線下混合式一流本科課程建設的實踐路徑

張婷 蔣權 黃帆

摘要：針對傳統的教學方式注重講授專業知識，對學生專業素質、職業道德等方面的培養關注不夠的教學實際，提出采用多學科思維融合和服務型學習理論進行混合式教學。從各個層面的建設路徑、混合式教學設計、課程組織實踐情況、特色與創新等方面介紹數字媒體技術專業的核心課程《UI設計》課程的建設情況。建設方案創新了教學內容和教學方法，不僅注重講授專業知識，還對學生的專業素質、職業道德等方面給予引導，通過教學活動和項目實踐，將豐富的教學資源應用在教學環節中。為了保障線上線下混合式教學的有序進行，設計了多元考核評價體系。課程建設具有創新特色，能夠為同類課程建設提供參考。

關鍵詞：一流本科課程 教學設計 教學活動 混合式 課程思政

中圖分類號：G642.0 文獻標識碼：A

文章編號：1003-0069（2023）15-0091-03

Abstract：The method and path of the course construction of "UI Design" are analyzed. Aiming at the teaching practice that traditional teaching methods focus on teaching knowledge and do not pay enough attention to the cultivation of students quality and ethics，a new teaching method including learning output（OBE）thinking，multidisciplinary thinking integration and service learning theory is proposed. The construction of the UI design is included of course objectives，course teaching content and organizational methods，evaluation methods，characteristics and innovation. The construction plan innovates teaching content and teaching methods，especially focus on guiding students in terms of professional quality and professional ethics. Through teaching activities and project practice，abundant teaching resources are applied in the teaching process. A multi-assessment and evaluation system is designed to ensure the implement of online and offline blended teaching. The course has innovative characteristics and can provide reference for the construction of similar courses.

Keywords：First-class undergraduate courses Teaching design Teaching activities Blended teaching mode Course ideology and politics

引言

應用型本科院校著重培養學生的應用能力、合作意識和創新精神，然而，傳統的教學方式注重講授專業知識，對學生專業素質、職業道德等方面的培養關注不夠。因此，可以在線上線下混合式教學中通過多學科融合、以項目為導向、以團隊為導向的方式，對學生的應用能力、合作意識和創新精神進行培養。本文討論了線上線下混合式課程在教學改革中要解決的重點問題，并以《UI設計》為例，闡述了課程建設的實踐路徑：①多學科融合的課程內容，如何進行重構，如何設計與專業教學密切相關的映射點，并在教學中自然融入；②以項目為導向的教學，如何進行教學組織與實施，培養學生的動手能力和創新精神[2]；③以團隊為導向的教學，如何進行教學活動設計，培養學生的團隊溝通、語言表達等能力。

一、傳統教學方式存在的問題

計算機類專業的學生應具備交流溝通能力，能立足于用戶研究。在實踐和創新方面具備一定的能力，能完成界面設計和交互設計并實現為產品。還應具有一定的項目管理知識和團隊協作精神，在項目開發工程中合理完成項目[3]。然而，傳統的課程教學方式存在以下問題：

（一）“只講操作不講其他”

部分計算機類課程涉及多學科知識，包括：藝術設計學、經濟學、心理學、管理學等，教學過程中切斷了UI設計與其他各學科的關系，忽略了其他相關知識的學習，導致了學生在學習UI設計課程時無法融會貫通，認知無法做到深入和體系化。傳統的課堂著重教學生軟件操作的步驟和方法，會讓學生學到的知識有限，而教學不應該局限于授以書本上需要考查的知識和技能，可以擴展一些行業知識、人文知識等，增加學生的興趣[4]。

（二）“只需跟練不需發言”

以教師講授和演示為主的教學模式缺乏了必要的互動、探討與思考環節，課堂教學顯得死板枯燥，沒有給學生足夠思考和展示的空間，這樣的教學模式局限了學生的批判思維、創新思維和發散思維的發展。在學習的過程中，學生都是有思想的個體，有自己的觀點和主見，也有很多令人驚喜的創意。因此，在教學過程中應該引導學生們說出自己的看法，從而更好地往正確方向引導，也有益于學生創新思維的開發。

（三）“只需模仿不需原創”

在信息紛繁復雜的互聯網上，作品在網上傳播無疑會涉及許多新的版權問題，學生需要了解廣告法、版權法和著作權法，避免作品的內容引起不必要的糾紛。因此，培養“原創”能力是課程目標中非常重要的一點。而只需模仿的傳統教學方式缺少了自主創新的思想引導，在一定程度上會讓學生的思維被禁錮，禁錮在“只需模仿”中，而忘了“原創”，這與學科教學的初衷相違背。課程應當鼓勵學生大膽開發思維和想象，在跟練的基礎上大膽創新，也會進步得更快。

（四）“只需個人無需團隊”

在實際工作中，UI設計師還要掌握良好的團隊協作和表達溝通能力，傳統課堂的“滿堂灌”狀態無法給學生提供團隊合作的機會。因此，課程應當使用以學生為中心的教學方法，創設情境讓學生進行角色扮演、案例分析和合作學習。可以通過游戲、項目驅動、頭腦風暴等多種方法，引導學生積極思考，發現問題解決問題，在團隊協作中提升團隊合作精神和語言表達能力。

二、計算機類線上線下混合式一流本科課程建設路徑

建設一門運行良好的混合式課程，必須有一套行之有效的管理方法和建設路徑，重視混合式教學的系統性，從高校人才培養需求出發，切實從學校層面、教師層面、學生層面出發，加強對混合式教學的整體規劃和系統設計，具體建設路徑見圖1。

（一）學校層面——發揮學校各職能部門的建設性作用

實現線上線下混合式教學，關鍵要發揮各職能部門的作用，建立健全相適應的混合式教學政策，從而支持和推進混合式教學模式的改革。教研部門應改變唯分數論的傳統思想，從各方面考核學生的綜合能力和知識掌握情況，實現良好的教學效果。還需加強校園網絡硬件設施的建設，優化校園網絡，建立適用于相應課程的線上學習平臺，做好線上學習平臺的管理與維護，實現教學環節中師生的在線互動，建立相應的課程評價標準。遴選一批優秀的課程給予立項，并通過培訓、講座等形式指導教師進行課程改革，定期進行課程建設評估和驗收。對于在混合式教學改革取得優異成績的教師和課程，要做好推廣和宣傳工作，推進課程在其他院校中的使用，促進優質教學資源向同類院校和社會輻射。

（二）教師層面——改變傳統教育思維創新教育方法

教師應該努力改變傳統教育思維方式，嘗試學習和創新先進教育方法，對線上線下混合式教學建設和實施的各個環節進行分析和設計。在準備階段，從混合式教學的角度進行備課，撰寫教學設計，建設一系列教學資源，如編寫教材、制作PPT課件、錄制微課，上傳平臺、設計題庫和問答、開發教學軟件等。在混合式教學階段，做好線上的教學設計，合理應用平臺數據服務功能進行學情分析，定期更新教學資源，布置作業和考試等。線上與線下教學的銜接往往容易被忽視，教師由于教學任務繁重，無法及時回復和處理學生在線上的互動活動，使得線下教學與線上教學分割開來，不能有機連接在一起。因此，可以借鑒國外混合式教學經驗，引入助教進入課程中，為教師的混合式教學分擔工作量。教師還應當注重線上的教學互動以及線下的課堂互動工具的應用，將兩者銜接好，才能更好地進行因材施教，進行情感浸潤為導向的教學。

（三）學生層面——增強學生自主學習的意識和能力

在混合式教學中，學生的角色轉變為學習的主人，學生必須樹立自主學習的意識，培養自主學習能力。在注冊了線上學習平臺之后，根據教師的要求和自身的學習步調制訂學習計劃，自主進行線上學習，完成線上作業、測驗和問答，在這個過程中如果遇到了問題，學生要進行同伴互助學習，或者在線上平臺及時進行問題反饋，方便教師在線上和線下教學銜接的過程中，更加精準地了解學生的學習情況，在線下進行有針對性的答疑和輔導。由于學生在線上進行了課前學習，在課堂中，學生能夠參與到形式豐富的小組學習、實踐、展示和討論教學活動中。

（四）系統管理——建立多維度全局性的考核評價體系

在這樣的混合式教學過程中，需要建立多維度、全局性的考核評價體系，才能推動教師的教育教學能力和學生的自主協作學習能力。為了全面客觀地評價教師在混合式課程設計和實施過程的教學效果，可以結合學生評教、線上平臺的數據反饋、線上平臺的問卷調查、同行互評及學校評估等方式進行綜合考量。對于學生的課程考核體系制訂，應采取過程考核和期末考核相結合的方式進行，尤其要注重學生參與學習的過程，建立多角度的形成性因素評價環節。

三、課程教學實踐情況

本課程將從混合式教學設計、課程資源的設計與開發、教學實踐的應用效果三個方面來談教學內容和教學方面的創新。

（一）課程內容與資源建設及應用情況

1.多學科思維融合的課程內容：UI設計跨界融合需要多學科、多專業的整合，課程內容包含：①前沿知識融合：讓學生接觸“人工智能+設計”高階知識，跟機器進行協同設計，提高工作效率。

產業技術融合：將近年來參與廣西建工、廣西電信等企業的項目開發過程融入教學內容，培養學生動手能力和創新創業精神。

人文教育融合：課程作品以廣西少數民族文化為命題，鼓勵學生為少數民族文化的數字化傳播貢獻力量。

2.立體化多元化的教學資源：自建高質量課程資源，包括微課視頻91個，視頻總時長925分鐘，非視頻資源213個，教材1部，實驗手冊1部，題庫300道等。還借助“人人都是產品經理”等業界知名的學習網站資源豐富課程內容，并鼓勵學生利用微信公眾號、B站等平臺發布作品，充實教學案例庫。

3.校內校外共享應用廣泛：使用了超星學習通及智慧樹作為學習平臺，每學期舉行豐富的線上線下教學活動。將微課視頻發布在網易云課堂、B站平臺，開放給公眾學習；將優秀學生作品發布在教育技術研究會視頻號等平臺進行推廣。

（二）混合式教學設計

混合式的教學設計要打破傳統課堂缺乏互動的狀態，要采用調動學生學習積極性的教學方法，訓練學生成為具有扎實的理論和技能，良好的溝通能力，優異的團隊精神的UI設計人才。始終明確“資源是葉，活動是枝，教學設計是主干！” 有效開展線上與線下密切銜接的全過程教學活動[5]，教學設計如圖2所示：

1.課前導學：教師準備線上資源，梳理知識要點和教學中要明確的關鍵問題。在微課學習完成之后，設計一些練習作業題，讓學生通過自測，找出自身知識薄弱點。學生自主線上學習，觀看微課視頻、PPT課件、文檔等數字材料，規劃課余時間進行自主學習和研究，從微課視頻和作業題中提前了解課程教學內容。教師通過在學習平臺上查看學生學習行為數據，對后面線下教學的內容和方式進行以學生為中心的設計[6]。

2.課中研學：針對理論教學內容的教學，教師根據學生在線上學習中反饋的薄弱知識點，在課堂上進行有針對性的答疑和強調，引導學生更深入地理解知識點。針對實踐拓展內容的教學，可以組織多種教學活動，將學生分組進行協作，訓練學生的知識應用和創新能力。并鼓勵學生進行作品演示，案例分析等，教師及時給予示范釋疑。評價方式除了采用教師評價還可以采用更加客觀的生生互評方式。最后教師進行項目小結，并在課后發布延伸研討的課題，鼓勵學生進行探究式學習。

3.課后練學：定期舉辦主題作品交流展示活動，將優秀作品上傳至微信公眾號、B站平臺，讓學生有獲得感。在線下舉辦課程成果展，擴大課程改革成果的影響輻射力。課程的主要教學對象是數字媒體技術專業學生，數字媒體技術專業近年來以“服務型學習”和“導師制”為導向，沿著以服務為中心、從服務中來到服務中去的教育理念展開教學實踐[6，7]。一方面為學校的軟件開發和廣告物料設計等項目提供服務，另一方面為本專業的教學服務， 源源不斷的項目資源融入了專業教學中，使得課程內容在專業、嚴謹的基礎上與業界現階段的研究方向、研究成果貼近。“學習-服務-反思”教學模式賦予數字媒體技術專業真實的教育教學感知與體驗[8]。

（三）課程教學內容及組織實施情況

1.以項目為核心的“五位一體”教學內容設計：以項目為核心，每個章節都有具體企業項目案例作為驅動，包括問卷幫小程序、物流企業畫冊、智智小店項目開發等12個項目。理論知識圍繞教材中的圖標設計、移動端設計組件、網站頁面布局等11章內容進行知識講授。教學內容還融入了高階知識，讓學生了解“設計+人工智能”的前沿知識，包括人工智能海報設計、logo設計、阿里鹿班、AI寫作等12個知識點。為了培養學生的創新能力，在教學內容中融入了電商海報圖、企業網站、店鋪詳情頁設計等15個創業設計案例。結合UI設計崗位特點，設計了保護字體版權、肖像權、商標權、誠信經營等13個課程思政映射點，在教學中有機融入，做到潤物細無聲[4，5]。

由于廣西是一個少數民族聚居地，在教學活動中還要帶領學生了解當地的少數民族文化，更好地為少數民族文化數字化傳播貢獻力量。教學內容設計如表1所示：

2.以“服務型學習”為導向的教學組織與實施：在課堂中，利用使用數字化教學工具和智慧教室進行線上線下混合式教學。教師通過課前測驗了解學生的知識薄弱點，課堂上進行簽到、搶答、選人、隨堂測驗等互動功能，課后發布作業和討論。

在課外教學中，學生參與導師制小組項目，把在課堂中學到的理論和技能應用到真實工作、行業與社會環境中，形成學習和服務之間的互惠雙贏關系。通過專業學習充實、改造服務經驗；服務經驗反過來充實教學案例和教學經驗。

3.課程成績評定方式：基于OBE思想進行課程設計，以學習成果評價體系來指導學生漸進式學習，重在過程性評價的改革，適當提高了學業挑戰度[10，11]。設計了多元考核體系，其中：

線上成績（30分）：視頻學習+課前自測+過程考核+互動反饋

線下成績（30分）：日常作業+成果展示+互動反饋+團隊配合

期末考核（30分）：策劃方案+研究報告+原創案例

他人評價（10分）：學生互評+導師制小組實踐表現評分

加分項：課外活動和社會實踐加分

本課程創新了考核方式，對學生進行多主體、多元化、多維度評價[7]。每個學期，學生在導師制小組完成項目任務，可以得到導師評價的《項目實踐表現評分表》及小組評價的《小組互評得分表》，任課教師根據評分表上的評價指標得分情況，相應給學生在課程過程性評價中加分[12，13]。評價是雙向的，導師制小組中的學生也要給導師的指導工作進行評價，評價結果作為導師考核工作的參考之一。

四、課程實踐創新點

（一）多學科思維融合，創新考核方式

課程團隊對課程內容進行了重構，融合了多學科內容，從而提升了學生的綜合素質。課程內容以項目為中心進行設計，融合了課程思政、人工智能前沿知識，創新創業知識及少數民族文化傳播策略等，具有創新性和高階性。設計了多元考核評價體系，將線上線下具體活動表現納入到評價體系中，并將德育表現等難以量化的指標，通過導師制小組評分、生生互評等方式來進行測量，并設置課外活動和社會實踐加分項，提升課程的挑戰度。

（二）以項目為導向，以團隊為導向

課程依托導師制和項目實踐，以學生為中心，以服務型學習理論為導向，創新設計課程體系。學生在課堂上學習項目案例，課外參與項目導師的項目實踐，完成項目后，教師將科研和實踐中的最新內容融入課程之中，不斷更新課程內容，使得課程內容在專業、嚴謹的基礎上與業界現階段的研究方向、研究成果貼近[14]。

UI設計師還要掌握良好的團隊協作和表達溝通能力。本課程能做到先學后教，層層遞進，合作探究、遷移應用，改變了“只講操作不講其他”“只需跟練不需發言”“只需模仿不需原創”“只需個人無需團隊”的傳統教學方式的短板，創新了計算機類課程的教學方式。

結語

本文介紹了《UI設計》計算機類線上線下混合式一流本科課程建設方案，通過“課前導學、課中研學、課后練學”的混合式教學設計，用項目為核心的“五位一體”教學內容設計和“服務型學習”為導向的教學組織與實施的方法，最后以“線上成績、線下成績、期末考核、他人評價、加分項”的多元考核體系課程成績評定方式，使新教學模式充滿了特色和創新。課程獲得2020年廣西一流本科課程認定，并推薦參評第二批國家級一流本科課程。今后還將推進課程在其他院校中的使用，促進優質教學資源向同類院校和社會輻射，構建一流高等教育課程集群，提升本校在同類院校當中的影響力。

基金項目：

1.2021年度廣西高等教育本科教學改革工程項目“項目驅動下人工智能復合應用型卓越人才培養模式探索與實踐”（2021JGB178）；

2.2022年度廣西高等教育本科教學改革工程項目“基于人工智能精準學情分析的一流混合式課程持續改進”；

3.廣西民族大學相思湖學院2021年度校級高等教育教學改革工程項目“新工科背景下《UI設計》混合式一流課程教學提升路徑研究”（2021XJYB21）。

參考文獻

[1]夏敏燕.以應用為本的工業設計專業《人機工程學》課程建設[J].設計，2016（21）：88-89.

[2][蔣旎，李君，吳永萌.設計類課程的跨學科建設探索[J].設計，2020，33（11）：133-135.

[3]林國勇，黃帆.校企合作視角下“互聯網+項目實踐”混合教學模式的探索與實踐[J].長春大學學報，2020，30（04）：103-105+109.

[4]龔一鳴.課程思政的知與行[J].中國大學教學，2021（05）：77-84.

[5]陳志勇，葉樺暢，張笑欽.計算機類專業的課程思政：核心元素、基本原則與實施策略[J].中國大學教學，2021（04）：34-38+65.

[6]石林.以服務型學習為導向與基礎的設計類專業教育教學體系構建[J].現代大學教育，2019（06）：93-99.

[8]付玉媛，韓映雄.“金課”視域下通識課程教學方法有效性評價[J].現代大學教育，2021，37（02）：103-110+113.

[9]馬培培.麻省理工學院本科工程教育跨學科培養模式借鑒[J].中國高校科技，2020（04）：49-53.

[10]Rasheed R A，Kamsin A，Abdullah N A. Challenges in the online component of blended learning：A systematic review[J]. Comput-ers & Education，2020（144）：103701.

[11]Iglesias-Pradas S，Hernández-García á，Chaparro-Peláez J，et al. Emergency remote teaching and students academic performance in higher education during the COVID-19 pandemic：A case study[J]. Computers in Human Behavior，2021（119）：106713.

[12]Lei W. Analysis of the Application Problems of the Current Blend-Teaching Mode[C]//2nd International Seminar on Education Re-search and Social Science（ISERSS 2019）. Atlantis Press，2019：232-235.

[13]趙宏梅，李洪剛，蘇丹，陳靜媛.基于創新能力培養的“產品設計方向”課程群建設的研究[J].設計，2016（05）：86-87.

[14]秦巖丁，周璐，許靜.新工科背景下的理論+實驗類課程授課模式改革探索[J].計算機教育，2021（11）：27-32.