劉夢雅

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

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

一、20世紀80年代后的人機交互與界面設計

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

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

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

1.交互界面定義

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

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

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

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

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

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

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

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

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

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

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

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

1.信息調研與用戶模型的確立

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

2.低保真原型架構與可視化原型框架圖的確立

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

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

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

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

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

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

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

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

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

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