以用戶體驗(yàn)為導(dǎo)向的網(wǎng)絡(luò)交互藝術(shù)設(shè)計(jì)

曹文波

【摘要】網(wǎng)絡(luò)交互藝術(shù)設(shè)計(jì)中的信息構(gòu)架與視覺元素設(shè)計(jì)對受眾的交互行為及體驗(yàn)感受具有顯著影響。從用戶體驗(yàn)為導(dǎo)向的分析角度研究網(wǎng)絡(luò)交互藝術(shù)設(shè)計(jì)中的界面、導(dǎo)航及其他相關(guān)設(shè)計(jì)問題，旨在從科學(xué)與藝術(shù)的處理角度提高網(wǎng)絡(luò)信息傳播的效率。

【關(guān)鍵詞】網(wǎng)絡(luò)交互設(shè)計(jì)；用戶體驗(yàn)；視覺設(shè)計(jì)；數(shù)字媒體

日新月異的信息技術(shù)在全球范圍內(nèi)引導(dǎo)著一場深刻的視覺領(lǐng)域變革。視頻、音頻、文本等信息資源憑借Web流式播放技術(shù)可順暢地呈現(xiàn)于網(wǎng)絡(luò)客戶端，受眾獲取信息的感知通道得以迅速拓展。以高科技為推動力的計(jì)算機(jī)網(wǎng)絡(luò)，數(shù)碼互動、多媒體等媒介使網(wǎng)絡(luò)交互藝術(shù)應(yīng)運(yùn)而生。

以交互藝術(shù)設(shè)計(jì)之應(yīng)用為研究對象，探討該學(xué)科的基礎(chǔ)性問題具有一定的實(shí)際意義，為展望未來市場價(jià)值前景產(chǎn)生啟示性作用。

一、網(wǎng)絡(luò)交互藝術(shù)設(shè)計(jì)的概念及發(fā)展?fàn)顩r

隨著信息化時(shí)代的到來，計(jì)算機(jī)網(wǎng)絡(luò)已成為人類獲取信息、傳播文化、交流思想的重要載體，由此推動下的網(wǎng)絡(luò)交互藝術(shù)設(shè)計(jì)正彰顯生機(jī)與活力。網(wǎng)絡(luò)交互藝術(shù)設(shè)計(jì)（Interaction Art Design on web-based，以下簡稱交互設(shè)計(jì)）是基于網(wǎng)絡(luò)媒介的交互設(shè)計(jì)，是一門以用戶訴求為宗旨，關(guān)注交互體驗(yàn)和審美感受的新學(xué)科。該學(xué)科“致力于了解并滿足用戶對網(wǎng)絡(luò)產(chǎn)品的使用期望，研究人機(jī)交互時(shí)發(fā)生的行為，探索并建立網(wǎng)絡(luò)產(chǎn)品與用戶之間的有機(jī)聯(lián)系，開發(fā)出更為有效且符合人本主義思想的交互方式”。網(wǎng)絡(luò)交互藝術(shù)作品的展示過程不僅是由受眾參與的一種審美活動過程，同時(shí)也是一種信息加工與傳播過程，能帶給受眾視聽等方面的審美感受并有效地傳播知識與信息。

在計(jì)算機(jī)網(wǎng)絡(luò)發(fā)展初期，由于網(wǎng)絡(luò)帶寬受限，信息呈現(xiàn)與藝術(shù)表現(xiàn)有著較大的局限性，圖片形式單一，以簡單的超鏈接作為信息傳播的主要方式。隨著科技的迅速發(fā)展，基于網(wǎng)絡(luò)的交互藝術(shù)設(shè)計(jì)日趨成熟，如今可以流暢地從遠(yuǎn)程服務(wù)器端下載視頻、音頻等富媒體內(nèi)容并獲得較為豐富的視覺效果。以新技術(shù)手段創(chuàng)造的網(wǎng)絡(luò)交互藝術(shù)作品已屢見不鮮且呈現(xiàn)出強(qiáng)勁的發(fā)展趨勢。

