陸培培 牟煉

【摘 要】本文針對(duì)UI界面設(shè)計(jì)課程傳統(tǒng)教學(xué)中存在的教學(xué)方式落后、教學(xué)時(shí)間有限、授課知識(shí)不夠全面、教材缺乏實(shí)用性、相關(guān)教學(xué)資源缺乏等問(wèn)題，分析線上線下混合教學(xué)模式的優(yōu)勢(shì)，并從課前學(xué)生自主學(xué)習(xí)、課中項(xiàng)目實(shí)訓(xùn)、課后教學(xué)考核評(píng)價(jià)等環(huán)節(jié)論述UI界面交互設(shè)計(jì)課程線上線下混合教學(xué)模式的實(shí)施過(guò)程。

【關(guān)鍵詞】互聯(lián)網(wǎng)+ 線上線下 混合教學(xué)模式UI界面交互設(shè)計(jì)

【中圖分類號(hào)】G ?【文獻(xiàn)標(biāo)識(shí)碼】A

【文章編號(hào)】0450-9889（2021）07-0053-03

在“互聯(lián)網(wǎng)+”背景下，各種教育平臺(tái)如雨后春筍般涌現(xiàn)出來(lái)，在國(guó)內(nèi)教育界掀起了一場(chǎng)在線學(xué)習(xí)的熱潮。各大高校紛紛推出在線開(kāi)放課程，從而催生了基于慕課、微課、超星學(xué)習(xí)通等平臺(tái)的各種混合教學(xué)模式?；旌辖虒W(xué)模式并不是簡(jiǎn)單的技術(shù)混合，而是為學(xué)生創(chuàng)造一種真正高度參與的、個(gè)性化的學(xué)習(xí)體驗(yàn)，其關(guān)鍵是通過(guò)對(duì)課程的再設(shè)計(jì)為學(xué)生創(chuàng)設(shè)積極的、協(xié)作學(xué)習(xí)體驗(yàn)，從而幫助學(xué)生通過(guò)主動(dòng)地參與學(xué)習(xí)積極構(gòu)建自身知識(shí)體系。本文擬以筆者所任教的數(shù)字媒體藝術(shù)專業(yè)的UI界面交互設(shè)計(jì)課程為例，探討依托超星學(xué)習(xí)通平臺(tái)的線上線下混合教學(xué)模式，為構(gòu)建互聯(lián)網(wǎng)云課堂與線下課程相結(jié)合的混合教學(xué)模式提供借鑒。

一、UI界面交互設(shè)計(jì)課程教學(xué)現(xiàn)狀

許多高校開(kāi)設(shè)了UI界面設(shè)計(jì)課程，但該課程傳統(tǒng)教學(xué)中存在較多的問(wèn)題。

第一，教學(xué)方式落后，不利于促進(jìn)學(xué)生主動(dòng)學(xué)習(xí)。如許多高校該課程的教學(xué)還是以傳統(tǒng)的灌輸式授課方式進(jìn)行，教師與學(xué)生缺乏交流，難以促進(jìn)學(xué)生主動(dòng)學(xué)習(xí)?！痘茨献印ふf(shuō)林訓(xùn)》有言：“授人以魚(yú)不如授人以漁?！逼浣逃砟罴词莻魇诮o人既有知識(shí)，不如傳授給人學(xué)習(xí)知識(shí)的方法。學(xué)生若要提高專業(yè)能力，單憑課堂上學(xué)習(xí)的知識(shí)是遠(yuǎn)遠(yuǎn)不夠的，還要掌握自主學(xué)習(xí)的方法，傳統(tǒng)的教學(xué)方式無(wú)疑不能滿足學(xué)生的自主學(xué)習(xí)需求。

