李 晨 延安大學(xué)西安創(chuàng)新學(xué)院

交互界面設(shè)計是視覺傳達設(shè)計專業(yè)學(xué)生在校期間的一門專業(yè)課程,學(xué)生在學(xué)習(xí)之前需要具有一定的設(shè)計基礎(chǔ)理論知識,并具有一定的設(shè)計實踐能力與審美能力。由于該門課程具有較強的專業(yè)性,課程內(nèi)容具有較明顯的時代特征與流行性,為了保證學(xué)生能夠更好完成學(xué)習(xí)任務(wù)、達成學(xué)習(xí)目標(biāo),需要在教學(xué)過程中對教學(xué)方法進行一定的創(chuàng)新與研究,具體研究框架如圖1所示。

圖1 研究框架圖

1 用戶體驗理論

近年來,在設(shè)計領(lǐng)域人們對設(shè)計心理與認(rèn)知心理的關(guān)注持續(xù)提升,用戶體驗設(shè)計成為數(shù)字媒體時代設(shè)計人員必須面對的課題,同時成為視覺傳達設(shè)計、數(shù)字媒體藝術(shù)設(shè)計與工業(yè)設(shè)計等專業(yè)課程教學(xué)活動必備要素。將用戶體驗融入到課堂教學(xué),讓學(xué)生作為用戶對產(chǎn)品進行實踐體驗與反思,將體驗結(jié)果作為理論學(xué)習(xí)與實踐設(shè)計的重要關(guān)注點,從而更好地完成產(chǎn)品設(shè)計。用戶體驗設(shè)計是視覺設(shè)計、交互設(shè)計、工業(yè)設(shè)計等各個領(lǐng)域的交叉課題,也是現(xiàn)代設(shè)計中被廣泛關(guān)注的設(shè)計理念。交互界面設(shè)計注重課堂實踐,在有限資源的課堂教學(xué)中將現(xiàn)代設(shè)計理念應(yīng)用到學(xué)生實踐中,是設(shè)計類課程教學(xué)創(chuàng)新改革的有效方法,也是提升學(xué)生理論學(xué)習(xí)與實踐操作能力的必要手段。

在交互界面設(shè)計中,用戶體驗主要指界面用戶在使用交互界面產(chǎn)品的過程中所產(chǎn)生的主觀感受,不同的用戶人群受各種因素影響,其主觀體驗也不盡相同。文獻將信息類產(chǎn)品的用戶體驗分為五個層次和十個要素,五個層次分別為:戰(zhàn)略層、范圍層、結(jié)構(gòu)層、框架層和表現(xiàn)層。在交互界面設(shè)計的課程教學(xué)中,用戶體驗的五個層次可以與課程內(nèi)容相對應(yīng),應(yīng)用到課堂教學(xué)活動中。

2 教學(xué)模式分析

交互界面設(shè)計課程主要包括以下四個模塊:用戶需求與功能定位;信息架構(gòu)設(shè)計與交互方式;交互界面與界面圖標(biāo)設(shè)計;原型制作與測試,如圖2所示。在實際教學(xué)活動中以理論與實踐相結(jié)合的模式進行。本門課程在整體教學(xué)中以理論+實踐教學(xué)模式為主,其中理論與實踐部分所占比例一般為1:1。在課程每個章節(jié)的教學(xué)中,也同樣采用理論+實踐,先理論,后實踐,讓學(xué)生在學(xué)習(xí)理論知識后及時操作應(yīng)用。本門課程各章節(jié)之間有較強的聯(lián)系性,通過每個章節(jié)的實踐與練習(xí),最終可以將各個練習(xí)組合為一個完整案例,使學(xué)生對課程有更加系統(tǒng)深刻的認(rèn)識。

圖2 交互界面設(shè)計課程模塊

