工業(yè)設(shè)計專題(Papers on Industrial Design)Science & Technology Review 2007 Vol. 25 No. 13 (Sum No. 235)信息設(shè)計中的交互設(shè)計方法魯曉波清華大學(xué)美術(shù)學(xué)院,北京100084[猜蜀]交互性是信息杜會中的信息設(shè)計及工業(yè)設(shè)計發(fā)展的重要特點和發(fā)展趨勢。針對僧息設(shè)計中的交互設(shè)計方法,探討其交互性視覺元素的設(shè)計規(guī)律,通過交互設(shè)計原則的把握,達到感官、行為層級甚至反思層級的可用性目標(biāo)以及用戶體驗?zāi)繕?biāo)。[關(guān)鍵詞]信息設(shè)計;交互設(shè)計;視覺元素;可用性;用戶體驗[中圈分類號] TP31[文獻標(biāo)識碼] A[文章編號] 100-7857(2007)13 -0018- 04Research on Interaction Design Methods in Information DesignLU XiaoboAcademy of Arts and Design, Tsinghua University, Beijing 100084, ChinaAbstract: Interaction is the key factor and trend for information and industrial design in the information society. This paperfocuses on interaction design methods for information design and researches on visual elements design guidelines to reach thevisceral level, behaviour level and relective level usability target and user experience target for interaction design.Key Words: information; interaction design; visual elements; usability; user experienceCLC Number. TP31Document Code: AArticle ID: 1000-7857(2007)13- -0018-04交互設(shè)計隨著信息技術(shù)的發(fā)展應(yīng)運而生。從最初的側(cè)重于為特定的應(yīng)用軟件設(shè)計解決方案?；诖a編寫的屏內(nèi)交互(in-screen)到現(xiàn)在的基于虛交互方法包括數(shù)據(jù)如何在屏幕上與自身交互,以擬現(xiàn)實和虛擬體驗屏外交互(ofF- screen) ,交互性近年來及用戶與數(shù)據(jù)控制和展示之間的交互，后者稱為人機迅速成為信息社會中的信息設(shè)計以及工業(yè)設(shè)計的重要交互。數(shù)據(jù)自交互是指數(shù)據(jù)本身在某個維度進行變化，特點,研究人員提出的無所不在普適計算.滲透性計算造成的互動。包括4種基本交互編排規(guī)則:聯(lián)系的元技術(shù)、可穿戴計算技術(shù)和可觸摸的用戶界面,增強了現(xiàn)素,空間規(guī)則，比例規(guī)則,以及起伏跳動。本研究重點論實等新型交互范型,為信息設(shè)計與工業(yè)設(shè)計未來發(fā)展趨述人機交互。向提供了強勁的技術(shù)保障。在技術(shù)運用發(fā)展到第三個階人機交互設(shè)計是指人和數(shù)字化環(huán)境的互動過程。段(熱情開發(fā)者階段-專業(yè)階段-消費者階段)凹"，交互設(shè)隨著信息技術(shù)的飛速發(fā)展,人機交互的“機”不再局限計更多地考慮到用戶的需求。本研究從信息設(shè)計的角于計算機,人們可以與計算機、攝像機,甚至烤面包機、度,對交互設(shè)計中的視覺元素重點進行研究,探討交互洗衣機等進行交互。日常工作生活中的整個環(huán)境都可性視覺元素的設(shè)計規(guī)律。以被看作是-一個巨大的交互式體驗網(wǎng)絡(luò)。人機交互過程包括4項基本活動:①標(biāo)識需要并建立需求。這是一. 1信息設(shè)計中的交互設(shè)計個人的需要到產(chǎn)品需求的轉(zhuǎn)換過程。②開發(fā)滿足需求Gillian認為，交互設(shè)計是指設(shè)計支持人們?nèi)粘９さ囊恍┖蜻x方案。即從產(chǎn)品的需求到產(chǎn)品的設(shè)計構(gòu)思。作與生活的交互式產(chǎn)品吧。具體地說，就是關(guān)于創(chuàng)建新③選擇最佳方案,構(gòu)建設(shè)計的交互式版本。即從產(chǎn)品的的用戶體驗的問題,其目的是增強和擴充人們工作、通構(gòu)思到產(chǎn)品的實現(xiàn)。④評估整個過程的設(shè)計結(jié)果。即對信及交互的方式。Winograd把交互設(shè)計描述為“是人類產(chǎn)品和設(shè)計講行評估的過程。具有 3個關(guān)鍵特征:用戶交流和交互空間的設(shè)計”。從這層含義來說,交互設(shè)計中國煤化工目開始之前就必須確定YHCNMHG收稿日期: 2007-05-23作者簡介:魯曉波.北京市海淀區(qū)清華大學(xué)美術(shù)學(xué)院,教授,研究方向為信息藝術(shù)設(shè)計、工業(yè)設(shè)計; E- mail: luxb@mail.tsinghua.edu.cn18工業(yè)設(shè)計專題(Papers on Industrial Design)科技導(dǎo)報2007年第25卷第13期(總第235期)具體的可用性和用戶體驗?zāi)繕?biāo)，以及必須迭代進行4感知各運動反思的項基本活動?？刂迫藱C交互設(shè)計的目標(biāo)包括用戶體驗?zāi)繕?biāo)和可用性目標(biāo)?！坝脩趔w驗”指的是用戶在與系統(tǒng)交互時的情緒行為的體驗?？捎眯阅繕?biāo)是交互設(shè)計的核心?？捎眯阅繕?biāo)可以細分為以下一些目標(biāo):可行性、高效性、安全性、通用本能的性、易學(xué)性和易記性?？捎眯阅繕?biāo)與用戶體驗?zāi)繕?biāo)之間存在著權(quán)衡的問題。交互設(shè)計師需要考慮產(chǎn)品使用的圄2信息加工的3種水平環(huán)境、具體的任務(wù)以及用戶本身的特點。交互設(shè)計要正Fig. 2 Three levels for information process確理解用戶,滿足用戶的需要,需要達到兩個階段的目標(biāo)。如圖1所示,在交互設(shè)計的信息加工過程中,交互2信息設(shè)計中的交互設(shè)計原則設(shè)計不僅能提高人們分析處理數(shù)據(jù)的效率和能力,并信息技術(shù)的發(fā)展促進了交互設(shè)計由人因工程且能夠提高數(shù)據(jù)信息呈現(xiàn)的視覺形式的美感以及用戶學(xué)(Erg onomics)向用戶參與研究(user engagement與信息之間互動的品質(zhì):令人滿意、令人愉快、有趣、引research)進行轉(zhuǎn)化。具體有如下特征:從產(chǎn)品導(dǎo)向轉(zhuǎn)變?nèi)巳藙?、有用、富有啟發(fā)性、富有美感、可激發(fā)創(chuàng)造性、為過程導(dǎo)向,由關(guān)注個體到關(guān)注群體,由實驗室研究轉(zhuǎn)讓人有成就感、讓人得到情感上的滿足四。向現(xiàn)場實證研究,由關(guān)注新手到各種層次的用戶都有所照顧,由關(guān)注分析到現(xiàn)在注重設(shè)計,由理論變?yōu)閷嵱脼槿の缎灾?由以用戶為中心的設(shè)計變?yōu)橐杂脩魠⑴c為設(shè)計導(dǎo)向滿意度有成就感(交互產(chǎn)品需要用戶的參與活動來共同完成),由分析用有效性戶的具體需求轉(zhuǎn)換為反復(fù)的原型推敲交互產(chǎn)品,以及由系統(tǒng)描述轉(zhuǎn)變?yōu)楹献餍袆邮降那榫邦A(yù)演法(scenario)。欣賞性容易記憶高效性園饋性交互設(shè)計是一門交叉學(xué)科，需要設(shè)計者在以人為中心(用戶參與為導(dǎo)向)的前提下,對交互產(chǎn)品進行初可用性目標(biāo)步設(shè)計構(gòu)想，并在不斷的程序開發(fā)和實際評估過程中易學(xué)性。安全性完善交互流程,三者相輔相成,彼此作用影響。交互設(shè)娛樂性支持創(chuàng)意計流程如圖3所示。有用性有幫助美觀宜人激發(fā)性設(shè)想與計劃制作與開展概念方富設(shè)計原型制作團1 可用性和用戶體驗?zāi)繕?biāo)?？捎眯阅繕?biāo)是交互設(shè)計的核交互流程設(shè)計程序?qū)崿F(xiàn)設(shè)計深入分析分析使用環(huán)境心,圖的外圈代表用戶體驗?zāi)繕?biāo),其定義不是非常明確詳圖設(shè)計以人為中心的Fig.1 Usability target and user experience target in交互設(shè)計interaction design評估與反饋諾曼從信息加工的本能、行為以及反思3種水平,及早和持續(xù)的評估提出了相應(yīng)的3個層次的設(shè)計需求。如圖2所示。交互測量權(quán)衡可用性設(shè)計3個層面都有觸及。表1列出了信息加工的3種對于修改的建議水平.上的不同設(shè)計需求4。表1信息加工的3種水平的不同設(shè)計需求圖3交互設(shè)計流程圄Table 1 Design requirements for the three levels in中國煤化工raction .information processMHCNMHG本能水平設(shè)計行為水平設(shè)計反思水平設(shè)計3信息設(shè)計中的交互性視覺元素分析外形的美感使用的樂趣和效率自我形象、個人滿意、交互性視覺元素是主要提供信息承載和交互操作外觀設(shè)計、界面設(shè)計功能設(shè)計、可用性設(shè)計記憶體驗設(shè)計這兩種功能的視覺元素。信息設(shè)計中信息的呈現(xiàn),- -方.19工業(yè)設(shè)計專題(Papers on Industrial Design)Science & Technology Review 2007 Vol. 25 No. 13 (Sum No. 235) I面隨著信息來源的變化會隨時發(fā)生改變;另一方面,用.在基于行為的規(guī)則層次上，在內(nèi)在的內(nèi)容和界面的提戶通過與系統(tǒng)的交互行為改變-定的參 數(shù)而使信息呈示之間,提供一致的.--對應(yīng)的映射方式;在基于行現(xiàn)發(fā)生變化。這種變化需要一種或多種多功能的視覺為的知識層次上,將抽象層級的形式工作領(lǐng)域用視覺元素來實現(xiàn)。因此,信息可視化中的交互性視覺元素具形式表現(xiàn)出來,從而成為- -個具體化的系統(tǒng)模型。這些有功能性、交互性和動態(tài)的特征。設(shè)計應(yīng)用非常普遍，以至于它們能夠廣泛地應(yīng)用于各3.1信息設(shè)計中的交互行為模式個領(lǐng)域。它們雖然不是針對單個視覺組件的開發(fā),但是當(dāng)用戶與復(fù)雜系統(tǒng)之間進行交互時,其行為可歸能夠為整合各個部分構(gòu)造成統(tǒng)-系統(tǒng)而提供- 一個指 導(dǎo)納為下面3種模式。方針。1)基于行為的技能(Skill Bbased Behavior , SBB)3.2交互性視覺元素分析指對系統(tǒng)內(nèi)部數(shù)據(jù)的自動反應(yīng)，包括各部分控件信息設(shè)計中,交互性視覺元素肩負雙重功能。-方的實時控制。例如調(diào)節(jié)開關(guān)以配合特殊設(shè)置。面需要準確地傳遞信息，承擔(dān)這-部分工作的主要元2)基于行為的規(guī)則(Rules Based Behavior , RBB)素可稱為“信息傳遞性視覺元素”;另一.方面需要提供指對系統(tǒng)狀態(tài)數(shù)據(jù)的程序式反應(yīng)。例如在一個學(xué)各種交互功能,幫助用戶完成過濾、控制、選擇、縮放等.習(xí)或?qū)懽鞯某绦蛑?嚴格遵守操作規(guī)則。操作,承擔(dān)這-部分工作的主要元素可稱為“操作功能3)基于行為的知識(Knowledge Based Behavior,性視覺元素”。二者沒有嚴格界限,它們可能相互交叉.KBB)疊加。有些信息傳遞性視覺元素也可以完成- -定的操指根據(jù)系統(tǒng)目標(biāo)而對狀態(tài)信息做出反應(yīng)。包括復(fù)作，而有些操作功能性視覺元素自身也會帶有信息含雜的認知活動，如錯誤的判斷和獲取關(guān)于系統(tǒng)的抽象量。交互性視覺元素是一種多功能元素,相對于傳統(tǒng)視推理”。覺元素的設(shè)計規(guī)則而言，它有- -些特定的設(shè)計原則和為了讓認知控制的每個層次對用戶有用，在每- -應(yīng)用方式。交互性視覺元素分析如圖4所示。下面將對個層次上都應(yīng)該提供相應(yīng)的交互設(shè)計。在基于行為的信息傳遞性視覺元素和操作功能性視覺元素分別進行技能層次上為支持實時的系統(tǒng)控制，須采用直接操作.分析研究。方式;呈現(xiàn)形式的結(jié)構(gòu)在局部和整體上應(yīng)該是同構(gòu)的;體現(xiàn)信息結(jié)構(gòu)準確、合理提高認知信息表達提供準確且全局性信息信息的上下文顯示信息傳遞性視覺元素獲取信息發(fā)現(xiàn)問題尋找規(guī)律操作功能性計算機用戶視圖特換信息導(dǎo)航和如覽信息過本信息提示和反饋中國煤化工MHCNMHG圍4交互性視覺元素分析Fig. 4 Analysis of interaction visual elements20工業(yè)設(shè)計專題(Papers on Industrial Design)科技導(dǎo)報2007年 第25卷第 13期(總第 235期)3.2.1信息傳遞性視覺元素的分析4結(jié)論信息的傳遞依賴于視覺元素的各種應(yīng)用，通過利現(xiàn)代人基本.上更期望- - 種簡單的生活模式。用戶用尺寸的改變、空間的變換、色彩的對比、灰度的漸變期望產(chǎn)品通過良好的互動，不需要解釋就可以彰顯其等視覺元素的特性可以準確呈現(xiàn)信息，并且?guī)椭脩粢子玫墓δ?用戶期望產(chǎn)品的材質(zhì)忠實地表達產(chǎn)品的.理解和分析信息，以完成系統(tǒng)與用戶的信息交互傳遞內(nèi)涵;形式不只是追隨功能,甚至能夠超越功能,在信過程。主要關(guān)注點是提供準確且全局性信息,體現(xiàn)信息息設(shè)計中，形式還能夠追隨數(shù)據(jù)，通過有趣的交互設(shè)結(jié)構(gòu)，信息對比，突出重點信息，以及信息的關(guān)聯(lián)顯計,達到用戶與產(chǎn)品的情感化交流;將復(fù)雜的機器隱藏全局與細節(jié)顯示。在優(yōu)美的界面后面，通過符合用戶心理特征和使用行3.2.2操作功能性視覺元素的分析為的交互方式，讓使用交互產(chǎn)品的族群成為受人推崇交互性視覺元素重在能夠提供直接交互的方式,的酷設(shè)計擁有者,而不是被看作異類的科學(xué)怪人;通過幫助用戶完成用戶到系統(tǒng)的信息控制交互過程。設(shè)計日趨復(fù)雜高級的技術(shù)，支持并不簡單的用戶研究和交這種代表功能或?qū)ο蟛僮鞯囊曈X元素最重要的挑戰(zhàn)就互設(shè)計,創(chuàng)造簡單人性的交互產(chǎn)品印,讓用戶體驗更加是利用視覺隱喻來傳達抽象的概念。主要關(guān)注點是信自然、和諧、功能與美觀恰到好處的交互過程(見圖5息導(dǎo)航和瀏覽信息過濾、信息輸人、信息提示和反饋,和圖6)。交互設(shè)計可應(yīng)用在信息設(shè)計、廣告設(shè)計、產(chǎn)品以及視圖的轉(zhuǎn)換。設(shè)計、展示設(shè)計等各個領(lǐng)域,發(fā)展前景廣闊,其設(shè)計方法的研究還有待進一步開展158。一.。圖5飛利浦家庭研究實驗室開發(fā)的交互游戲設(shè)計圖6 iPhone 的界面交互設(shè)計Fig. 5 Interaction game design by Philips HomelabFig. 6 iPhone interface interaction design參考文獻(References)everyday things[M]. New York: Basic Books, 2004.[1] MOGGRIDGE B. Designing interactions[M]. Cambridge,[5] MAEDA J. The laws of simplicity [M]. Cambridge, Mas-Massachusetts: Mit Press, 2006.sachusetts: MIT Press 2006.[2] PREECE J, ROGERS Y, SHARP H. Interaction design: Be-[6] NORMAN D. Things that make us smart [M]. Cambridge,yond human-computer interaction [M]. New York: JohnMassachusetts: Perseus Books, 1993.Wiley & Sons Inc, 2002.[7] NORMAN D. The design of everyday Things [M]. New[3] WINOGRAD J M. Incremental refinement structures forYo中國煤化工approximate signal processing [D]. Boston: Boston Uni-[8] JAiYHCN M H GM. Cambidge Masversity, 1997.saCuoclo.TYintiooo, iww.[4] NORMAN D A. Emotional design: Why we love (or hate)(責(zé)任編輯朱宇)21