第二，教學(xué)時(shí)間有限，授課知識(shí)不夠全面。由于學(xué)生需要學(xué)習(xí)的課程種類較多，如學(xué)生每周需要上兩門(mén)或者兩門(mén)以上的專業(yè)課程，因此該課程教學(xué)時(shí)間有限。由于教學(xué)時(shí)間有限，一方面學(xué)生難以完全理解和吸收所學(xué)知識(shí);另一方面教師難以傳授較為全面的知識(shí)，只能側(cè)重于傳授某些方面的知識(shí)，如某些教師授課內(nèi)容注重界面圖標(biāo)設(shè)計(jì)、視覺(jué)設(shè)計(jì)，而忽視了界面交互設(shè)計(jì)。

第三，教材缺乏實(shí)用性，相關(guān)教學(xué)資源缺乏。一方面，當(dāng)前國(guó)內(nèi)UI界面交互設(shè)計(jì)課程的教材并不像平面設(shè)計(jì)類教材那么豐富，現(xiàn)有的教材內(nèi)容設(shè)置多流于表層的編寫(xiě)，僅適用于初級(jí)階段的學(xué)習(xí)，缺乏一套實(shí)用的“理論+實(shí)際項(xiàng)目制作”的教材。另一方面，許多授課教師因?yàn)楸旧韺?duì)相關(guān)行業(yè)不夠熟悉，缺少實(shí)踐經(jīng)歷和經(jīng)驗(yàn)，其授課內(nèi)容往往較為單一，更無(wú)法提供豐富的相關(guān)教學(xué)資源以供學(xué)生進(jìn)一步學(xué)習(xí)。

二、UI界面交互設(shè)計(jì)課程線上線下混合教學(xué)模式的實(shí)施過(guò)程

相比傳統(tǒng)教學(xué)方式，線上線下混合教學(xué)模式具有如下優(yōu)勢(shì)：一是不受時(shí)間、空間限制，能讓學(xué)生自由利用空閑時(shí)間進(jìn)行學(xué)習(xí)，培養(yǎng)學(xué)生自主學(xué)習(xí)的能力;二是注重教學(xué)資源的開(kāi)發(fā)，而優(yōu)質(zhì)的教學(xué)資源有助于提高學(xué)生的專業(yè)能力;三是有助于增強(qiáng)師生互動(dòng)，提高學(xué)生對(duì)學(xué)習(xí)的興趣;四是有助于提升教師的教學(xué)能力，培養(yǎng)教師掌握多種授課方法。

筆者以數(shù)字媒體藝術(shù)專業(yè)的學(xué)生為研究對(duì)象，結(jié)合超星學(xué)習(xí)通、中國(guó)慕課平臺(tái)開(kāi)展UI界面交互設(shè)計(jì)課程線上線下混合教學(xué)模式實(shí)踐。該課程共64個(gè)課時(shí)，其中線上教學(xué)30個(gè)課時(shí)，線下教學(xué)34個(gè)課時(shí)（見(jiàn)圖1）。線上教學(xué)又分為基礎(chǔ)理論與案例操作兩大部分，主要是讓學(xué)生全面掌握UI界面交互設(shè)計(jì)課程的基礎(chǔ)知識(shí)、視覺(jué)設(shè)計(jì)及Axure RP技能;線下教學(xué)以項(xiàng)目實(shí)戰(zhàn)操作為主，主要是讓學(xué)生通過(guò)探討設(shè)計(jì)一套完整的產(chǎn)品界面并進(jìn)行匯報(bào)。教學(xué)過(guò)程包括課前、課中、課后三個(gè)環(huán)節(jié)。

（一）課前：學(xué)生自主學(xué)習(xí)

課前，教師根據(jù)教學(xué)內(nèi)容安排，預(yù)先錄制線上教學(xué)視頻，并將教學(xué)視頻、課件、參考資料、課后討論等內(nèi)容上傳到超星學(xué)習(xí)通平臺(tái)上。在開(kāi)課時(shí)，通過(guò)QQ群提醒學(xué)生在規(guī)定的時(shí)間內(nèi)線上觀看教學(xué)視頻及完成相關(guān)作業(yè)任務(wù)。在觀看視頻時(shí)，學(xué)生可自主選擇和規(guī)劃學(xué)習(xí)的時(shí)間，只要在規(guī)定時(shí)間內(nèi)完成任務(wù)都屬于達(dá)標(biāo)，對(duì)不按要求完成任務(wù)者，將進(jìn)行相應(yīng)的扣分。教師則通過(guò)超星學(xué)習(xí)通的后臺(tái)，時(shí)刻關(guān)注學(xué)生的學(xué)習(xí)進(jìn)度，掌握學(xué)生的學(xué)習(xí)情況，方便在線下教學(xué)中因材施教，提高每一名學(xué)生的專業(yè)能力。

