用戶界面設(shè)計(jì)課課程思政教學(xué)改革與實(shí)踐

歐陽(yáng)文昱

（華南農(nóng)業(yè)大學(xué) 藝術(shù)學(xué)院，廣州 510642）

全面推進(jìn)高校課程思政建設(shè)是深入貫徹落實(shí)習(xí)近平總書記關(guān)于教育的重要論述和全國(guó)教育大會(huì)精神的重要舉措。2020 年5 月28 日，教育部印發(fā)了《高等學(xué)校課程思政建設(shè)指導(dǎo)綱要》（以下簡(jiǎn)稱《綱要》），《綱要》結(jié)合學(xué)科專業(yè)特點(diǎn)分類推進(jìn)高校課程思政建設(shè)，對(duì)藝術(shù)學(xué)類專業(yè)課程提出了明確要求：要在課程教學(xué)中教育引導(dǎo)學(xué)生立足時(shí)代、扎根人民、深入生活，樹立正確的藝術(shù)觀和創(chuàng)作觀。要堅(jiān)持以美育人、以美化人，積極弘揚(yáng)中華美育精神，引導(dǎo)學(xué)生自覺(jué)傳承和弘揚(yáng)中華優(yōu)秀傳統(tǒng)文化，全面提高學(xué)生的審美和人文素養(yǎng)，增強(qiáng)文化自信[1]。《綱要》為用戶界面設(shè)計(jì)課程改革和思政建設(shè)提供了堅(jiān)實(shí)的理論指導(dǎo)。

一、用戶界面設(shè)計(jì)課程改革和融入課程思政的意義

（一）用戶界面設(shè)計(jì)課程概述

用戶界面設(shè)計(jì)，即User Interface Design（以下簡(jiǎn)稱“UI 設(shè)計(jì)”）是視覺(jué)傳達(dá)設(shè)計(jì)專業(yè)一門綜合性、實(shí)踐性較強(qiáng)的專業(yè)拓展課程，側(cè)重于網(wǎng)絡(luò)信息媒體的視覺(jué)設(shè)計(jì)，重在理論理解和項(xiàng)目實(shí)戰(zhàn)訓(xùn)練。其內(nèi)容主要是為了滿足不同用戶界面的多樣化功能設(shè)計(jì)需要而對(duì)軟件的人機(jī)交互、操作邏輯、界面美觀和界面功能等方面進(jìn)行的整體設(shè)計(jì)，具體包括基于以用戶為中心的用戶需求研究、交互邏輯、原型設(shè)計(jì)等，在互聯(lián)網(wǎng)中涉及的虛擬界面是用戶界面設(shè)計(jì)的主要部分。

通過(guò)課程教學(xué)改革，不僅要使學(xué)生掌握UI 設(shè)計(jì)的基本概念、設(shè)計(jì)流程及應(yīng)用領(lǐng)域，掌握信息媒體的版式設(shè)計(jì)、我彩設(shè)計(jì)、交互設(shè)計(jì)等基礎(chǔ)理論，能熟練運(yùn)用相關(guān)軟件進(jìn)行Web 端和移動(dòng)端的界面設(shè)計(jì)與交互實(shí)現(xiàn)、H5游戲設(shè)計(jì)與制作的知識(shí)和能力，同時(shí)，也要注重學(xué)生求真務(wù)實(shí)、積極進(jìn)取的基本素質(zhì)的提高，引導(dǎo)學(xué)生樹立專業(yè)自信、文化自信、社會(huì)責(zé)任感的精神素質(zhì)。

（二）用戶界面設(shè)計(jì)課程融入思政的意義

