以就業(yè)為導(dǎo)向的“UI設(shè)計(jì)”教學(xué)改革探析

陶 琨

(無錫太湖學(xué)院,江蘇 無錫 214063)

0 引言

UI設(shè)計(jì)是指創(chuàng)建用戶界面的過程。UI設(shè)計(jì)的目的是使用戶能夠輕松、高效地與數(shù)字產(chǎn)品進(jìn)行互動。數(shù)字產(chǎn)品涉及種類繁多,從手機(jī)應(yīng)用到電子商務(wù)網(wǎng)站,從軟件應(yīng)用到自動化設(shè)備的控制界面。UI設(shè)計(jì)師的主要任務(wù)是確保用戶界面直觀、易用、吸引人,為用戶提供優(yōu)良的使用體驗(yàn)。由于UI設(shè)計(jì)師在就業(yè)市場需求量大、起薪高、入行門檻低,大量人才涌入該行業(yè),其中一部分來源于高校設(shè)計(jì)專業(yè)的畢業(yè)生,另一部分來源于短期的社會培訓(xùn)機(jī)構(gòu)。雖然從業(yè)人員總量大,但是真正具備設(shè)計(jì)思維、能綜合運(yùn)用多學(xué)科知識解決實(shí)際問題的優(yōu)秀人才十分短缺。為解決高校教學(xué)培養(yǎng)結(jié)果與市場用人需求不匹配問題,本文以視覺傳達(dá)設(shè)計(jì)專業(yè)的核心課程——“UI設(shè)計(jì)”為例,探析以就業(yè)為導(dǎo)向的課程教學(xué)改革。

1 高?！癠I設(shè)計(jì)”課程概述

1.1 教學(xué)內(nèi)容

經(jīng)驗(yàn)型理論知識教學(xué)包括安卓與iOS系統(tǒng)界面設(shè)計(jì)的概述、主要用戶界面元素以及各種基礎(chǔ)設(shè)計(jì)規(guī)范等。交互層面的教學(xué)內(nèi)容包括思維導(dǎo)圖設(shè)計(jì)、流程圖設(shè)計(jì)、交互原型設(shè)計(jì)等。視覺層面的教學(xué)內(nèi)容包括界面構(gòu)成的形式美法則、圖標(biāo)設(shè)計(jì)、插圖設(shè)計(jì)、版式布局設(shè)計(jì)、動態(tài)創(chuàng)意輔助圖形設(shè)計(jì)等。軟件層面的教學(xué)內(nèi)容包括運(yùn)用Axure、Sketch、Adobe XD等軟件進(jìn)行靜態(tài)頁面的設(shè)計(jì)和繪制以及運(yùn)用After Effects、Principle等軟件進(jìn)行交互動畫原型的制作。用戶研究層面的教學(xué)內(nèi)容包括設(shè)計(jì)心理學(xué)等。

1.2 教學(xué)模式

“UI設(shè)計(jì)”是視覺傳達(dá)設(shè)計(jì)專業(yè)大三年級的專業(yè)核心課程之一。教師通常采取“填鴨式”的教學(xué)模式,結(jié)合具體的案例講解理論知識,學(xué)生被動接受知識。學(xué)生通過完成專項(xiàng)設(shè)計(jì)作業(yè),實(shí)現(xiàn)對知識的鞏固和實(shí)操訓(xùn)練。

1.3 課程安排

“UI設(shè)計(jì)”的課程持續(xù)8周,每周8個學(xué)時,總計(jì)64個學(xué)時,4個學(xué)分。該課程以結(jié)課大作業(yè)作為考查形式。結(jié)課大作業(yè)占總成績的60%,平時成績占總成績的40%,其中平時成績由8個專項(xiàng)設(shè)計(jì)作業(yè)構(gòu)成。

2 高?！癠I設(shè)計(jì)”課程教學(xué)存在的問題

2.1 學(xué)生缺乏系統(tǒng)、完整的知識體系