交互設(shè)計(jì)以計(jì)算機(jī)網(wǎng)絡(luò)作為信息流傳輸?shù)妮d體，具有實(shí)時(shí)性、廣延性的特點(diǎn)，可以打破時(shí)間與空間的局限。光纖、納米等先進(jìn)技術(shù)的涌現(xiàn)使互聯(lián)網(wǎng)帶寬拓展迅速，使跨區(qū)域地進(jìn)行交互藝術(shù)活動成為現(xiàn)實(shí)。因交互設(shè)計(jì)涉及信息學(xué)、認(rèn)知學(xué)、心理學(xué)、傳播學(xué)、人機(jī)工程學(xué)等學(xué)科領(lǐng)域，促進(jìn)了多學(xué)科之間的交融?？茖W(xué)與藝術(shù)之間的密切聯(lián)系，使計(jì)算機(jī)程序員與交互設(shè)計(jì)師之間的合作與交流日益頻繁。

二、以用戶體驗(yàn)為導(dǎo)向的網(wǎng)絡(luò)交互藝術(shù)設(shè)計(jì)

優(yōu)秀的交互設(shè)計(jì)須關(guān)注用戶體驗(yàn)并以此作為創(chuàng)意核心，這對于電子商務(wù)與在線展示類的網(wǎng)站尤甚。交互設(shè)計(jì)師的使命是在開發(fā)網(wǎng)絡(luò)應(yīng)用時(shí)提供積極的用戶體驗(yàn)以滿足用戶需求。用戶體驗(yàn)通常被稱為是以用戶為導(dǎo)向的設(shè)計(jì)，讓用戶有效地完成任務(wù)。因此，設(shè)計(jì)所要解決的問題是滿足用戶在產(chǎn)品使用過程中的全部體驗(yàn)需求，而非僅僅是從表面上進(jìn)行所謂的產(chǎn)品支持。多種要素對促進(jìn)網(wǎng)絡(luò)界面的優(yōu)化和用戶體驗(yàn)設(shè)計(jì)起影響作用。

（一）貫穿整個(gè)交互過程的用戶體驗(yàn)

以用戶為導(dǎo)向的設(shè)計(jì)是將用戶體驗(yàn)作為設(shè)計(jì)過程的中心且以滿足用戶期待為目標(biāo)，設(shè)計(jì)師在設(shè)計(jì)用戶界面進(jìn)行視覺傳達(dá)時(shí)必須參與產(chǎn)品開發(fā)生命周期的全過程。用戶體驗(yàn)?zāi)Ｊ降慕⑴c評價(jià)對象是基于Web的、以用戶為導(dǎo)向的設(shè)計(jì)，需要考察用戶興趣的開始，交互的持續(xù)時(shí)間和交互質(zhì)量，以及用戶與網(wǎng)絡(luò)應(yīng)用進(jìn)行交互的行為變化和結(jié)果。

就電子商務(wù)而言，網(wǎng)站信息應(yīng)該集中于創(chuàng)造簡潔、易于操作和信息化的用戶體驗(yàn)。SIMPLEHUMAN是美國一家致力于日常用品和辦公自動化的公司，該公司在企業(yè)宣言中稱：“我們都希望更快地處理所有的日常工作、處理占據(jù)太多空間的事物并有序地組織正在進(jìn)行的項(xiàng)目。SIMPLEHUMAN的使命是設(shè)計(jì)這樣的產(chǎn)品，以幫助高效地達(dá)成這些目標(biāo)。”該公司在開發(fā)網(wǎng)絡(luò)交互應(yīng)用時(shí)也是遵循這樣的理念，他們將產(chǎn)品展示獨(dú)創(chuàng)性地設(shè)計(jì)成許多視頻剪輯，用戶使用鼠標(biāo)和鍵盤操作就可自主地選擇所需的目標(biāo)樣例。鼠標(biāo)滑過之處將會動態(tài)地呈現(xiàn)產(chǎn)品的相關(guān)資訊，點(diǎn)擊后相應(yīng)的視頻剪輯就會開始演播。每一視頻剪輯就是該產(chǎn)品的使用方法、性能、規(guī)格等方面的介紹，用戶可以在屏幕上獲取更詳細(xì)的產(chǎn)品信息，同時(shí)也可以在諸多視頻剪輯中自由地跳轉(zhuǎn)。用戶在操作時(shí)將會面臨一系列的操作提示，以保證用戶的交互行為順暢進(jìn)行而不至于迷航。情景式的視頻演示較之靜態(tài)圖片介紹更為有效地提高了交互體驗(yàn)的質(zhì)量，從而獲得出色的信息傳播效率。（圖1、圖2）