大學(xué)本科學(xué)生正處在形塑世界觀、人生觀、價(jià)值觀的關(guān)鍵時(shí)期，落實(shí)立德樹人根本任務(wù)，必須將價(jià)值塑造、知識(shí)傳授和能力培養(yǎng)三者融為一體，以社會(huì)主義核心價(jià)值觀為核心內(nèi)容，構(gòu)建全方位、全過(guò)程、全員育人的高校大學(xué)生思想政治教育體系[2]。對(duì)于視覺(jué)傳達(dá)設(shè)計(jì)類學(xué)生來(lái)講，思維活躍、新潮的他們不僅對(duì)于新媒體的設(shè)計(jì)理念和使用方法頗為敏感，而且對(duì)于探索和開發(fā)新媒體的興趣也頗為濃厚，因此，如何以課程的知識(shí)點(diǎn)為基礎(chǔ)，融入核心價(jià)值觀為引導(dǎo)，達(dá)到知識(shí)傳授與價(jià)值引領(lǐng)的統(tǒng)一，是當(dāng)下專業(yè)教師必須面對(duì)的問(wèn)題。在用戶界面設(shè)計(jì)課程教學(xué)改革中，從優(yōu)化教學(xué)內(nèi)容入手，通過(guò)深入挖掘和提練課程中蘊(yùn)含的思政教育元素，并將思政元素有機(jī)地融入課程內(nèi)容與教學(xué)設(shè)計(jì)的各個(gè)環(huán)節(jié)中，這不僅能夠?yàn)閷W(xué)生的設(shè)計(jì)作品注入靈魂，增強(qiáng)其吸引力和文化魅力，也對(duì)引領(lǐng)學(xué)生堅(jiān)定理想信念、厚植愛(ài)國(guó)情懷、樹立奮斗精神、增強(qiáng)綜合素養(yǎng)、培育他們的社會(huì)主義核心價(jià)值觀等具有重要的意義。

二、用戶界面設(shè)計(jì)課程思政教學(xué)改革與實(shí)踐

課程團(tuán)隊(duì)主要從思政目標(biāo)確定、思政資源的挖掘與整合、思政資源與教學(xué)內(nèi)容、專業(yè)知識(shí)的銜接、課程考核等幾個(gè)方面實(shí)施UI 設(shè)計(jì)課程思政改革方案。UI 設(shè)計(jì)課程改革后的32 課時(shí)分為理論授課和項(xiàng)目實(shí)踐，其中理論授課（16 課時(shí)）包括：用戶體驗(yàn)的基本原則和用戶需求分析（6 課時(shí)）、IDEO 的創(chuàng)新方法論（2 課時(shí)）、產(chǎn)品的創(chuàng)意思維與案例介紹（4 課時(shí)）、UI 交互設(shè)計(jì)思維與流程（4 課時(shí)）；項(xiàng)目實(shí)踐（16 課時(shí)）包括：產(chǎn)品市場(chǎng)分析和明確設(shè)計(jì)需求（2 課時(shí)）、總結(jié)產(chǎn)品功能規(guī)格與內(nèi)容需求（2課時(shí)）、產(chǎn)品體驗(yàn)交互框架和交互流程設(shè)計(jì)（2 課時(shí)）、產(chǎn)品信息架構(gòu)設(shè)計(jì)（2 課時(shí)）、產(chǎn)品的高保真原型設(shè)計(jì)（4 課時(shí)）、產(chǎn)品可用性評(píng)估與測(cè)試（4 課時(shí)）。

（一）確定課程思政教學(xué)目標(biāo)

明確教學(xué)目標(biāo)是各項(xiàng)教學(xué)活動(dòng)開展的重要前提，傳統(tǒng)的課程教學(xué)目標(biāo)過(guò)于側(cè)重學(xué)生的專業(yè)技能培養(yǎng)，忽視了思政育人的地位，課程教育立德樹人的核心目標(biāo)是讓學(xué)生樹立社會(huì)主義核心價(jià)值觀。因此，UI 設(shè)計(jì)課程思政教學(xué)目標(biāo)主要立足在專業(yè)教學(xué)目標(biāo)與要求的基礎(chǔ)上，將思政元素貫穿于課程內(nèi)容與教學(xué)設(shè)計(jì)的各個(gè)環(huán)節(jié)，既要注重知識(shí)與技能導(dǎo)向，更注重素質(zhì)與創(chuàng)新能力導(dǎo)向，在教學(xué)過(guò)程中引導(dǎo)學(xué)生正確做人做事做學(xué)問(wèn)，把培育和踐行社會(huì)主義核心價(jià)值觀融入課程教學(xué)全過(guò)程，弘揚(yáng)主旋律，傳播正能量，在知識(shí)傳授和技能培養(yǎng)中，以潤(rùn)物細(xì)無(wú)聲的方式實(shí)現(xiàn)價(jià)值引領(lǐng)，在潛移默化中激發(fā)學(xué)生熱愛(ài)祖國(guó)，展現(xiàn)愛(ài)國(guó)情懷，培養(yǎng)學(xué)生成為能夠肩負(fù)民族復(fù)興、時(shí)代重任的視覺(jué)傳達(dá)設(shè)計(jì)技術(shù)人才，實(shí)現(xiàn)“知識(shí)傳授與價(jià)值引領(lǐng)的有機(jī)結(jié)合”[3]，課程改革后形成的思政教學(xué)目標(biāo)具體見(jiàn)表1。