“UI設(shè)計(jì)”作為一門新興學(xué)科、交叉學(xué)科,教學(xué)體系并不完善,同時又涉及了許多學(xué)科的相關(guān)知識[1],是認(rèn)知心理學(xué)、設(shè)計(jì)美學(xué)、人機(jī)工程學(xué)等眾多學(xué)科融合發(fā)展的結(jié)果。學(xué)生想學(xué)好這門課程,既要有視覺傳達(dá)的平面美感,又要有產(chǎn)品設(shè)計(jì)的知識儲備,還要充分理解用戶的心理[1]。同時,學(xué)生必須熟練掌握計(jì)算機(jī)圖形輔助設(shè)計(jì)技術(shù),熟悉一些簡單的代碼實(shí)現(xiàn)原理。視覺傳達(dá)設(shè)計(jì)專業(yè)的學(xué)生,由于欠缺系統(tǒng)、完整的知識體系,對UI設(shè)計(jì)的認(rèn)知還停留在基礎(chǔ)的界面圖形繪制階段,忽略了其與智能設(shè)備硬件設(shè)計(jì)、人機(jī)交互、用戶心理等相關(guān)領(lǐng)域的跨界鏈接。

2.2 重技術(shù)表現(xiàn),輕設(shè)計(jì)思維

設(shè)計(jì)思維是一種理念,在UI設(shè)計(jì)中體現(xiàn)為:設(shè)計(jì)師通過觀察用戶的行為、理解用戶內(nèi)在的心智模式和用戶所處的環(huán)境,用自己專業(yè)的流程、方法,幫助用戶解決痛點(diǎn)問題。在此過程中,設(shè)計(jì)師需要平衡技術(shù)可行性和用戶需求。但是,在現(xiàn)實(shí)的課堂教學(xué)中,教師往往聚焦于軟件的實(shí)操問題和視覺的審美問題,忽視了對用戶調(diào)研、商業(yè)目標(biāo)、交互邏輯等內(nèi)容的探索。這樣的技能培養(yǎng)模式導(dǎo)致學(xué)生的模仿能力強(qiáng)、創(chuàng)造能力弱。學(xué)生缺少解決復(fù)雜問題的思維能力的訓(xùn)練。

2.3 課程內(nèi)容更新速度慢,教學(xué)設(shè)備陳舊,跟不上行業(yè)發(fā)展

隨著互聯(lián)網(wǎng)技術(shù)的不斷進(jìn)步和各行各業(yè)對數(shù)字化的依賴程度加深,UI設(shè)計(jì)的內(nèi)容每年都在快速更新。但高校課程內(nèi)容的更新迭代較慢,滯后于行業(yè)的發(fā)展,這導(dǎo)致學(xué)生習(xí)得的知識比較老舊,與實(shí)際需求不匹配,難以滿足市場的用人需求。高校雖然重視培養(yǎng)學(xué)生的設(shè)計(jì)實(shí)踐能力,但軟硬件設(shè)備資源有限,不可與企業(yè)相提并論。企業(yè)通常會購買軟件版權(quán),其使用的主流軟件部分只能安裝在mac系統(tǒng)上。而學(xué)校既不會購買軟件版權(quán),又不具備配有mac電腦的機(jī)房。因此,學(xué)生學(xué)習(xí)的軟件技能和企業(yè)不匹配,實(shí)踐的價值被打折。UI設(shè)計(jì)作為當(dāng)下最前沿的設(shè)計(jì)類別之一,學(xué)生需要學(xué)習(xí)最新的技能、趨勢和方法論,才能在畢業(yè)時保持一定的求職競爭力。

2.4 課程中缺少行業(yè)實(shí)戰(zhàn)經(jīng)驗(yàn)分享,教師實(shí)操能力有待提升

參與“UI設(shè)計(jì)”教學(xué)的專任教師往往更注重提升自身的教學(xué)和科研能力,缺少相關(guān)公司的設(shè)計(jì)工作經(jīng)驗(yàn)和商業(yè)項(xiàng)目的實(shí)操經(jīng)歷,導(dǎo)致其教學(xué)理念與真實(shí)的商業(yè)市場之間存在一定的差距。因此,教師在教學(xué)中很難給予學(xué)生足夠的實(shí)踐指導(dǎo),無法將行業(yè)實(shí)戰(zhàn)經(jīng)驗(yàn)分享給學(xué)生,影響課程的教學(xué)質(zhì)量。應(yīng)用型學(xué)科需要通過大量的實(shí)踐和練習(xí)來鞏固和驗(yàn)收學(xué)習(xí)成果,教師作為教學(xué)的設(shè)計(jì)者和引導(dǎo)者,需要參與實(shí)踐項(xiàng)目,提高自身的實(shí)操能力。