用戶體驗(yàn)的一個(gè)重要方面是“流”，匈牙利心理學(xué)家Csikszentmihalyi將“流”定義為一種全部體驗(yàn)，即當(dāng)人們與網(wǎng)絡(luò)應(yīng)用進(jìn)行交互時(shí)所全部投入的行為。依照個(gè)體所參與的任務(wù)，經(jīng)過優(yōu)化的“流”應(yīng)當(dāng)是用戶所需的交互技巧與任務(wù)難度在開始時(shí)足夠小以促使個(gè)體的交互行為能夠漸進(jìn)式地進(jìn)行。經(jīng)優(yōu)化設(shè)計(jì)的流與非優(yōu)化過的流在用戶體驗(yàn)方面會產(chǎn)生不同的結(jié)果。Csikszentmihalyi于1996年指出任務(wù)難度與交互技巧之間的平衡對于體驗(yàn)質(zhì)量將產(chǎn)生各自的積極影響，他所提出的“流”概念已成為交互設(shè)計(jì)的主要考慮要素，將交互設(shè)計(jì)定義為一種組織和創(chuàng)造“流”的行為過程并將“流”貫穿于網(wǎng)絡(luò)化的系統(tǒng)中。交互設(shè)計(jì)應(yīng)該被看成是開發(fā)高效的用戶界面，以致能按照交互體驗(yàn)的質(zhì)量，使用戶在不同的Web元素之間進(jìn)行不間斷的交互活動。在交互設(shè)計(jì)過程中，“流”被當(dāng)作一種重要的構(gòu)成要素，影響“流”過程的因素有：響應(yīng)速度、反饋狀態(tài)、目標(biāo)清晰的導(dǎo)航、任務(wù)難度與交互技巧之間的匹配、簡潔和重要性等。此外，還須考慮避免非必需的、眩目的技術(shù)應(yīng)用和減少不必要的動畫。

界面設(shè)計(jì)的焦點(diǎn)在于與用戶交流并明示網(wǎng)絡(luò)應(yīng)用的內(nèi)容、用戶正在使用和操作的網(wǎng)站節(jié)點(diǎn)、用戶所選擇的內(nèi)容和用戶啟用相關(guān)功能的方式。導(dǎo)航設(shè)計(jì)很關(guān)鍵，常見問題是用戶不知自己在網(wǎng)絡(luò)中所航行的位置，如同在偏僻的小巷中迷路一樣，以致無法獲得返回主頁的途徑。endprint

對于大型的網(wǎng)絡(luò)應(yīng)用項(xiàng)目的開發(fā)而言，“流”的思考更為重要。2010年上海網(wǎng)絡(luò)世博會的成功運(yùn)營就是一個(gè)典型范例。上海世博會首次將具有159年歷史的世博會以三維游園的形式搬到網(wǎng)上，讓世博會成為可體驗(yàn)、可分享、可參與、可互動的網(wǎng)絡(luò)盛會，開創(chuàng)了人們參與、體驗(yàn)世博會的全新方式。

（二）視覺設(shè)計(jì)與交互性

交互設(shè)計(jì)的視覺與功能方面也許會相互沖突并可能會不當(dāng)?shù)卣系骄W(wǎng)站開發(fā)過程中。例如，當(dāng)資深的交互設(shè)計(jì)師規(guī)劃整體的視覺傳達(dá)元素時(shí)會缺乏對美及形式感的洞察力，然而交互設(shè)計(jì)的視覺美感方面對于用戶體驗(yàn)至關(guān)重要，因?yàn)樵谟脩?、?shù)據(jù)與功能之間會創(chuàng)建出起橋梁作用的用戶界面。圖形設(shè)計(jì)師也許會忽略網(wǎng)絡(luò)與印刷媒體之間的區(qū)別，將網(wǎng)絡(luò)媒體看成是靜態(tài)的、彼此孤立的整體，以致疏忽了設(shè)計(jì)應(yīng)該具備交互性要素。