在理論教學(xué)過程中,讓學(xué)生積極參與到課堂,由于課程與手機APP 的操作使用有很大關(guān)系,根據(jù)課程內(nèi)容,讓學(xué)生作為用戶進行APP 體驗與操作,鼓勵學(xué)生發(fā)現(xiàn)問題提出問題,讓學(xué)生帶著自己提出的問題進行相關(guān)理論的學(xué)習(xí),在學(xué)習(xí)中尋找問題的答案。通過這種方式進行學(xué)習(xí),可以使學(xué)生變被動為主動,提升學(xué)習(xí)興趣,降低理解難度。

在實踐教學(xué)環(huán)節(jié)中,主要采用教師示范+學(xué)生創(chuàng)意的實踐教學(xué)模式。根據(jù)每個章節(jié)中的知識點,教師通過使用相關(guān)設(shè)計類軟件進行規(guī)范性操作示范,讓學(xué)生了解制作過程中的設(shè)計規(guī)范與原則,學(xué)生根據(jù)教師所演示的制作流程,圍繞設(shè)計主題發(fā)散思維,進行創(chuàng)意性設(shè)計與實踐。

3 教學(xué)方法設(shè)計

交互界面設(shè)計課程是一門理論與實踐相結(jié)合的專業(yè)課程,要求學(xué)生在學(xué)習(xí)理論知識的前提下熟練掌握實踐操作與應(yīng)用。因此,在教學(xué)過程中除了對理論的講解外,還需要融入實踐與操作環(huán)節(jié)。實踐環(huán)節(jié)主要使用機房教學(xué),使用相關(guān)計算機軟件進行示范,學(xué)生根據(jù)教師示范進行自主設(shè)計與操作,靈活運用理論知識,完成完整案例。要注意在教學(xué)方法的設(shè)計中融入以下特色。

3.1 將用戶體驗理論運用到理論教學(xué)中

用戶體驗設(shè)計是交互設(shè)計的核心,其最重要的特征是指消費者和使用者在使用過程中的主觀感受。界面圖標(biāo)設(shè)計實踐課程是用戶體驗設(shè)計課程中的重要教學(xué)內(nèi)容,在進行界面設(shè)計與圖標(biāo)設(shè)計的過程中首先需要調(diào)查和研究產(chǎn)品的用戶體驗,從用戶體驗出發(fā),進行有針對性的設(shè)計。

3.1.1 轉(zhuǎn)換學(xué)生角色,從自身體驗出發(fā)深化知識

在理論教學(xué)過程中,為了讓學(xué)生更準(zhǔn)確、更深入地理解用戶體驗的概念與重要性,可在課堂教學(xué)中加入與學(xué)生的互動體驗環(huán)節(jié)。根據(jù)學(xué)生群體的特點,選擇一款受眾以高校學(xué)生為主的手機APP 軟件,讓學(xué)生以用戶身份使用該應(yīng)用并體驗不同功能,學(xué)生作為用戶從APP 中獲得所需信息與功能,不同學(xué)生在操作過程中會產(chǎn)生不同的心理感受與使用體驗,這些主觀感受就是課程內(nèi)容中的用戶體驗概念。

學(xué)生通過親身體驗,可以更準(zhǔn)確深入地理解用戶體驗的概念,理解以用戶為中心的設(shè)計對于交互界面設(shè)計的重要性。同時,學(xué)生作為用戶在課堂上進行主觀感受的分享,討論該APP 在UI 與交互設(shè)計中存在的問題,帶著這些問題進行后續(xù)知識的學(xué)習(xí),主動從相關(guān)理論中去尋找問題答案,讓學(xué)生更深刻更直觀的理解相關(guān)知識點。

3.1.2 結(jié)合用戶體驗層次進行教學(xué)