3 “UI設(shè)計(jì)”課程教學(xué)的改革對策

3.1 結(jié)合崗位職能,完善課程內(nèi)容結(jié)構(gòu)

2013年,UI設(shè)計(jì)是技法人員的天下,設(shè)計(jì)師僅需嫻熟掌握Photoshop軟件。2014—2015年,UI設(shè)計(jì)強(qiáng)調(diào)更高級別的視覺表現(xiàn)質(zhì)量,與此同時,用戶體驗(yàn)這個詞逐漸被普及,越來越多的UI設(shè)計(jì)團(tuán)隊(duì)開始自稱為用戶體驗(yàn)設(shè)計(jì)(User Experience Design,UED)。2016—2017年,行業(yè)開始以“能否輸出出色的用戶體驗(yàn)”來篩選優(yōu)秀設(shè)計(jì)師。到了2018 年,UI設(shè)計(jì)則進(jìn)入了“全鏈路設(shè)計(jì)時代”[2]。阿里巴巴公司取消了“UI/交互設(shè)計(jì)師”崗位的招聘,以“全鏈路”設(shè)計(jì)師為崗位進(jìn)行招聘。“全鏈路”設(shè)計(jì)師除了具備以UI設(shè)計(jì)為核心的能力,還兼具交互原型設(shè)計(jì)、創(chuàng)意視覺設(shè)計(jì)、品牌思維、運(yùn)營設(shè)計(jì)等多維度綜合能力?！叭溌贰痹O(shè)計(jì)師需要從自身工作出發(fā),對產(chǎn)品進(jìn)行全程跟蹤[3]?！叭溌贰痹O(shè)計(jì)師是傳統(tǒng)UI設(shè)計(jì)師的一種進(jìn)化形態(tài),是市場環(huán)境需求導(dǎo)向的結(jié)果,也成為企業(yè)對設(shè)計(jì)人才的高標(biāo)準(zhǔn)篩選機(jī)制。

高?！癠I設(shè)計(jì)”課程的教學(xué)需要以就業(yè)市場為風(fēng)向標(biāo),在現(xiàn)有的課程基礎(chǔ)上進(jìn)行整合,建立一條更合理有效的課程知識鏈,優(yōu)化課程的內(nèi)容和結(jié)構(gòu)體系。在我校,視覺傳達(dá)設(shè)計(jì)專業(yè)的“UI設(shè)計(jì)”課程被安排在大三下學(xué)期。前置課程是“文字設(shè)計(jì)”“版式設(shè)計(jì)”“圖形設(shè)計(jì)”等專業(yè)課程,學(xué)生從未接觸過產(chǎn)品設(shè)計(jì)、用戶研究等相關(guān)學(xué)科的訓(xùn)練,也不熟悉專業(yè)的UI設(shè)計(jì)軟件。“UI設(shè)計(jì)”課程的作業(yè)以設(shè)計(jì)App為主,學(xué)生缺少實(shí)際的用戶調(diào)研,且對許多UI設(shè)計(jì)方法掌握不熟練,導(dǎo)致UI設(shè)計(jì)主要針對界面的視覺美化。