訪問網(wǎng)絡(luò)應(yīng)用不僅僅是一種選擇所需屏幕場景的視覺體驗(yàn)，還包括通過使用鍵盤、鼠標(biāo)所獲得的觸感及聲效臨場感。在網(wǎng)絡(luò)應(yīng)用開發(fā)過程中僅利用圖形設(shè)計(jì)法則也許會導(dǎo)致將網(wǎng)絡(luò)體驗(yàn)局限于“看”的層次上。超媒體強(qiáng)化和延伸了傳統(tǒng)的印刷媒體所能發(fā)揮的功能，但其功能遠(yuǎn)超于此，通過添加具有特色和優(yōu)勢的布局措施，如動畫、運(yùn)動中的三維視像和可操控的視覺元素等，使用戶獲得較強(qiáng)的體驗(yàn)感。因此，視覺設(shè)計(jì)與功能構(gòu)建在交互設(shè)計(jì)中同等重要，在圖形設(shè)計(jì)與交互設(shè)計(jì)之間的區(qū)別取決于是否存在這樣的事實(shí)，那就是用戶與網(wǎng)絡(luò)應(yīng)用之間的關(guān)系是交互式的且以一種流式的狀態(tài)進(jìn)行持續(xù)交互。設(shè)計(jì)交互式的用戶體驗(yàn)要求采用不同的途徑和對超越傳統(tǒng)的、基于印刷模式的圖形設(shè)計(jì)予以充分了解。用戶體驗(yàn)的重要性決定了交互設(shè)計(jì)的方向和整體構(gòu)架。

（三）參與度與用戶體驗(yàn)

在網(wǎng)絡(luò)環(huán)境中交互性是核心概念，通過使用一定的軟件資源以創(chuàng)建交互式的網(wǎng)絡(luò)應(yīng)用。

交互界面設(shè)計(jì)之目的是由用戶去達(dá)成積極的參與行為。就一般意義而言，用戶體驗(yàn)的質(zhì)量之優(yōu)劣取決于用戶所處的積極參與程度，用戶獲取網(wǎng)絡(luò)信息和交流的愿望將促進(jìn)交互時(shí)的參與感。對于設(shè)計(jì)師而言，按照用戶的投入和參與度將用戶體驗(yàn)整合至設(shè)計(jì)全過程是一種必要的環(huán)節(jié)。交互性是人與技術(shù)系統(tǒng)所進(jìn)行的交互特性，是一種在交流過程中的參與程度，在此過程中用戶可以控制網(wǎng)絡(luò)應(yīng)用并在彼此之間交換角色，即審美主體與客體之間的角色互換與有效互動。網(wǎng)絡(luò)兼具技術(shù)性與社會性雙重屬性，通過技術(shù)平臺，用戶可以分享經(jīng)驗(yàn)、展示自我、傳播知識、賦予評論，以及探討更為廣泛的話題。

按參與種類可分為被動式參與和積極主動式參與，按參與程度可分為吸引式參與和沉浸式參與。被動式參與處于觀者或聽眾的位置，而主動式參與在網(wǎng)絡(luò)應(yīng)用中是處于創(chuàng)作者的位置。參與者將以吸引式和沉浸式的方式進(jìn)行網(wǎng)絡(luò)交互活動，兩者在交互過程中所獲取的知識與體驗(yàn)程度有所不同，后者在記憶強(qiáng)度、審美感受與知識價(jià)值增值程度上明顯優(yōu)于前者。

上海國際雙年展中曾展出的遠(yuǎn)程交互藝術(shù)作品《尋桃花園記》就詮釋了上述理論。作品通過寬帶技術(shù)，把相距500公里之遙的安徽西遞、宏村與上海美術(shù)館聯(lián)系起來，以電腦平臺進(jìn)行實(shí)時(shí)影像的雙向交流。

安徽省黟縣的西遞、宏村是兩座已有近千年歷史的古村落，里面保存著大量完好的明清建筑，被人們稱為“世外桃源”。2000年，聯(lián)合國教科文組織將其確立為世界文化遺產(chǎn)。古黟文化是中國傳統(tǒng)美學(xué)思想和社會生活的典型代表，也蘊(yùn)涵著古人居家、治學(xué)的生活理念，有著珍貴的歷史與藝術(shù)考證價(jià)值?，F(xiàn)代化的上海就都市營造之主題一直展開著廣泛的討論與深入的研究。前者是人們向往的理想家園，后者正在尋覓理想都市的營造模式，雙方的共性與差異需要深入的溝通與交流。上海大學(xué)美術(shù)學(xué)院的遠(yuǎn)程交互藝術(shù)作品《尋桃花園記》正是順應(yīng)這一內(nèi)在趨勢所創(chuàng)作。以寬帶技術(shù)為依托，作品構(gòu)架了一座虛擬的數(shù)字化橋梁，作為連接過去與未來、理想與現(xiàn)實(shí)的紐帶。通過交互式的視頻、音頻技術(shù)、遠(yuǎn)程多點(diǎn)聯(lián)網(wǎng)的大屏幕互動顯示裝置使所有人都可以參與到虛擬的交互平臺中，參與者是構(gòu)成該交互藝術(shù)作品的重要組成部分，在參與的過程中實(shí)現(xiàn)角色位置的轉(zhuǎn)化，從作品的完整性看，參與者就是創(chuàng)作者。參與者獲得新奇的交互體驗(yàn)的同時(shí)進(jìn)行實(shí)時(shí)的觀念交流。（圖3）

