數(shù)字媒體藝術(shù)專業(yè)下“交互界面設(shè)計”課程的設(shè)計研究

劉夢雅

摘 要：數(shù)字媒體藝術(shù)專業(yè)為新媒體時代，具有前沿性、綜合性的發(fā)展專業(yè)，隸屬設(shè)計學(xué)、計算機科學(xué)與技術(shù)、戲劇與影視學(xué)等交叉學(xué)科，是藝術(shù)、技術(shù)與文化形態(tài)的綜合體現(xiàn)。本文以數(shù)字媒體藝術(shù)專業(yè)為著眼點，著重進行筆者所擔(dān)任的該專業(yè)主干課程《交互界面設(shè)計》課程的設(shè)計研究與特點探析，以更好地推動數(shù)字媒體藝術(shù)專業(yè)下該主干課程的發(fā)展與厘革。

關(guān)鍵詞：數(shù)字媒體藝術(shù) 交互界面發(fā)展 交互界面課程設(shè)計

一、20世紀(jì)80年代后的人機交互與界面設(shè)計

20世紀(jì)80年代后，隨著人機交互（Human—Computer

Interaction，簡稱HCI）技術(shù)與理念的延伸而發(fā)展。人機交互主要便指，以用戶與系統(tǒng)作為交互對象，進行的一項研究。人機交互從架構(gòu)層次劃分，包含人機交互技術(shù)、人機界面和用戶體驗設(shè)計三個部分，而在這其中，用戶便是通過交互界面達到與系統(tǒng)的溝通和連接。“交互界面”既可以是實體的設(shè)備，如人們熟知的鼠標(biāo)、鍵盤、遙控器等，也可以專指計算機系統(tǒng)。在數(shù)字媒體藝術(shù)專業(yè)下，“人機交互界面”設(shè)計課程主要講授兩大部分，一是計算機系統(tǒng)內(nèi)各類平臺，如移動互聯(lián)網(wǎng)平臺、網(wǎng)頁平臺等各類產(chǎn)品交互界面設(shè)計的普遍規(guī)律。同時，隨著人機交互的智能化發(fā)展，頭戴顯示交互、語音交互、手勢識別交互等更多的體驗型交互也將成為用戶的交互常態(tài)存在，并快速發(fā)展。本課程第二部分便是進行虛擬現(xiàn)實類作品交互界面的講授，以讓學(xué)生進一步了解和掌握交互界面設(shè)計的前沿形態(tài)與方法。

二、交互界面的發(fā)展階段

1.交互界面定義

在百度百科中，將交互界面¹定義為“人和計算機進行信息交換的通道，用戶通過交互界面向計算機輸入信息、進行操作，計算機則通過交互界面向用戶提供信息，以供閱讀、分析和判斷”。 在進行“交互界面設(shè)計”課程的框架范圍設(shè)計時，主要指約翰·馮·諾依曼²發(fā)明計算機以來，在數(shù)字媒體藝術(shù)專業(yè)的范疇下，隨著數(shù)字技術(shù)與設(shè)計藝術(shù)的不斷發(fā)展，以計算機設(shè)備為基本呈現(xiàn)載體或者運算基礎(chǔ)的不同類型作品的數(shù)字交互界面設(shè)計。

2.交互界面的發(fā)展階段

在進行“交互界面設(shè)計”的課程設(shè)計時，首先要對交互界面的

發(fā)展階段進行探析，從而更明確地厘清產(chǎn)品或者作品界面與作品本身，包括與受眾對象之間的關(guān)系。以計算機系統(tǒng)下的交互界面作為著眼點，交互界面的發(fā)展階段大體可以分為三個階段。

第一階段為命令語言交互界面階段。磁盤操作系統(tǒng)，簡稱為DOS（Disk Operation System系統(tǒng)，在20世紀(jì)80年代初期至90年代中期近15年的時間中，此盤操作系統(tǒng)在臺式計算機市場中占有重要地位。通過語言操作展示界面，使得用戶進行交互操作，是DOS系統(tǒng)的一項重要功能。在近15年間中，DOS系統(tǒng)被譽為架起用戶與機器之間的橋梁，其通過進行磁盤各項工作的管理，并通過命令語言呈現(xiàn)出以黑白文字為主的界面，成為用戶與計算機設(shè)備進行交互的中樞。是在計算機設(shè)備廣泛發(fā)展之初，最為普及的用戶界面之一。