為應(yīng)對以上問題,首先,在前置課程的規(guī)劃中,增加了計(jì)算機(jī)輔助設(shè)計(jì)軟件的教學(xué)內(nèi)容,比如引入項(xiàng)目管理軟件Trello、思維導(dǎo)圖軟件MindManager、原型設(shè)計(jì)軟件墨刀、界面設(shè)計(jì)軟件Adobe XD、Sketch等,使學(xué)生在開始學(xué)習(xí)UI設(shè)計(jì)前具備一定的軟件操作基礎(chǔ)。同時,需要打破視覺傳達(dá)設(shè)計(jì)和產(chǎn)品設(shè)計(jì)2大專業(yè)之間的壁壘,因?yàn)閁I設(shè)計(jì)的許多基本原理來源于產(chǎn)品設(shè)計(jì)。視覺傳達(dá)專業(yè)的同學(xué)可以跨專業(yè)選修產(chǎn)品專業(yè)的相關(guān)課程,比如“設(shè)計(jì)心理學(xué)”“人機(jī)工程學(xué)”“產(chǎn)品語意設(shè)計(jì)”“設(shè)計(jì)的程序與方法”等,以此來彌補(bǔ)視覺傳達(dá)專業(yè)的學(xué)生重視形式美感而欠缺產(chǎn)品思維的短板。在前置課程的排期上,盡量將課程在一學(xué)期內(nèi)集中安排,避免跨學(xué)期選修,強(qiáng)化學(xué)生對整體知識框架的掌控力,以便于對相關(guān)學(xué)科知識的融會貫通。其次,在后置課程的規(guī)劃中,可以加入其他相關(guān)選修課程,比如“品牌運(yùn)營”“網(wǎng)絡(luò)營銷”等商科類的課程,或者“軟件開發(fā)基礎(chǔ)”等技術(shù)類課程。按照市場的需求,真正做到全鏈路UI設(shè)計(jì)師的教學(xué)培養(yǎng)閉環(huán),使學(xué)生對用戶調(diào)研、競品分析、交互設(shè)計(jì)、視覺設(shè)計(jì)、用戶體驗(yàn)提升甚至開發(fā)實(shí)現(xiàn),都能有基本的了解。

3.2 建立設(shè)計(jì)工作坊模式,強(qiáng)化設(shè)計(jì)思維引導(dǎo)

設(shè)計(jì)作為一種創(chuàng)造性活動,意在培養(yǎng)學(xué)生的創(chuàng)造性思維和對形式美的感知能力。UI設(shè)計(jì)即在滿足用戶需求的基礎(chǔ)上,為用戶提供美好的使用體驗(yàn)。設(shè)計(jì)教育最核心的目的是訓(xùn)練設(shè)計(jì)思維,提高學(xué)生解決實(shí)際問題的能力,激發(fā)學(xué)生的創(chuàng)造力。UI設(shè)計(jì)常規(guī)的大班授課教學(xué)更多的是傳授理論知識,學(xué)生處于被動接受知識的狀態(tài)。UI設(shè)計(jì)的創(chuàng)意性和應(yīng)用性特征要求教師對學(xué)生的設(shè)計(jì)方案進(jìn)行有針對性的單獨(dú)指導(dǎo)。因此,為滿足部分學(xué)生深入學(xué)習(xí)“UI設(shè)計(jì)”的訴求,可以由授課教師牽頭,成立設(shè)計(jì)工作坊進(jìn)行教學(xué)。工作坊提供更多應(yīng)用性課題的研究機(jī)會,學(xué)生可以根據(jù)自身的興趣愛好進(jìn)行選擇,以分組合作的形式參與設(shè)計(jì)研究。在工作坊模式下,教師需要加強(qiáng)與學(xué)生的互動,引導(dǎo)學(xué)生通過綜合學(xué)習(xí)的方式開發(fā)思維、解決問題,激發(fā)學(xué)生的學(xué)習(xí)興趣。

3.3 與時俱進(jìn),引入校企合作,增進(jìn)行業(yè)交流