用戶體驗中的五個層次可以與交界面設(shè)計中的各個環(huán)節(jié)進行一一對應(yīng),如圖3所示。這些設(shè)計實踐環(huán)節(jié)同時也是交互界面設(shè)計課程中教學(xué)內(nèi)容的組成部分,結(jié)合用戶體驗的層次進行教學(xué)活動,以學(xué)生的認(rèn)知與體驗為出發(fā)點,使學(xué)習(xí)內(nèi)容更加形象化,強化知識結(jié)構(gòu)與課程內(nèi)容,讓學(xué)生對課程中的理論知識體系有更加深入的認(rèn)識,從而提升整體專業(yè)能力與設(shè)計實踐能力。同時給課程教學(xué)活動提供線索,以用戶體驗層次為依據(jù),將相對零散的知識點進行整理串聯(lián),為學(xué)生的理論知識學(xué)習(xí)增加邏輯性與條理性,建立自身的知識結(jié)構(gòu)體系,強化學(xué)習(xí)效果,將理論知識與實踐環(huán)節(jié)相互對應(yīng),更加靈活地開展項目實踐。

圖3 用戶體驗與交互界面設(shè)計的對應(yīng)關(guān)系

教學(xué)目標(biāo)與教學(xué)大綱的制定對應(yīng)用戶體驗中的戰(zhàn)略層。在用戶體驗理論中,戰(zhàn)略層主要是對目標(biāo)用戶需求的把握。設(shè)計人員需要充分考慮產(chǎn)品用戶的特點,對用戶進行定位分析,通過用戶調(diào)研等方法準(zhǔn)確進行戰(zhàn)略定位。在課程教學(xué)中,戰(zhàn)略層則體現(xiàn)在教學(xué)目標(biāo)與大綱的制定,在教學(xué)目標(biāo)設(shè)定的過程中應(yīng)該充分考慮學(xué)生的需求。學(xué)生在此已經(jīng)完成了計算機輔助設(shè)計、信息可視化設(shè)計、網(wǎng)頁設(shè)計等相關(guān)課程,為交互界面設(shè)計的部分實現(xiàn)手段打下了基礎(chǔ),但交互流程、信息架構(gòu)及人機交互方法等知識是空白。因此,針對學(xué)生的特點與需求,本門課程的教學(xué)目標(biāo)應(yīng)該以交互界面設(shè)計的流程與方法為主,在基本理論知識掌握后,結(jié)合前期所學(xué)的課程與知識,能夠獨立完成交互界面的設(shè)計與制作。

學(xué)生實踐課題與課后作業(yè)的制定對應(yīng)用戶體驗中的范圍層。在用戶體驗理論中,范圍層主要表現(xiàn)為產(chǎn)品的功能規(guī)格與內(nèi)容需要。在交互界面設(shè)計課程中,范圍層對應(yīng)實踐環(huán)節(jié)中的課題設(shè)置,產(chǎn)品中對于產(chǎn)品功能與內(nèi)容的設(shè)計會直接影響用戶體驗,而教學(xué)活動中實踐課題的設(shè)置,會影響到學(xué)生對相關(guān)知識的學(xué)習(xí)程度和理解程度,同時對這門課程的體驗感也會受到影響。根據(jù)課程特點,在課題的設(shè)置上盡量做到與企業(yè)對接,讓學(xué)生接觸到企業(yè)中的實際項目與案例,建立校企合作平臺,學(xué)生通過企業(yè)項目實踐能夠更加直觀真實地了解目前行業(yè)發(fā)展的現(xiàn)狀與趨勢,同時對教師專業(yè)水平與實踐能力的提升也有重要作用。

教學(xué)框架與知識結(jié)構(gòu)對應(yīng)用戶體驗中的結(jié)構(gòu)層。在用戶體驗理論中,結(jié)構(gòu)層主要指產(chǎn)品設(shè)計中的信息架構(gòu)與交互設(shè)計。信息架構(gòu)是支撐一個完整產(chǎn)品的骨架結(jié)構(gòu),是對界面信息進行組織與歸類的具有邏輯性的設(shè)計過程,決定了產(chǎn)品的功能主次關(guān)系與界面布局。在交互界面設(shè)計課程的教學(xué)中,對課程中的理論知識與實踐部分進行有序的安排與布局,是課程教學(xué)中的關(guān)鍵環(huán)節(jié)。在交互設(shè)計課程中,教學(xué)框架基本按照從用戶需求調(diào)研到用戶體驗設(shè)計、信息架構(gòu)設(shè)計、交互流程設(shè)計、界面布局設(shè)計的流程進行,為學(xué)生提供一個清晰、條理、完整的學(xué)習(xí)過程,使學(xué)生更加明確自己的學(xué)習(xí)任務(wù),有效地完成學(xué)習(xí)目標(biāo)。