第二階段為圖形用戶界面，也是本門課程最為的講授主體。圖形用戶界面（Graphical User Interface），簡稱GUI，主要指以圖形方式顯示的用戶界面。其主要為用戶與計算機的中間顯示界面，用戶通過鼠標(biāo)、鍵盤等最為常見的操作方式以進行相關(guān)輸入，達到自身與設(shè)備之間的勾連。圖形用戶界面更為直觀，便于用戶操作，同時也是由于圖形用戶界面的發(fā)展，使得用戶界面與設(shè)計學(xué)科進行了更多的結(jié)合，包括其不斷分支出的圖形用戶界面類型與用戶界面產(chǎn)品，更在視覺方面展現(xiàn)了其特有優(yōu)勢。

同時，隨時交互設(shè)計思維與交互技術(shù)的不斷發(fā)展，交互界面的

方式不僅僅限于文字，音頻、視頻、動畫和影像等多種交互方式應(yīng)運而生，給予用戶提供了更為豐富的交互可能。當(dāng)用戶在使用移動端設(shè)備時，可能有最初的點擊、選擇文字，發(fā)展為通過音頻的形式率先實現(xiàn)交互，更為擴大了用戶的信息獲取渠道，使得用戶的交互形式更為充分。

第三階段為多智能交互界面。隨著計算機技術(shù)特別是虛擬現(xiàn)實

技術(shù)的不斷發(fā)展，硬件設(shè)備的快速更迭，以及交互界面形式的不斷豐富。以手勢識別、語音識別、人腦識別等更為智能化、更為個性化的交互界面出現(xiàn)，并快速發(fā)展。用戶可以在更為自然的虛擬環(huán)境中，進行更為人性化的主動交互，對于交互界面的發(fā)展起到了重要的推動作用，也是當(dāng)前和未來數(shù)字交互界面的發(fā)展趨勢。當(dāng)前，智能交互設(shè)備發(fā)展快速，種類繁多，在本文中便不一一列舉。

三、《交互界面課程》的模塊化設(shè)計

筆者在進行《交互界面課程》的設(shè)計時，依托于數(shù)字媒體藝術(shù)的專業(yè)范疇，針對數(shù)字媒體藝術(shù)專業(yè)二年級學(xué)生，從數(shù)字交互界面的基本概念、設(shè)計體系、設(shè)計方法和實踐應(yīng)用出發(fā)，通過數(shù)字交互界面設(shè)計的模塊劃分、實現(xiàn)路徑、圖標(biāo)設(shè)計以及交互產(chǎn)品實操的講授，以讓學(xué)生掌握交互界面設(shè)計的普遍制作規(guī)律，具備進行不同平臺的原型架構(gòu)能力和視覺設(shè)計能力，具備基本完整的交互界面設(shè)計能力。

1.信息調(diào)研與用戶模型的確立

艾倫·庫伯曾談到“交互界面設(shè)計不僅僅需要關(guān)注設(shè)計的形態(tài)，更需要關(guān)注設(shè)計的行為”3。基于交互界面設(shè)計的交互設(shè)計流程，首先為信息調(diào)研。即以產(chǎn)品為核心，通過討論法、調(diào)研法、焦點小組、頭腦風(fēng)暴法、故事繪畫方法等等，進行用戶和產(chǎn)品的相關(guān)信息采集，將定性和定量研究相結(jié)合，特別是對于核心用戶的研究。既包括對于用戶的產(chǎn)品情感、產(chǎn)品使用行為、產(chǎn)品應(yīng)用態(tài)度等相關(guān)定性的分析。也包括對于產(chǎn)品整體周期性的定量、定性分析。同時在信息調(diào)研中加入競品分析，尋到具有代表性的產(chǎn)品，并對比之間的優(yōu)勢、劣勢，從而找到產(chǎn)品的突破口，最終確定并制作出用戶模型

2.低保真原型架構(gòu)與可視化原型框架圖的確立

