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