表1 UI 設(shè)計(jì)課程思政教學(xué)目標(biāo)

（二）挖掘與整合課程思政元素

課程思政，首要的任務(wù)是對(duì)傳統(tǒng)的教學(xué)內(nèi)容進(jìn)行優(yōu)化，而教學(xué)內(nèi)容優(yōu)化的核心是必須以專業(yè)知識(shí)和技能為載體，挖掘課程中所蘊(yùn)含的思政教育元素，并且準(zhǔn)確找出思政內(nèi)容和專業(yè)知識(shí)教育的契合點(diǎn)[4]。將思政資源與教學(xué)內(nèi)容、專業(yè)知識(shí)點(diǎn)有效銜接，使課程教授與思政課程同向同行，有效地將專業(yè)知識(shí)傳授、能力培養(yǎng)與社會(huì)責(zé)任感及價(jià)值觀教育等有機(jī)結(jié)合起來(lái)，使教有引導(dǎo)而學(xué)有領(lǐng)悟，進(jìn)而形成協(xié)同育人的效應(yīng)[5]。

基于UI 設(shè)計(jì)的課程特點(diǎn)，本課程的教學(xué)案例以移動(dòng)端的應(yīng)用軟件App、移動(dòng)端的H5 游戲、PC 端的網(wǎng)站等注重用戶體驗(yàn)的用戶界面設(shè)計(jì)和交互設(shè)計(jì)為主，因此，團(tuán)隊(duì)從教學(xué)素材和教學(xué)內(nèi)容入手，圍繞課程知識(shí)點(diǎn)，展開了對(duì)其歷史、文化、社會(huì)等背景信息的收集，結(jié)合思政目標(biāo)進(jìn)行提煉整合，選取了涉及家國(guó)情懷、觸及傳統(tǒng)歷史文化，尤其是基于新媒體技術(shù)的傳統(tǒng)文化活化創(chuàng)新和通過(guò)設(shè)計(jì)加科技解決社會(huì)熱點(diǎn)問(wèn)題的設(shè)計(jì)向善等方面的思政素材，這些思政素材與課程的專業(yè)知識(shí)高度關(guān)聯(lián)，都是利用用戶體驗(yàn)的基本原理和用戶界面設(shè)計(jì)進(jìn)行的產(chǎn)品開發(fā)，團(tuán)隊(duì)依據(jù)課程專業(yè)知識(shí)點(diǎn)和思政育人導(dǎo)向進(jìn)行優(yōu)化選擇與凝練，選擇了如表2 所示的案例作為課程思政內(nèi)容。

表2 UI 設(shè)計(jì)課程部分典型思政案例

（三）思政教學(xué)內(nèi)容與專業(yè)知識(shí)的銜接

以往的UI 設(shè)計(jì)課程重在理論灌輸和項(xiàng)目實(shí)戰(zhàn)，側(cè)重學(xué)生的專業(yè)知識(shí)和技能培養(yǎng)，通過(guò)教學(xué)改革，以隱性的形式把思政內(nèi)容貫穿于課程內(nèi)容與教學(xué)設(shè)計(jì)的各個(gè)環(huán)節(jié)，包括教學(xué)素材、教學(xué)內(nèi)容、教學(xué)環(huán)節(jié)和教學(xué)考核等方面融入價(jià)值引領(lǐng)內(nèi)容，開展了UI 設(shè)計(jì)課程教學(xué)改革與實(shí)踐。

1.思政資源專題嵌入教學(xué)素材與案例

在教學(xué)素材與案例的選擇上，團(tuán)隊(duì)采用了蘊(yùn)含深刻思想政治意識(shí)的界面交互設(shè)計(jì)作品，更新、補(bǔ)充、替換過(guò)去部分單一強(qiáng)調(diào)技能講授的案例素材，課程案例在專業(yè)教學(xué)的具體過(guò)程中，起到思想引領(lǐng)與示范導(dǎo)向的作用。如在用戶體驗(yàn)與前期調(diào)研的課程內(nèi)容中，以故宮系列App 為例作為傳統(tǒng)文化創(chuàng)新專題，既有豐富的專業(yè)知識(shí)，同時(shí)還蘊(yùn)含深刻的愛(ài)國(guó)主義情感，激發(fā)學(xué)生對(duì)文化傳承與文化創(chuàng)新傳播的使命感，弘揚(yáng)和培育學(xué)生的民族精神、文化自信、大國(guó)工匠精神。

2.思政內(nèi)容融入專業(yè)知識(shí)教學(xué)過(guò)程