在信息調(diào)研形成了初步方案之后，開始進行產(chǎn)品的原型架構(gòu)。產(chǎn)品的原型架構(gòu)一般分為低保真原型和高保真原型。原型在產(chǎn)品設(shè)計中，主要指產(chǎn)品脈絡(luò)的可視化框架架構(gòu)。通過原型的架構(gòu)，可以在產(chǎn)品架構(gòu)之初，便通過較為準(zhǔn)群，并可視化的原型設(shè)計進行確認，不僅僅為后續(xù)的交互開發(fā)、視覺設(shè)計建立了夯實基礎(chǔ)，更可以有效地提升產(chǎn)品各個環(huán)節(jié)的溝通和信息傳遞效率。低保真原型是將架構(gòu)草圖、架構(gòu)線路圖規(guī)范化的架構(gòu)效果圖。

3.高保真原型交互方案的制作

而高保真原型是在低保真原型的基礎(chǔ)之上，通過AXURE等軟件加入產(chǎn)品最終的交互效果。高保真原型設(shè)計可謂已是產(chǎn)品的DEMO展現(xiàn)，所有的交互效果都應(yīng)基本在高保真原型交互制作時得以展現(xiàn)，以形成產(chǎn)品的可視化、可交互樣本，是產(chǎn)品最終能否為用戶滿意的直接體現(xiàn)與保證，也使得后續(xù)開發(fā)和設(shè)計更為準(zhǔn)確和易懂。

4.可視化界面方案的制作

當(dāng)?shù)捅Ｕ妗⒏弑Ｕ嬖嗬^確認之后，從交互界面設(shè)計，即UI（User Interface）設(shè)計師的角度出發(fā)，便進入到了產(chǎn)品的可視化設(shè)計流程之中。通過風(fēng)格類型的確立，開始進行各類別界面的具體美術(shù)風(fēng)格制作，以及圖標(biāo)的規(guī)范化設(shè)計等，最終使得界面以設(shè)計者和用戶均認可的審美標(biāo)準(zhǔn)進行呈現(xiàn)。

同時，在界面的可視化風(fēng)格確立與具體制作時，圖標(biāo)設(shè)計工作也要同時開展。圖標(biāo)作為連接用戶與界面的交互橋梁，對于用戶和設(shè)計者來說都有著極為重要的作用，用戶通過圖標(biāo)進行具體界面層級的交互。圖標(biāo)設(shè)計有著相對嚴(yán)謹(jǐn)?shù)闹谱饕?guī)律，在其規(guī)律范圍內(nèi)，需要設(shè)計師根據(jù)產(chǎn)品的用戶模型、低保真框架、高保真交互和具體的美術(shù)風(fēng)格進行圖標(biāo)的視覺化設(shè)計，以在突出交互效果的同時，更好地與產(chǎn)品的美術(shù)風(fēng)格相統(tǒng)一。

5.評估與優(yōu)化

最終，通過以上步驟，形成產(chǎn)品的完整雛形，經(jīng)過評估進一步對其質(zhì)量進行把控和改進，也是促進產(chǎn)品作品不斷進行更迭和優(yōu)化的重要保障。

6.虛擬現(xiàn)實作品的交互界面設(shè)計

同時，本課程針對當(dāng)前數(shù)字媒體藝術(shù)專業(yè)下，虛擬現(xiàn)實類別的作品創(chuàng)作趨勢，進行虛擬現(xiàn)實作品界面設(shè)計特點、界面設(shè)計趨勢、界面設(shè)計原則的講授。在該類作品的交互界面設(shè)計時，需要遵照虛擬現(xiàn)實空間搭建、影像呈現(xiàn)與用戶交互體驗的設(shè)計邏輯進行設(shè)計。并進一步詳述創(chuàng)作空間與用戶的關(guān)系、空間與界面的關(guān)系，以帶領(lǐng)學(xué)生進行虛擬現(xiàn)實界面設(shè)計流程和呈現(xiàn)形式的設(shè)計與創(chuàng)作，以讓學(xué)生切實掌握虛擬現(xiàn)實類作品的創(chuàng)作方法，進一步其提升交互設(shè)計思維與交互設(shè)計能力。（圖為某學(xué)生本課程的虛擬現(xiàn)實類作品部分交互界面效果圖）