“UI設(shè)計(jì)”課程的前沿性特征要求學(xué)生學(xué)習(xí)最新的知識,并學(xué)以致用。在工作坊模式的基礎(chǔ)上,學(xué)校通過引入與相關(guān)企業(yè)的合作,將部分企業(yè)項(xiàng)目與課程目標(biāo)相結(jié)合,為學(xué)生創(chuàng)造一個模擬的設(shè)計(jì)職場環(huán)境,使學(xué)生提前參與企業(yè)的項(xiàng)目,提升實(shí)踐能力。在這一過程中,教師需要和企業(yè)的設(shè)計(jì)業(yè)務(wù)負(fù)責(zé)人進(jìn)行充分交流,一方面對教材的核心內(nèi)容進(jìn)行梳理,另一方面對企業(yè)的項(xiàng)目進(jìn)行篩選,共同制定實(shí)踐任務(wù),真正做到理論結(jié)合實(shí)際。通過校企合作,學(xué)生能夠提升實(shí)踐能力、了解企業(yè)的設(shè)計(jì)流程,企業(yè)能夠借此了解學(xué)生的專業(yè)能力,為將來的發(fā)展尋找有潛力的新人。校企合作的雙方因此形成互動、雙贏的局面。同時,學(xué)?？梢云刚圲I設(shè)計(jì)領(lǐng)域的專家或者企業(yè)的資深設(shè)計(jì)師作為外聘導(dǎo)師,定期來校進(jìn)行實(shí)戰(zhàn)經(jīng)驗(yàn)的分享。作為專業(yè)課教師,不僅要積極參與企業(yè)項(xiàng)目的實(shí)踐,還應(yīng)該多參加本領(lǐng)域的學(xué)術(shù)會議,在了解行業(yè)發(fā)展趨勢的同時,加強(qiáng)與其他高校的教學(xué)交流,提升自身的教學(xué)水平。

4 UI設(shè)計(jì)的職業(yè)前景

UI設(shè)計(jì)的職業(yè)發(fā)展與互聯(lián)網(wǎng)的發(fā)展息息相關(guān)。雖然近幾年互聯(lián)網(wǎng)領(lǐng)域逐漸成熟,但是依舊在不斷發(fā)展變化:一是在成熟領(lǐng)域中,互聯(lián)網(wǎng)領(lǐng)域不斷有新興產(chǎn)品出現(xiàn)并占有一席之地;二是隨著“互聯(lián)網(wǎng)+”的蓬勃發(fā)展,醫(yī)療、房地產(chǎn)等傳統(tǒng)行業(yè)開始互聯(lián)網(wǎng)化;三是不斷有新的領(lǐng)域出現(xiàn)并快速發(fā)展,比如在疫情防控期間快速普及的線上教育。除了互聯(lián)網(wǎng)領(lǐng)域,其他行業(yè)的智能化產(chǎn)品也層出不窮,如智能電視、智能家居、智能手表、智能汽車等,這些產(chǎn)品對UI設(shè)計(jì)有著較高的要求。UI設(shè)計(jì)是一個不斷發(fā)展的行業(yè),隨著數(shù)字化和互聯(lián)網(wǎng)的普及,UI設(shè)計(jì)在各個領(lǐng)域的需求也越來越大。因此,UI設(shè)計(jì)師未來的職業(yè)前景十分廣闊,對于視覺傳達(dá)設(shè)計(jì)專業(yè)的學(xué)生而言,此領(lǐng)域充滿機(jī)遇和挑戰(zhàn)。

5 結(jié)語

本文以UI設(shè)計(jì)崗位的就業(yè)為導(dǎo)向,以學(xué)生為中心,分析了現(xiàn)階段高校“UI設(shè)計(jì)”教學(xué)中存在的問題,從3個方面探析了“UI設(shè)計(jì)”教學(xué)改革:在教學(xué)內(nèi)容方面,文章結(jié)合崗位職能,完善了課程內(nèi)容結(jié)構(gòu);在教學(xué)形式方面,文章建立了工作坊的設(shè)計(jì)模式,強(qiáng)化設(shè)計(jì)思維引導(dǎo);在教學(xué)實(shí)踐方面,文章提倡教學(xué)工作與時俱進(jìn),引入校企合作,增進(jìn)行業(yè)交流。

綜上所述,以就業(yè)為導(dǎo)向進(jìn)行“UI設(shè)計(jì)”的教學(xué)改革,能夠緩解高校教學(xué)培養(yǎng)結(jié)果與企業(yè)用人需求不匹配的問題。所提改革方案有利于高校提高教學(xué)質(zhì)量,有利于培養(yǎng)兼具設(shè)計(jì)思維、善于解決實(shí)際問題的優(yōu)秀設(shè)計(jì)人才。