在教學(xué)過(guò)程中，為了加強(qiáng)對(duì)知識(shí)點(diǎn)思政內(nèi)涵的能動(dòng)性挖掘與主觀認(rèn)識(shí)，使思政內(nèi)容以自然的、輕松的、隱性的、潛移默化的方式融入專業(yè)教學(xué)活動(dòng)，團(tuán)隊(duì)在課程信息架構(gòu)的學(xué)習(xí)章節(jié)中，特別注重培養(yǎng)學(xué)生的國(guó)際視野和對(duì)該領(lǐng)域前沿信息和前沿技術(shù)的敏銳洞察力和獲取信息的能力，以App 移動(dòng)應(yīng)用產(chǎn)品領(lǐng)域的全球設(shè)計(jì)大獎(jiǎng)——Apple Design Awards 蘋果年度設(shè)計(jì)大獎(jiǎng)的獲獎(jiǎng)App 進(jìn)行信息架構(gòu)的分析，并有重點(diǎn)選取了有思政內(nèi)涵的App，如為幫助視力障礙人士設(shè)計(jì)的Be My Eyes App 等，這類App 體現(xiàn)的設(shè)計(jì)向善是全球關(guān)注的熱點(diǎn)問(wèn)題，設(shè)計(jì)的初衷是為了解決人民大眾的需求，從而激發(fā)學(xué)生對(duì)設(shè)計(jì)向善主題的創(chuàng)作熱情，同時(shí)培養(yǎng)學(xué)生的仁愛(ài)之心和社會(huì)責(zé)任感。

3.思政主題滲透課程考核

在課程考核過(guò)程中，一是平時(shí)成績(jī)側(cè)重于體現(xiàn)學(xué)生思想道德表現(xiàn)；二是在專業(yè)技能考核的內(nèi)容上進(jìn)行思政主題的滲透，即依據(jù)課程思政教學(xué)目標(biāo)，在基于現(xiàn)有知識(shí)技能考核的基礎(chǔ)上，增加了對(duì)知識(shí)技能點(diǎn)的思政融入，重視課程素質(zhì)目標(biāo)考核的同時(shí)，注重對(duì)作業(yè)考核內(nèi)容的價(jià)值觀審視與植入，如在課堂表現(xiàn)考核中從德育育人出發(fā)對(duì)學(xué)生出勤與學(xué)習(xí)態(tài)度進(jìn)行客觀評(píng)價(jià)；同時(shí)結(jié)合專業(yè)教學(xué)內(nèi)容，增加課程思政專項(xiàng)考核，注重思政意義的平時(shí)作業(yè)和課程項(xiàng)目大作業(yè)的考核，以翻轉(zhuǎn)課堂的形式要求學(xué)生圍繞文化創(chuàng)新和設(shè)計(jì)向善的主題進(jìn)行案例分享；將思政主題融入專業(yè)知識(shí)與技能考核的具體項(xiàng)目，并在項(xiàng)目匯報(bào)展示環(huán)節(jié)考核項(xiàng)目的完整度能否達(dá)到H5 線上傳播的要求，以期培養(yǎng)學(xué)生文化傳承的使命感。具體考核的思路和方法如圖1 所示。

圖1 課程考核思路

三、課程改革后學(xué)生優(yōu)秀作品展示

UI 設(shè)計(jì)課程的項(xiàng)目實(shí)戰(zhàn)訓(xùn)練是考察學(xué)生對(duì)本課程知識(shí)、能力、價(jià)值等綜合素質(zhì)的重要環(huán)節(jié)。學(xué)生可以選擇制作Web 端的網(wǎng)站、移動(dòng)互聯(lián)的App 或H5 交互游戲等，教師主要從如下幾個(gè)方面引導(dǎo)學(xué)生分組選取不同主題性思政資源融入課程訓(xùn)練的選題，從而促進(jìn)課程思政的教學(xué)實(shí)施效果：第一，學(xué)生面對(duì)選題時(shí)，灌輸家國(guó)情懷、文化創(chuàng)新、設(shè)計(jì)向善的思政主題；第二，學(xué)生執(zhí)行設(shè)計(jì)實(shí)操時(shí)，需要通過(guò)各自的選題將收集大量的相關(guān)資料，融入思政主題；第三，項(xiàng)目實(shí)際操作過(guò)程中，學(xué)生之間分組進(jìn)行用戶體驗(yàn)測(cè)試，強(qiáng)化了思政主題；第四，課程項(xiàng)目完成后，將作品以H5 的形式進(jìn)行線上傳播，此時(shí)不單是學(xué)生潛移默化的感受思政，而且是思政主題對(duì)公眾的傳播。