課堂教學(xué)中的各種活動的統(tǒng)籌安排對應(yīng)用戶體驗中的框架層。在用戶體驗中,框架層主要指產(chǎn)品中的信息設(shè)計與界面設(shè)計,對各種信息的控件、圖標(biāo)等元素進行界面規(guī)劃與設(shè)計。在課堂教學(xué)中,教師會安排學(xué)生進行各種教學(xué)活動,例如教師可以設(shè)置學(xué)生進行交互界面功能和交互流程的討論,通過小組討論、頭腦風(fēng)暴等創(chuàng)造性方法,啟發(fā)學(xué)生的設(shè)計靈感。另外還可以針對界面布局等設(shè)計問題進行師生互動,將這些課堂活動進行合理有序的安排,可以有效提高課堂效率,豐富課堂教學(xué)形式,提升學(xué)生的學(xué)習(xí)積極性和主動性。

對于課堂教學(xué)效果的檢測與評價對應(yīng)用戶體驗中的表現(xiàn)層。表現(xiàn)層主要指交互產(chǎn)品的視覺設(shè)計,是最終呈現(xiàn)在用戶面前的表現(xiàn)形式,對用戶體驗有著重要的影響。在交互界面設(shè)計教學(xué)中,通過對前期知識的學(xué)習(xí),教師應(yīng)該對學(xué)生的學(xué)習(xí)效果進行相應(yīng)的考核評測,由于課程具有較強的實踐性,可以將學(xué)生設(shè)計制作的交互產(chǎn)品作為重要考核標(biāo)準(zhǔn)。

3.2 結(jié)合實際案例進行理論分析

交互界面設(shè)計課程是一門技術(shù)性較強的課程,同時具有較強的連續(xù)性與針對性,還要考慮行業(yè)屬性與產(chǎn)品特點,具有較強的綜合性。面對較為復(fù)雜的產(chǎn)品設(shè)計,學(xué)生在初學(xué)階段往往不能做到全面考量和設(shè)計,因此,在課堂中使用圖片或視頻的方式給學(xué)生進行成熟設(shè)計案例的展示,可以使學(xué)生認(rèn)識整個設(shè)計流程,帶領(lǐng)學(xué)生分析各種設(shè)計案例中的優(yōu)點與缺點。在分析案例的過程中,培養(yǎng)學(xué)生更加清晰的設(shè)計思路,可以采用分組討論方式,讓學(xué)生根據(jù)所學(xué)內(nèi)容獨立研究分析,并采用適當(dāng)?shù)男问竭M行總結(jié)報告。

通過這種形式的教學(xué),可以有效地提升學(xué)生的積極性,在課程中使學(xué)生角色發(fā)生轉(zhuǎn)變,以學(xué)生為主體積極參與,讓學(xué)生更全面地認(rèn)識交互界面的完成過程與思維方式。同時,由于交互界面設(shè)計與當(dāng)今時代緊密相連,在設(shè)計中需要充分考慮市場因素,對市場中現(xiàn)有APP 產(chǎn)品進行分析,也可以幫助學(xué)生盡快了解設(shè)計趨勢與市場需求。通過學(xué)生對各種不同案例的分析研究,提升設(shè)計水平與審美能力,豐富課堂教學(xué)形式與教學(xué)內(nèi)容,更好地完成教學(xué)目標(biāo)與教學(xué)任務(wù)。

3.3 實踐環(huán)節(jié)激發(fā)學(xué)生創(chuàng)造力

