李 晨 延安大學(xué)西安創(chuàng)新學(xué)院
交互界面設(shè)計(jì)是視覺(jué)傳達(dá)設(shè)計(jì)專(zhuān)業(yè)學(xué)生在校期間的一門(mén)專(zhuān)業(yè)課程,學(xué)生在學(xué)習(xí)之前需要具有一定的設(shè)計(jì)基礎(chǔ)理論知識(shí),并具有一定的設(shè)計(jì)實(shí)踐能力與審美能力。由于該門(mén)課程具有較強(qiáng)的專(zhuān)業(yè)性,課程內(nèi)容具有較明顯的時(shí)代特征與流行性,為了保證學(xué)生能夠更好完成學(xué)習(xí)任務(wù)、達(dá)成學(xué)習(xí)目標(biāo),需要在教學(xué)過(guò)程中對(duì)教學(xué)方法進(jìn)行一定的創(chuàng)新與研究,具體研究框架如圖1所示。
圖1 研究框架圖
近年來(lái),在設(shè)計(jì)領(lǐng)域人們對(duì)設(shè)計(jì)心理與認(rèn)知心理的關(guān)注持續(xù)提升,用戶(hù)體驗(yàn)設(shè)計(jì)成為數(shù)字媒體時(shí)代設(shè)計(jì)人員必須面對(duì)的課題,同時(shí)成為視覺(jué)傳達(dá)設(shè)計(jì)、數(shù)字媒體藝術(shù)設(shè)計(jì)與工業(yè)設(shè)計(jì)等專(zhuān)業(yè)課程教學(xué)活動(dòng)必備要素。將用戶(hù)體驗(yàn)融入到課堂教學(xué),讓學(xué)生作為用戶(hù)對(duì)產(chǎn)品進(jìn)行實(shí)踐體驗(yàn)與反思,將體驗(yàn)結(jié)果作為理論學(xué)習(xí)與實(shí)踐設(shè)計(jì)的重要關(guān)注點(diǎn),從而更好地完成產(chǎn)品設(shè)計(jì)。用戶(hù)體驗(yàn)設(shè)計(jì)是視覺(jué)設(shè)計(jì)、交互設(shè)計(jì)、工業(yè)設(shè)計(jì)等各個(gè)領(lǐng)域的交叉課題,也是現(xiàn)代設(shè)計(jì)中被廣泛關(guān)注的設(shè)計(jì)理念。交互界面設(shè)計(jì)注重課堂實(shí)踐,在有限資源的課堂教學(xué)中將現(xiàn)代設(shè)計(jì)理念應(yīng)用到學(xué)生實(shí)踐中,是設(shè)計(jì)類(lèi)課程教學(xué)創(chuàng)新改革的有效方法,也是提升學(xué)生理論學(xué)習(xí)與實(shí)踐操作能力的必要手段。
在交互界面設(shè)計(jì)中,用戶(hù)體驗(yàn)主要指界面用戶(hù)在使用交互界面產(chǎn)品的過(guò)程中所產(chǎn)生的主觀感受,不同的用戶(hù)人群受各種因素影響,其主觀體驗(yàn)也不盡相同。文獻(xiàn)將信息類(lèi)產(chǎn)品的用戶(hù)體驗(yàn)分為五個(gè)層次和十個(gè)要素,五個(gè)層次分別為:戰(zhàn)略層、范圍層、結(jié)構(gòu)層、框架層和表現(xiàn)層。在交互界面設(shè)計(jì)的課程教學(xué)中,用戶(hù)體驗(yàn)的五個(gè)層次可以與課程內(nèi)容相對(duì)應(yīng),應(yīng)用到課堂教學(xué)活動(dòng)中。
交互界面設(shè)計(jì)課程主要包括以下四個(gè)模塊:用戶(hù)需求與功能定位;信息架構(gòu)設(shè)計(jì)與交互方式;交互界面與界面圖標(biāo)設(shè)計(jì);原型制作與測(cè)試,如圖2所示。在實(shí)際教學(xué)活動(dòng)中以理論與實(shí)踐相結(jié)合的模式進(jìn)行。本門(mén)課程在整體教學(xué)中以理論+實(shí)踐教學(xué)模式為主,其中理論與實(shí)踐部分所占比例一般為1:1。在課程每個(gè)章節(jié)的教學(xué)中,也同樣采用理論+實(shí)踐,先理論,后實(shí)踐,讓學(xué)生在學(xué)習(xí)理論知識(shí)后及時(shí)操作應(yīng)用。本門(mén)課程各章節(jié)之間有較強(qiáng)的聯(lián)系性,通過(guò)每個(gè)章節(jié)的實(shí)踐與練習(xí),最終可以將各個(gè)練習(xí)組合為一個(gè)完整案例,使學(xué)生對(duì)課程有更加系統(tǒng)深刻的認(rèn)識(shí)。
圖2 交互界面設(shè)計(jì)課程模塊
在理論教學(xué)過(guò)程中,讓學(xué)生積極參與到課堂,由于課程與手機(jī)APP 的操作使用有很大關(guān)系,根據(jù)課程內(nèi)容,讓學(xué)生作為用戶(hù)進(jìn)行APP 體驗(yàn)與操作,鼓勵(lì)學(xué)生發(fā)現(xiàn)問(wèn)題提出問(wèn)題,讓學(xué)生帶著自己提出的問(wèn)題進(jìn)行相關(guān)理論的學(xué)習(xí),在學(xué)習(xí)中尋找問(wèn)題的答案。通過(guò)這種方式進(jìn)行學(xué)習(xí),可以使學(xué)生變被動(dòng)為主動(dòng),提升學(xué)習(xí)興趣,降低理解難度。
在實(shí)踐教學(xué)環(huán)節(jié)中,主要采用教師示范+學(xué)生創(chuàng)意的實(shí)踐教學(xué)模式。根據(jù)每個(gè)章節(jié)中的知識(shí)點(diǎn),教師通過(guò)使用相關(guān)設(shè)計(jì)類(lèi)軟件進(jìn)行規(guī)范性操作示范,讓學(xué)生了解制作過(guò)程中的設(shè)計(jì)規(guī)范與原則,學(xué)生根據(jù)教師所演示的制作流程,圍繞設(shè)計(jì)主題發(fā)散思維,進(jìn)行創(chuàng)意性設(shè)計(jì)與實(shí)踐。
交互界面設(shè)計(jì)課程是一門(mén)理論與實(shí)踐相結(jié)合的專(zhuān)業(yè)課程,要求學(xué)生在學(xué)習(xí)理論知識(shí)的前提下熟練掌握實(shí)踐操作與應(yīng)用。因此,在教學(xué)過(guò)程中除了對(duì)理論的講解外,還需要融入實(shí)踐與操作環(huán)節(jié)。實(shí)踐環(huán)節(jié)主要使用機(jī)房教學(xué),使用相關(guān)計(jì)算機(jī)軟件進(jìn)行示范,學(xué)生根據(jù)教師示范進(jìn)行自主設(shè)計(jì)與操作,靈活運(yùn)用理論知識(shí),完成完整案例。要注意在教學(xué)方法的設(shè)計(jì)中融入以下特色。
用戶(hù)體驗(yàn)設(shè)計(jì)是交互設(shè)計(jì)的核心,其最重要的特征是指消費(fèi)者和使用者在使用過(guò)程中的主觀感受。界面圖標(biāo)設(shè)計(jì)實(shí)踐課程是用戶(hù)體驗(yàn)設(shè)計(jì)課程中的重要教學(xué)內(nèi)容,在進(jìn)行界面設(shè)計(jì)與圖標(biāo)設(shè)計(jì)的過(guò)程中首先需要調(diào)查和研究產(chǎn)品的用戶(hù)體驗(yàn),從用戶(hù)體驗(yàn)出發(fā),進(jìn)行有針對(duì)性的設(shè)計(jì)。
3.1.1 轉(zhuǎn)換學(xué)生角色,從自身體驗(yàn)出發(fā)深化知識(shí)
在理論教學(xué)過(guò)程中,為了讓學(xué)生更準(zhǔn)確、更深入地理解用戶(hù)體驗(yàn)的概念與重要性,可在課堂教學(xué)中加入與學(xué)生的互動(dòng)體驗(yàn)環(huán)節(jié)。根據(jù)學(xué)生群體的特點(diǎn),選擇一款受眾以高校學(xué)生為主的手機(jī)APP 軟件,讓學(xué)生以用戶(hù)身份使用該應(yīng)用并體驗(yàn)不同功能,學(xué)生作為用戶(hù)從APP 中獲得所需信息與功能,不同學(xué)生在操作過(guò)程中會(huì)產(chǎn)生不同的心理感受與使用體驗(yàn),這些主觀感受就是課程內(nèi)容中的用戶(hù)體驗(yàn)概念。
學(xué)生通過(guò)親身體驗(yàn),可以更準(zhǔn)確深入地理解用戶(hù)體驗(yàn)的概念,理解以用戶(hù)為中心的設(shè)計(jì)對(duì)于交互界面設(shè)計(jì)的重要性。同時(shí),學(xué)生作為用戶(hù)在課堂上進(jìn)行主觀感受的分享,討論該APP 在UI 與交互設(shè)計(jì)中存在的問(wèn)題,帶著這些問(wèn)題進(jìn)行后續(xù)知識(shí)的學(xué)習(xí),主動(dòng)從相關(guān)理論中去尋找問(wèn)題答案,讓學(xué)生更深刻更直觀的理解相關(guān)知識(shí)點(diǎn)。
3.1.2 結(jié)合用戶(hù)體驗(yàn)層次進(jìn)行教學(xué)
用戶(hù)體驗(yàn)中的五個(gè)層次可以與交界面設(shè)計(jì)中的各個(gè)環(huán)節(jié)進(jìn)行一一對(duì)應(yīng),如圖3所示。這些設(shè)計(jì)實(shí)踐環(huán)節(jié)同時(shí)也是交互界面設(shè)計(jì)課程中教學(xué)內(nèi)容的組成部分,結(jié)合用戶(hù)體驗(yàn)的層次進(jìn)行教學(xué)活動(dòng),以學(xué)生的認(rèn)知與體驗(yàn)為出發(fā)點(diǎn),使學(xué)習(xí)內(nèi)容更加形象化,強(qiáng)化知識(shí)結(jié)構(gòu)與課程內(nèi)容,讓學(xué)生對(duì)課程中的理論知識(shí)體系有更加深入的認(rèn)識(shí),從而提升整體專(zhuān)業(yè)能力與設(shè)計(jì)實(shí)踐能力。同時(shí)給課程教學(xué)活動(dòng)提供線(xiàn)索,以用戶(hù)體驗(yàn)層次為依據(jù),將相對(duì)零散的知識(shí)點(diǎn)進(jìn)行整理串聯(lián),為學(xué)生的理論知識(shí)學(xué)習(xí)增加邏輯性與條理性,建立自身的知識(shí)結(jié)構(gòu)體系,強(qiáng)化學(xué)習(xí)效果,將理論知識(shí)與實(shí)踐環(huán)節(jié)相互對(duì)應(yīng),更加靈活地開(kāi)展項(xiàng)目實(shí)踐。
圖3 用戶(hù)體驗(yàn)與交互界面設(shè)計(jì)的對(duì)應(yīng)關(guān)系
教學(xué)目標(biāo)與教學(xué)大綱的制定對(duì)應(yīng)用戶(hù)體驗(yàn)中的戰(zhàn)略層。在用戶(hù)體驗(yàn)理論中,戰(zhàn)略層主要是對(duì)目標(biāo)用戶(hù)需求的把握。設(shè)計(jì)人員需要充分考慮產(chǎn)品用戶(hù)的特點(diǎn),對(duì)用戶(hù)進(jìn)行定位分析,通過(guò)用戶(hù)調(diào)研等方法準(zhǔn)確進(jìn)行戰(zhàn)略定位。在課程教學(xué)中,戰(zhàn)略層則體現(xiàn)在教學(xué)目標(biāo)與大綱的制定,在教學(xué)目標(biāo)設(shè)定的過(guò)程中應(yīng)該充分考慮學(xué)生的需求。學(xué)生在此已經(jīng)完成了計(jì)算機(jī)輔助設(shè)計(jì)、信息可視化設(shè)計(jì)、網(wǎng)頁(yè)設(shè)計(jì)等相關(guān)課程,為交互界面設(shè)計(jì)的部分實(shí)現(xiàn)手段打下了基礎(chǔ),但交互流程、信息架構(gòu)及人機(jī)交互方法等知識(shí)是空白。因此,針對(duì)學(xué)生的特點(diǎn)與需求,本門(mén)課程的教學(xué)目標(biāo)應(yīng)該以交互界面設(shè)計(jì)的流程與方法為主,在基本理論知識(shí)掌握后,結(jié)合前期所學(xué)的課程與知識(shí),能夠獨(dú)立完成交互界面的設(shè)計(jì)與制作。
學(xué)生實(shí)踐課題與課后作業(yè)的制定對(duì)應(yīng)用戶(hù)體驗(yàn)中的范圍層。在用戶(hù)體驗(yàn)理論中,范圍層主要表現(xiàn)為產(chǎn)品的功能規(guī)格與內(nèi)容需要。在交互界面設(shè)計(jì)課程中,范圍層對(duì)應(yīng)實(shí)踐環(huán)節(jié)中的課題設(shè)置,產(chǎn)品中對(duì)于產(chǎn)品功能與內(nèi)容的設(shè)計(jì)會(huì)直接影響用戶(hù)體驗(yàn),而教學(xué)活動(dòng)中實(shí)踐課題的設(shè)置,會(huì)影響到學(xué)生對(duì)相關(guān)知識(shí)的學(xué)習(xí)程度和理解程度,同時(shí)對(duì)這門(mén)課程的體驗(yàn)感也會(huì)受到影響。根據(jù)課程特點(diǎn),在課題的設(shè)置上盡量做到與企業(yè)對(duì)接,讓學(xué)生接觸到企業(yè)中的實(shí)際項(xiàng)目與案例,建立校企合作平臺(tái),學(xué)生通過(guò)企業(yè)項(xiàng)目實(shí)踐能夠更加直觀真實(shí)地了解目前行業(yè)發(fā)展的現(xiàn)狀與趨勢(shì),同時(shí)對(duì)教師專(zhuān)業(yè)水平與實(shí)踐能力的提升也有重要作用。
教學(xué)框架與知識(shí)結(jié)構(gòu)對(duì)應(yīng)用戶(hù)體驗(yàn)中的結(jié)構(gòu)層。在用戶(hù)體驗(yàn)理論中,結(jié)構(gòu)層主要指產(chǎn)品設(shè)計(jì)中的信息架構(gòu)與交互設(shè)計(jì)。信息架構(gòu)是支撐一個(gè)完整產(chǎn)品的骨架結(jié)構(gòu),是對(duì)界面信息進(jìn)行組織與歸類(lèi)的具有邏輯性的設(shè)計(jì)過(guò)程,決定了產(chǎn)品的功能主次關(guān)系與界面布局。在交互界面設(shè)計(jì)課程的教學(xué)中,對(duì)課程中的理論知識(shí)與實(shí)踐部分進(jìn)行有序的安排與布局,是課程教學(xué)中的關(guān)鍵環(huán)節(jié)。在交互設(shè)計(jì)課程中,教學(xué)框架基本按照從用戶(hù)需求調(diào)研到用戶(hù)體驗(yàn)設(shè)計(jì)、信息架構(gòu)設(shè)計(jì)、交互流程設(shè)計(jì)、界面布局設(shè)計(jì)的流程進(jìn)行,為學(xué)生提供一個(gè)清晰、條理、完整的學(xué)習(xí)過(guò)程,使學(xué)生更加明確自己的學(xué)習(xí)任務(wù),有效地完成學(xué)習(xí)目標(biāo)。
課堂教學(xué)中的各種活動(dòng)的統(tǒng)籌安排對(duì)應(yīng)用戶(hù)體驗(yàn)中的框架層。在用戶(hù)體驗(yàn)中,框架層主要指產(chǎn)品中的信息設(shè)計(jì)與界面設(shè)計(jì),對(duì)各種信息的控件、圖標(biāo)等元素進(jìn)行界面規(guī)劃與設(shè)計(jì)。在課堂教學(xué)中,教師會(huì)安排學(xué)生進(jìn)行各種教學(xué)活動(dòng),例如教師可以設(shè)置學(xué)生進(jìn)行交互界面功能和交互流程的討論,通過(guò)小組討論、頭腦風(fēng)暴等創(chuàng)造性方法,啟發(fā)學(xué)生的設(shè)計(jì)靈感。另外還可以針對(duì)界面布局等設(shè)計(jì)問(wèn)題進(jìn)行師生互動(dòng),將這些課堂活動(dòng)進(jìn)行合理有序的安排,可以有效提高課堂效率,豐富課堂教學(xué)形式,提升學(xué)生的學(xué)習(xí)積極性和主動(dòng)性。
對(duì)于課堂教學(xué)效果的檢測(cè)與評(píng)價(jià)對(duì)應(yīng)用戶(hù)體驗(yàn)中的表現(xiàn)層。表現(xiàn)層主要指交互產(chǎn)品的視覺(jué)設(shè)計(jì),是最終呈現(xiàn)在用戶(hù)面前的表現(xiàn)形式,對(duì)用戶(hù)體驗(yàn)有著重要的影響。在交互界面設(shè)計(jì)教學(xué)中,通過(guò)對(duì)前期知識(shí)的學(xué)習(xí),教師應(yīng)該對(duì)學(xué)生的學(xué)習(xí)效果進(jìn)行相應(yīng)的考核評(píng)測(cè),由于課程具有較強(qiáng)的實(shí)踐性,可以將學(xué)生設(shè)計(jì)制作的交互產(chǎn)品作為重要考核標(biāo)準(zhǔn)。
交互界面設(shè)計(jì)課程是一門(mén)技術(shù)性較強(qiáng)的課程,同時(shí)具有較強(qiáng)的連續(xù)性與針對(duì)性,還要考慮行業(yè)屬性與產(chǎn)品特點(diǎn),具有較強(qiáng)的綜合性。面對(duì)較為復(fù)雜的產(chǎn)品設(shè)計(jì),學(xué)生在初學(xué)階段往往不能做到全面考量和設(shè)計(jì),因此,在課堂中使用圖片或視頻的方式給學(xué)生進(jìn)行成熟設(shè)計(jì)案例的展示,可以使學(xué)生認(rèn)識(shí)整個(gè)設(shè)計(jì)流程,帶領(lǐng)學(xué)生分析各種設(shè)計(jì)案例中的優(yōu)點(diǎn)與缺點(diǎn)。在分析案例的過(guò)程中,培養(yǎng)學(xué)生更加清晰的設(shè)計(jì)思路,可以采用分組討論方式,讓學(xué)生根據(jù)所學(xué)內(nèi)容獨(dú)立研究分析,并采用適當(dāng)?shù)男问竭M(jìn)行總結(jié)報(bào)告。
通過(guò)這種形式的教學(xué),可以有效地提升學(xué)生的積極性,在課程中使學(xué)生角色發(fā)生轉(zhuǎn)變,以學(xué)生為主體積極參與,讓學(xué)生更全面地認(rèn)識(shí)交互界面的完成過(guò)程與思維方式。同時(shí),由于交互界面設(shè)計(jì)與當(dāng)今時(shí)代緊密相連,在設(shè)計(jì)中需要充分考慮市場(chǎng)因素,對(duì)市場(chǎng)中現(xiàn)有APP 產(chǎn)品進(jìn)行分析,也可以幫助學(xué)生盡快了解設(shè)計(jì)趨勢(shì)與市場(chǎng)需求。通過(guò)學(xué)生對(duì)各種不同案例的分析研究,提升設(shè)計(jì)水平與審美能力,豐富課堂教學(xué)形式與教學(xué)內(nèi)容,更好地完成教學(xué)目標(biāo)與教學(xué)任務(wù)。
通過(guò)講授的方法完成前期理論教學(xué)環(huán)節(jié)后,在每個(gè)章節(jié)中設(shè)置相應(yīng)的實(shí)踐教學(xué)環(huán)節(jié),教師根據(jù)章節(jié)內(nèi)容與教學(xué)目標(biāo)進(jìn)行案例演示。界面設(shè)計(jì)與信息設(shè)計(jì)在制作過(guò)程中具有較強(qiáng)的規(guī)范性,因此,在操作演示過(guò)程應(yīng)該注意講解和示范操作流程與相關(guān)規(guī)范,使學(xué)生通過(guò)觀看教師操作對(duì)基本操作方法有比較全面的認(rèn)知。
教師完成操作示范后,根據(jù)教學(xué)內(nèi)容給學(xué)生布置相關(guān)練習(xí)、確定設(shè)計(jì)主題,學(xué)生圍繞主題進(jìn)行思維發(fā)散,在遵循教師操作的規(guī)范性的基礎(chǔ)上進(jìn)行舉一反三,形成更具創(chuàng)意與趣味性的設(shè)計(jì)。學(xué)生根據(jù)教師的要求,積極主動(dòng)的圍繞主題收集素材,進(jìn)行分組討論與思維發(fā)散,完成相對(duì)新穎的設(shè)計(jì)作品。最后組織大家在班級(jí)中進(jìn)行個(gè)人作品展示與講解,激勵(lì)學(xué)生注重創(chuàng)意的同時(shí)也兼顧細(xì)節(jié),通過(guò)觀看其他同學(xué)的作品,讓學(xué)生尋找差距,總結(jié)不足,充分發(fā)揮學(xué)生的創(chuàng)造力。
合理使用互聯(lián)網(wǎng)及各種移動(dòng)終端設(shè)備,能將有限的課堂實(shí)踐進(jìn)行延伸。創(chuàng)建理論知識(shí)線(xiàn)上網(wǎng)課,學(xué)生上課前在網(wǎng)絡(luò)上自主完成相關(guān)知識(shí)的學(xué)習(xí)。節(jié)省更多的課堂時(shí)間,為以學(xué)生為中心的課堂教學(xué)提供保障。通過(guò)學(xué)生角色的轉(zhuǎn)變創(chuàng)建反轉(zhuǎn)式教學(xué)模式,提高學(xué)生的主動(dòng)性,以達(dá)到更好的教學(xué)目標(biāo)。
對(duì)學(xué)生學(xué)習(xí)效果的評(píng)價(jià),主要從理論與實(shí)踐兩個(gè)方面進(jìn)行。
理論學(xué)習(xí)部分可以從課堂表現(xiàn)、課內(nèi)練習(xí)與考試測(cè)驗(yàn)三個(gè)部分進(jìn)行綜合考量。由于在課堂理論授課環(huán)節(jié)中有較多的師生互動(dòng)與學(xué)生問(wèn)答環(huán)節(jié),學(xué)生在這些環(huán)節(jié)中的表現(xiàn)都可以計(jì)入理論成績(jī)。另外在課程結(jié)束后也應(yīng)該適當(dāng)進(jìn)行理論知識(shí)的考核,讓學(xué)生通過(guò)記憶強(qiáng)化的方法更牢固準(zhǔn)確理解課程中的重要概念。
實(shí)踐環(huán)節(jié)的評(píng)價(jià)除了對(duì)實(shí)踐操作的考核,還應(yīng)該注重平時(shí)作業(yè)與實(shí)踐練習(xí)。課程實(shí)踐性較強(qiáng),應(yīng)該更多地從學(xué)生的創(chuàng)新能力、創(chuàng)造性思維等方面靈活考查。注重學(xué)生的個(gè)性化與專(zhuān)業(yè)化的培養(yǎng),合理制定各項(xiàng)指標(biāo)的評(píng)分權(quán)重,制定適合課程特點(diǎn)的評(píng)價(jià)體系。
信息技術(shù)的不斷發(fā)展讓人們的生活越來(lái)越離不開(kāi)各種電子設(shè)備,特別是手機(jī)中各種APP,人們可以輕松地從中獲取所需信息與功能。交互界面設(shè)計(jì)對(duì)于高校藝術(shù)設(shè)計(jì)類(lèi)學(xué)生是一項(xiàng)必備的設(shè)計(jì)能力。在教學(xué)過(guò)程中除了要注重理論培養(yǎng)外,對(duì)于設(shè)計(jì)實(shí)踐的能力提升更為重要。在教學(xué)中應(yīng)該更加關(guān)注學(xué)生創(chuàng)造精神與創(chuàng)新能力的培養(yǎng),結(jié)合用戶(hù)體驗(yàn)理論,幫助學(xué)生完成學(xué)習(xí)任務(wù),設(shè)計(jì)出符合市場(chǎng)與用戶(hù)需求、具有時(shí)代特點(diǎn)的產(chǎn)品。