線上教學(xué)內(nèi)容以理論基礎(chǔ)知識(shí)為主，共安排5個(gè)章節(jié)的內(nèi)容，錄制了14個(gè)視頻，主要講解界面設(shè)計(jì)概述、用戶需求、交互設(shè)計(jì)、視覺(jué)設(shè)計(jì)、優(yōu)秀界面鑒賞等方面內(nèi)容，其中交互設(shè)計(jì)與視覺(jué)設(shè)計(jì)分別是理論知識(shí)的重點(diǎn)與難點(diǎn)部分。

線上教學(xué)的第二部分為實(shí)例操作練習(xí)內(nèi)容，共分為7個(gè)模塊，其中實(shí)訓(xùn)4為實(shí)例操作的重點(diǎn)部分，主要講解Axure RP的動(dòng)態(tài)面板的作用，并結(jié)合交互屬性為界面添加交互效果，如鼠標(biāo)單擊時(shí)、拖動(dòng)時(shí)、載入時(shí)等的交互樣式。實(shí)訓(xùn)5和實(shí)訓(xùn)6為難點(diǎn)部分，這兩個(gè)部分主要通過(guò)案例講解Axure RP的中繼器與全局變量的使用，比如利用中繼器制作分類商品、運(yùn)用變量制作為商品點(diǎn)贊等內(nèi)容，以方便學(xué)生在線下課程中能夠熟練運(yùn)用Axure RP進(jìn)行App產(chǎn)品的高保真原型交互設(shè)計(jì)。

通常來(lái)說(shuō)，人的注意力時(shí)間有限，因此，用于線上教學(xué)的視頻內(nèi)容最好控制在20分鐘以內(nèi)，這就需要教師在授課之前規(guī)劃好每一個(gè)教學(xué)視頻內(nèi)容，不僅要精簡(jiǎn)而且要有實(shí)際意義。

（二）課中：項(xiàng)目實(shí)訓(xùn)

課堂教學(xué)主要分兩個(gè)階段進(jìn)行：第一階段，以探討與實(shí)例操作為主;第二階段，以項(xiàng)目實(shí)戰(zhàn)訓(xùn)練為主。

在第一階段的教學(xué)中，首先，教師抽取小部分時(shí)間讓學(xué)生匯報(bào)、探討、總結(jié)課前線上的學(xué)習(xí)情況，并對(duì)學(xué)生匯報(bào)情況給予點(diǎn)評(píng)。這樣，教師不僅可以深入地了解學(xué)生對(duì)基礎(chǔ)知識(shí)點(diǎn)的掌握程度，而且方便與學(xué)生進(jìn)行即時(shí)溝通，解決學(xué)生的疑問(wèn)。其次，讓學(xué)生完成課堂實(shí)例操作練習(xí)，通過(guò)課堂實(shí)例的訓(xùn)練讓每一名學(xué)生熟練掌握專業(yè)技能。由于學(xué)生在上課前已觀看視頻教學(xué)并做課前預(yù)習(xí)，在課堂中進(jìn)行實(shí)例操作訓(xùn)練時(shí)如有不清楚的地方，可在課堂中進(jìn)行深入的探討。