通過講授的方法完成前期理論教學(xué)環(huán)節(jié)后,在每個章節(jié)中設(shè)置相應(yīng)的實踐教學(xué)環(huán)節(jié),教師根據(jù)章節(jié)內(nèi)容與教學(xué)目標(biāo)進行案例演示。界面設(shè)計與信息設(shè)計在制作過程中具有較強的規(guī)范性,因此,在操作演示過程應(yīng)該注意講解和示范操作流程與相關(guān)規(guī)范,使學(xué)生通過觀看教師操作對基本操作方法有比較全面的認(rèn)知。

教師完成操作示范后,根據(jù)教學(xué)內(nèi)容給學(xué)生布置相關(guān)練習(xí)、確定設(shè)計主題,學(xué)生圍繞主題進行思維發(fā)散,在遵循教師操作的規(guī)范性的基礎(chǔ)上進行舉一反三,形成更具創(chuàng)意與趣味性的設(shè)計。學(xué)生根據(jù)教師的要求,積極主動的圍繞主題收集素材,進行分組討論與思維發(fā)散,完成相對新穎的設(shè)計作品。最后組織大家在班級中進行個人作品展示與講解,激勵學(xué)生注重創(chuàng)意的同時也兼顧細(xì)節(jié),通過觀看其他同學(xué)的作品,讓學(xué)生尋找差距,總結(jié)不足,充分發(fā)揮學(xué)生的創(chuàng)造力。

3.4 以學(xué)生為中心,建立線上線下相結(jié)合混合式反轉(zhuǎn)教學(xué)模式

合理使用互聯(lián)網(wǎng)及各種移動終端設(shè)備,能將有限的課堂實踐進行延伸。創(chuàng)建理論知識線上網(wǎng)課,學(xué)生上課前在網(wǎng)絡(luò)上自主完成相關(guān)知識的學(xué)習(xí)。節(jié)省更多的課堂時間,為以學(xué)生為中心的課堂教學(xué)提供保障。通過學(xué)生角色的轉(zhuǎn)變創(chuàng)建反轉(zhuǎn)式教學(xué)模式,提高學(xué)生的主動性,以達到更好的教學(xué)目標(biāo)。

4 教學(xué)評價體系

對學(xué)生學(xué)習(xí)效果的評價,主要從理論與實踐兩個方面進行。

理論學(xué)習(xí)部分可以從課堂表現(xiàn)、課內(nèi)練習(xí)與考試測驗三個部分進行綜合考量。由于在課堂理論授課環(huán)節(jié)中有較多的師生互動與學(xué)生問答環(huán)節(jié),學(xué)生在這些環(huán)節(jié)中的表現(xiàn)都可以計入理論成績。另外在課程結(jié)束后也應(yīng)該適當(dāng)進行理論知識的考核,讓學(xué)生通過記憶強化的方法更牢固準(zhǔn)確理解課程中的重要概念。

實踐環(huán)節(jié)的評價除了對實踐操作的考核,還應(yīng)該注重平時作業(yè)與實踐練習(xí)。課程實踐性較強,應(yīng)該更多地從學(xué)生的創(chuàng)新能力、創(chuàng)造性思維等方面靈活考查。注重學(xué)生的個性化與專業(yè)化的培養(yǎng),合理制定各項指標(biāo)的評分權(quán)重,制定適合課程特點的評價體系。

5 結(jié)束語

信息技術(shù)的不斷發(fā)展讓人們的生活越來越離不開各種電子設(shè)備,特別是手機中各種APP,人們可以輕松地從中獲取所需信息與功能。交互界面設(shè)計對于高校藝術(shù)設(shè)計類學(xué)生是一項必備的設(shè)計能力。在教學(xué)過程中除了要注重理論培養(yǎng)外,對于設(shè)計實踐的能力提升更為重要。在教學(xué)中應(yīng)該更加關(guān)注學(xué)生創(chuàng)造精神與創(chuàng)新能力的培養(yǎng),結(jié)合用戶體驗理論,幫助學(xué)生完成學(xué)習(xí)任務(wù),設(shè)計出符合市場與用戶需求、具有時代特點的產(chǎn)品。