信息設計中的交互設計方法

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