在第二階段教學(xué)中，主要采用小組合作的形式完成項(xiàng)目實(shí)戰(zhàn)訓(xùn)練。小組合作不僅可以發(fā)揮團(tuán)隊(duì)合作精神，而且可以激發(fā)學(xué)生的創(chuàng)意靈感。學(xué)生首先根據(jù)一些設(shè)計(jì)競(jìng)賽或者企業(yè)的設(shè)計(jì)項(xiàng)目進(jìn)行選題;其次以小組的形式進(jìn)行市場(chǎng)考察，并對(duì)競(jìng)品及用戶進(jìn)行分析，制作出App的故事板;最后進(jìn)行分享、闡述、討論。小組合作人數(shù)控制在3～4人，并設(shè)立一位負(fù)責(zé)人來(lái)督促整個(gè)項(xiàng)目的分工等情況。在此項(xiàng)目中，小組成員根據(jù)各自所擅長(zhǎng)的方面分別扮演不同的角色，如組長(zhǎng)負(fù)責(zé)競(jìng)品分析、信息架構(gòu)、產(chǎn)品展示及講解等，成員一負(fù)責(zé)市場(chǎng)調(diào)研、界面交互設(shè)計(jì)，成員二負(fù)責(zé)界面視覺(jué)設(shè)計(jì)。每個(gè)小組都要在規(guī)定的時(shí)間內(nèi)完成相應(yīng)的任務(wù)。在項(xiàng)目制作過(guò)程中，教師要進(jìn)行定時(shí)的檢查，了解小組成員所完成的情況，并對(duì)學(xué)生提出的相關(guān)問(wèn)題及疑問(wèn)進(jìn)行有針對(duì)性的回答和指導(dǎo)，在提高學(xué)生問(wèn)題分析能力的同時(shí)，增強(qiáng)師生之間的溝通與交流，活躍課堂教學(xué)氛圍。

（三）課后：教學(xué)考核評(píng)價(jià)

課后，即課程的最后階段，主要進(jìn)行教學(xué)考核評(píng)價(jià)。學(xué)生首先要完善項(xiàng)目細(xì)節(jié)的制作，并將制作的作品上傳到網(wǎng)上，進(jìn)行小組互評(píng)、測(cè)試;其次匯報(bào)項(xiàng)目，并由教師對(duì)本課程教學(xué)進(jìn)行考核、總結(jié)。學(xué)生通過(guò)完善項(xiàng)目作品，對(duì)本課程所設(shè)計(jì)的內(nèi)容進(jìn)行整理，在展板上展示所設(shè)計(jì)的內(nèi)容編排，并上傳到學(xué)習(xí)通平臺(tái)上，然后按學(xué)校要求將作業(yè)刻入光盤(pán)上交學(xué)校留底存放，方便給下一屆學(xué)生學(xué)習(xí)借鑒。教師從所收集的作業(yè)中遴選出一些優(yōu)秀的設(shè)計(jì)作品參加設(shè)計(jì)競(jìng)賽，在檢驗(yàn)學(xué)生專業(yè)水平與教師教學(xué)水平的同時(shí)，幫助學(xué)生積累實(shí)踐經(jīng)驗(yàn)。

對(duì)本課程教學(xué)的考核評(píng)價(jià)采取線上與線下考核評(píng)價(jià)相結(jié)合的形式。線上考核評(píng)價(jià)由平時(shí)成績(jī)、實(shí)踐成績(jī)、期末成績(jī)?nèi)蟛糠纸M成。其中，平時(shí)成績(jī)包括觀看線上教學(xué)視頻情況、考勤情況、課堂表現(xiàn)等方面，而實(shí)踐成績(jī)?yōu)檎n堂實(shí)例項(xiàng)目練習(xí)的作業(yè)情況，此兩項(xiàng)成績(jī)各占總評(píng)的25%;線上提交的期末實(shí)戰(zhàn)項(xiàng)目設(shè)計(jì)作品與線下對(duì)項(xiàng)目的匯報(bào)情況，此兩項(xiàng)成績(jī)共占總評(píng)的50%。小組成員在陳述所設(shè)計(jì)的作品時(shí)，需就如下內(nèi)容進(jìn)行匯報(bào)：一是該項(xiàng)目的分工情況、產(chǎn)品的概述及調(diào)研的情況;二是該產(chǎn)品的創(chuàng)意構(gòu)思;三是該項(xiàng)目的優(yōu)點(diǎn)以及不足之處;四是是否有解決不足之處的預(yù)案;五是團(tuán)隊(duì)的自我評(píng)價(jià)及學(xué)習(xí)效果情況。同時(shí)，授課教師對(duì)該課程教學(xué)進(jìn)行總結(jié)，并收集學(xué)生對(duì)本課程教學(xué)的匿名評(píng)價(jià)及意見(jiàn)，以完善下一次教學(xué)內(nèi)容，提升教學(xué)質(zhì)量。