經(jīng)過(guò)UI 設(shè)計(jì)課程的教學(xué)改革，取得了良好的教學(xué)效果，與往年相比，學(xué)生課程項(xiàng)目作品都具有一定的思想高度和社會(huì)價(jià)值，圖2《建黨百年手機(jī)H5 交互設(shè)計(jì)》，該H5以生動(dòng)的插畫風(fēng)格，以用戶與手機(jī)交互的形式，介紹了自1949 年新中國(guó)成立到2021 年中國(guó)經(jīng)歷的大事件，展現(xiàn)了建黨百年的不易和祖國(guó)一步步走向強(qiáng)大的民族自豪感，反饋出學(xué)生對(duì)于家國(guó)情懷思想的思考。

圖2 課程項(xiàng)目實(shí)踐教學(xué)成果——《建黨百年手機(jī)H5 交互設(shè)計(jì)》

圖3《西漢南越王墓博物館網(wǎng)站交互設(shè)計(jì)》，該作品對(duì)原來(lái)的西漢南越王墓博物館的網(wǎng)站進(jìn)行了重新設(shè)計(jì)，將傳統(tǒng)的博物館網(wǎng)站進(jìn)行了大膽的創(chuàng)新設(shè)計(jì)，注重用戶體驗(yàn)的沉浸式體驗(yàn)效果和界面設(shè)計(jì)的現(xiàn)代審美。在網(wǎng)站的整體設(shè)計(jì)中以開啟古墓的鑰匙和鎖孔的平面圖形作為主視覺(jué)進(jìn)行了創(chuàng)新的排版，展現(xiàn)出文物的神秘感，是網(wǎng)站交互設(shè)計(jì)中現(xiàn)代設(shè)計(jì)版式與文物展現(xiàn)的完美結(jié)合，反饋了學(xué)生對(duì)文化傳承與創(chuàng)新的努力嘗試。

圖3 課程項(xiàng)目實(shí)踐教學(xué)成果——《西漢南越王墓博物館網(wǎng)站交互設(shè)計(jì)》

圖4《抗擊疫情人人有責(zé)手機(jī)H5 交互設(shè)計(jì)》，該H5 用輕松的視覺(jué)語(yǔ)言和用戶進(jìn)行人機(jī)交互，通過(guò)設(shè)計(jì)的力量告訴人們抗擊疫情是每位公民的責(zé)任，以及作為社會(huì)公民應(yīng)該如何配合前線的抗疫英雄積極地做好自我管理。例如，通過(guò)幫一家人帶口罩的交互小游戲強(qiáng)化帶口罩出行的意識(shí)；通過(guò)7 個(gè)洗手步驟的交互設(shè)計(jì)強(qiáng)化人們要注意雙手衛(wèi)生；通過(guò)視覺(jué)效果強(qiáng)化大眾對(duì)新型冠狀病毒癥狀的了解，提醒人們要及時(shí)就醫(yī)。這些作品具有較強(qiáng)的交互體驗(yàn)感和視覺(jué)審美性，同時(shí)也反饋出學(xué)生的社會(huì)責(zé)任感。

圖4 課程項(xiàng)目實(shí)踐教學(xué)成果——《抗擊疫情人人有責(zé)手機(jī)H5 交互設(shè)計(jì)》

四、結(jié)束語(yǔ)

UI 設(shè)計(jì)課程改革后的思政教學(xué)緊緊圍繞課程知識(shí)傳授與價(jià)值引領(lǐng)有效結(jié)合的課程目標(biāo)，從課程教學(xué)素材出發(fā)，精選思政資源案例，在課程知識(shí)點(diǎn)教學(xué)方面，對(duì)接思政個(gè)案；課程考核方面，注重對(duì)考核內(nèi)容的價(jià)值觀審視與植入，最終使課程達(dá)到教學(xué)案例蘊(yùn)含思政背景，教學(xué)過(guò)程貫穿思政內(nèi)容，課程考核植入思政主題的全方位課程思政目的，把培育和踐行社會(huì)主義核心價(jià)值觀融入課程教學(xué)全過(guò)程，取得了很好的效果，學(xué)生提交的課程實(shí)踐項(xiàng)目作品充分顯示了課程改革的教學(xué)效果，其改革方案具有推廣和供相關(guān)專業(yè)課程教學(xué)借鑒的價(jià)值。