如今的網(wǎng)絡(luò)交互藝術(shù)設(shè)計(jì)不再僅限于遠(yuǎn)程服務(wù)器—計(jì)算機(jī)客戶端之間，以及操作界面—數(shù)據(jù)庫—用戶之間的交互行為設(shè)計(jì)，而是從狹義的基于屏幕的頁面設(shè)計(jì)泛化為更具表現(xiàn)力的交互活動，使新的交互方式層出不窮。如遠(yuǎn)程交互藝術(shù)、公共交互藝術(shù)裝置等。

上海寶山民間藝術(shù)博物館中的諸多展項(xiàng)就是將沉浸式要素注入其中的成功范例，展項(xiàng)通過現(xiàn)代科技生動形象地展現(xiàn)中國傳統(tǒng)文化，使之不僅真實(shí)地再現(xiàn)了國粹，還能以引人入勝的交互方式吸引觀者積極參與，以實(shí)現(xiàn)作品的傳播力和形象力。在傳統(tǒng)藝術(shù)的基礎(chǔ)架構(gòu)上開發(fā)出別具匠心的交互方式將促進(jìn)受眾獲得全心投入的交互體驗(yàn)。

作為一種網(wǎng)絡(luò)的延伸且頗具藝術(shù)感染力的作品有《萬家燈火》，其作品取材于上海寶山地區(qū)富有特色的非物質(zhì)文化遺產(chǎn)“羅店彩燈”。它以竹木、蘆葦為骨，彩絹為表，融書畫、剪貼、編扎于一體，有情有趣，雅俗共賞。該彩燈在寶山的許多地方家喻戶曉，家家戶戶都會張燈結(jié)彩，猜燈謎，拉兔子燈，吃元宵，保佑家人平安。

該展項(xiàng)由天頂?shù)母魃薀袅Ⅲw的表現(xiàn)燈籠的樣式及種類，并由兩側(cè)的液晶屏播放羅店彩燈的制作方式，讓觀眾更真切感受羅店彩燈的傳統(tǒng)樣式、制作工藝及這一傳統(tǒng)文化的由來及內(nèi)涵。液晶屏幕顯示相關(guān)燈謎及其動畫演示，觀眾可根據(jù)屏幕提示，使用手機(jī)發(fā)送短消息進(jìn)行燈謎互動競猜，猜中后屏幕上會顯示動畫作為猜中者獎勵(lì)。（圖4）

結(jié)語

總之，流、交互性、參與度和視覺設(shè)計(jì)是用戶體驗(yàn)的重要組成部分。用戶體驗(yàn)的概念加深了設(shè)計(jì)師對交互性的理解。正如前述模式所示，用戶體驗(yàn)的設(shè)計(jì)是營造一種讓流發(fā)生的網(wǎng)絡(luò)環(huán)境。流的設(shè)計(jì)是動機(jī)力量方面，它喚起用戶的審美活動，使其積極地在網(wǎng)絡(luò)應(yīng)用中參與。以一種全心投入和享受的方式而存在，從而增加用戶的審美體驗(yàn)感與參與行為，在網(wǎng)絡(luò)應(yīng)用中進(jìn)行積極主動的操作控制。

互聯(lián)網(wǎng)產(chǎn)業(yè)已成為上海調(diào)整產(chǎn)業(yè)結(jié)構(gòu)、轉(zhuǎn)變經(jīng)濟(jì)增長方式的著力點(diǎn)和發(fā)動機(jī)。在信息化高速發(fā)展的今天，現(xiàn)代化的上海對網(wǎng)絡(luò)交互藝術(shù)設(shè)計(jì)將會產(chǎn)生更為深遠(yuǎn)的影響。

注釋：

*本文為浙江省社會科學(xué)聯(lián)合會研究課題階段性成果，課題編號：2014N107。endprint