為了提高UI界面交互設(shè)計(jì)課程的教學(xué)質(zhì)量，筆者已經(jīng)在超星學(xué)習(xí)通平臺(tái)上初步搭建線上教學(xué)模塊，并結(jié)合線下課堂進(jìn)行教學(xué)嘗試。從這次教學(xué)經(jīng)驗(yàn)來(lái)看，線上線下混合教學(xué)模式得到了學(xué)生的良好反響，但真正要上好這門(mén)課，還需要不斷總結(jié)經(jīng)驗(yàn)、繼續(xù)完善。互聯(lián)網(wǎng)平臺(tái)只是一種信息化教學(xué)手段，教師要真正提高教學(xué)能力，還須利用互聯(lián)網(wǎng)構(gòu)建優(yōu)質(zhì)的教學(xué)內(nèi)容，且線上與線下的教學(xué)不能相脫節(jié);無(wú)論是線上還是線下的教學(xué)，都要結(jié)合市場(chǎng)需求進(jìn)行精心的設(shè)計(jì)，并規(guī)劃好該教學(xué)內(nèi)容的安排，調(diào)動(dòng)學(xué)生學(xué)習(xí)的積極性，讓學(xué)生從被動(dòng)學(xué)習(xí)轉(zhuǎn)為主動(dòng)學(xué)習(xí)，提高學(xué)生的專業(yè)實(shí)踐能力與創(chuàng)新思維能力，培養(yǎng)符合社會(huì)需要的應(yīng)用型人才。

【參考文獻(xiàn)】

[1]孫佳佳，高立偉，馬博文，等.“互聯(lián)網(wǎng)+”背景下基于雨課堂的混合式教學(xué)模式改革[J].計(jì)算機(jī)時(shí)代，2020（9）.

[2]陳曉剛，王蘇宇.“互聯(lián)網(wǎng)+”背景下景觀設(shè)計(jì)課程TMCS混合教學(xué)實(shí)踐探析[J]. 裝飾，2019（8）.

[3]魏丹，劉薊南.基于雨課堂智慧工具的混合式教學(xué)模式構(gòu)建[A].第十六屆沈陽(yáng)科學(xué)學(xué)術(shù)年會(huì)論文集（經(jīng)管社科）[C].沈陽(yáng)：沈陽(yáng)市科學(xué)技術(shù)協(xié)會(huì)，2019.

[4]陳希赟.《移動(dòng)終端界面設(shè)計(jì)》課程線上線下混合式教學(xué)的探索與實(shí)踐[J].科技視界，2019（29）.

注：2020年度廣西高等教育本科教學(xué)改革工程立項(xiàng)項(xiàng)目“應(yīng)用型本科設(shè)計(jì)類課程SPOC+任務(wù)驅(qū)動(dòng)教學(xué)模式建設(shè)與改革”（2020JGA374）;廣西民族大學(xué)相思湖學(xué)院2020年度思想政治理論與實(shí)踐研究課題“互聯(lián)網(wǎng)視閾下桂北紅色文化融入界面交互設(shè)計(jì)教學(xué)的路徑研究”（2020SZKY07）

【作者簡(jiǎn)介】陸培培（1984— ），女，漢族，廣西桂林人，碩士，廣西民族大學(xué)相思湖學(xué)院講師，研究方向?yàn)閿?shù)字媒體設(shè)計(jì)、視覺(jué)傳達(dá)設(shè)計(jì);牟 煉（1987— ），女，漢族，廣西賓陽(yáng)人，碩士，廣西大學(xué)行健文理學(xué)院副教授，研究方向?yàn)橐曈X(jué)傳達(dá)設(shè)計(jì)。

（責(zé)編 蘇 洋）