信息设计中的交互设计方法

工业设计专题(Papers on Industrial Design)Science & Technology Review 2007 Vol. 25 No. 13 (Sum No. 235)信息设计中的交互设计方法鲁晓波清华大学美术学院,北京100084[猜蜀]交互性是信息杜会中的信息设计及工业设计发展的重要特点和发展趋势。针对僧息设计中的交互设计方法,探讨其交互性视觉元素的设计规律,通过交互设计原则的把握,达到感官、行为层级甚至反思层级的可用性目标以及用户体验目标。[关键词]信息设计;交互设计;视觉元素;可用性;用户体验[中圈分类号] 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交互设计随着信息技术的发展应运而生。从最初的侧重于为特定的应用软件设计解决方案。基于代码编写的屏内交互(in-screen)到现在的基于虚交互方法包括数据如何在屏幕上与自身交互,以拟现实和虚拟体验屏外交互(ofF- screen) ,交互性近年来及用户与数据控制和展示之间的交互，后者称为人机迅速成为信息社会中的信息设计以及工业设计的重要交互。数据自交互是指数据本身在某个维度进行变化，特点,研究人员提出的无所不在普适计算.渗透性计算造成的互动。包括4种基本交互编排规则:联系的元技术、可穿戴计算技术和可触摸的用户界面,增强了现素,空间规则，比例规则,以及起伏跳动。本研究重点论实等新型交互范型,为信息设计与工业设计未来发展趋述人机交互。向提供了强劲的技术保障。在技术运用发展到第三个阶人机交互设计是指人和数字化环境的互动过程。段(热情开发者阶段-专业阶段-消费者阶段)凹"，交互设随着信息技术的飞速发展,人机交互的“机”不再局限计更多地考虑到用户的需求。本研究从信息设计的角于计算机,人们可以与计算机、摄像机,甚至烤面包机、度,对交互设计中的视觉元素重点进行研究,探讨交互洗衣机等进行交互。日常工作生活中的整个环境都可性视觉元素的设计规律。以被看作是-一个巨大的交互式体验网络。人机交互过程包括4项基本活动:①标识需要并建立需求。这是一. 1信息设计中的交互设计个人的需要到产品需求的转换过程。②开发满足需求Gillian认为，交互设计是指设计支持人们日常工的一些候选方案。即从产品的需求到产品的设计构思。作与生活的交互式产品吧。具体地说，就是关于创建新③选择最佳方案,构建设计的交互式版本。即从产品的的用户体验的问题,其目的是增强和扩充人们工作、通构思到产品的实现。④评估整个过程的设计结果。即对信及交互的方式。Winograd把交互设计描述为“是人类产品和设计讲行评估的过程。具有 3个关键特征:用户交流和交互空间的设计”。从这层含义来说,交互设计中国煤化工目开始之前就必须确定YHCNMHG收稿日期: 2007-05-23作者简介:鲁晓波.北京市海淀区清华大学美术学院,教授,研究方向为信息艺术设计、工业设计; E- mail: luxb@mail.tsinghua.edu.cn18工业设计专题(Papers on Industrial Design)科技导报2007年第25卷第13期(总第235期)具体的可用性和用户体验目标，以及必须迭代进行4感知各运动反思的项基本活动。控制人机交互设计的目标包括用户体验目标和可用性目标。“用户体验”指的是用户在与系统交互时的情绪行为的体验。可用性目标是交互设计的核心。可用性目标可以细分为以下一些目标:可行性、高效性、安全性、通用本能的性、易学性和易记性。可用性目标与用户体验目标之间存在着权衡的问题。交互设计师需要考虑产品使用的圄2信息加工的3种水平环境、具体的任务以及用户本身的特点。交互设计要正Fig. 2 Three levels for information process确理解用户,满足用户的需要,需要达到两个阶段的目标。如图1所示,在交互设计的信息加工过程中,交互2信息设计中的交互设计原则设计不仅能提高人们分析处理数据的效率和能力,并信息技术的发展促进了交互设计由人因工程且能够提高数据信息呈现的视觉形式的美感以及用户学(Erg onomics)向用户参与研究(user engagement与信息之间互动的品质:令人满意、令人愉快、有趣、引research)进行转化。具体有如下特征:从产品导向转变人人胜、有用、富有启发性、富有美感、可激发创造性、为过程导向,由关注个体到关注群体,由实验室研究转让人有成就感、让人得到情感上的满足四。向现场实证研究,由关注新手到各种层次的用户都有所照顾,由关注分析到现在注重设计,由理论变为实用为趣味性主,由以用户为中心的设计变为以用户参与为设计导向满意度有成就感(交互产品需要用户的参与活动来共同完成),由分析用有效性户的具体需求转换为反复的原型推敲交互产品,以及由系统描述转变为合作行动式的情景预演法(scenario)。欣赏性容易记忆高效性园馈性交互设计是一门交叉学科，需要设计者在以人为中心(用户参与为导向)的前提下,对交互产品进行初可用性目标步设计构想，并在不断的程序开发和实际评估过程中易学性。安全性完善交互流程,三者相辅相成,彼此作用影响。交互设娱乐性支持创意计流程如图3所示。有用性有帮助美观宜人激发性设想与计划制作与开展概念方富设计原型制作團1 可用性和用户体验目标。可用性目标是交互设计的核交互流程设计程序实现设计深入分析分析使用环境心,图的外圈代表用户体验目标,其定义不是非常明确详图设计以人为中心的Fig.1 Usability target and user experience target in交互设计interaction design评估与反馈诺曼从信息加工的本能、行为以及反思3种水平,及早和持续的评估提出了相应的3个层次的设计需求。如图2所示。交互测量权衡可用性设计3个层面都有触及。表1列出了信息加工的3种对于修改的建议水平.上的不同设计需求4。表1信息加工的3种水平的不同设计需求图3交互设计流程圄Table 1 Design requirements for the three levels in中国煤化工raction .information processMHCNMHG本能水平设计行为水平设计反思水平设计3信息设计中的交互性视觉元素分析外形的美感使用的乐趣和效率自我形象、个人满意、交互性视觉元素是主要提供信息承载和交互操作外观设计、界面设计功能设计、可用性设计记忆体验设计这两种功能的视觉元素。信息设计中信息的呈现,- -方.19工业设计专题(Papers on Industrial Design)Science & Technology Review 2007 Vol. 25 No. 13 (Sum No. 235) I面随着信息来源的变化会随时发生改变;另一方面,用.在基于行为的规则层次上，在内在的内容和界面的提户通过与系统的交互行为改变-定的参 数而使信息呈示之间,提供一致的.--对应的映射方式;在基于行现发生变化。这种变化需要一种或多种多功能的视觉为的知识层次上,将抽象层级的形式工作领域用视觉元素来实现。因此,信息可视化中的交互性视觉元素具形式表现出来,从而成为- -个具体化的系统模型。这些有功能性、交互性和动态的特征。设计应用非常普遍，以至于它们能够广泛地应用于各3.1信息设计中的交互行为模式个领域。它们虽然不是针对单个视觉组件的开发,但是当用户与复杂系统之间进行交互时,其行为可归能够为整合各个部分构造成统-系统而提供- 一个指 导纳为下面3种模式。方针。1)基于行为的技能(Skill Bbased Behavior , SBB)3.2交互性视觉元素分析指对系统内部数据的自动反应，包括各部分控件信息设计中,交互性视觉元素肩负双重功能。-方的实时控制。例如调节开关以配合特殊设置。面需要准确地传递信息，承担这-部分工作的主要元2)基于行为的规则(Rules Based Behavior , RBB)素可称为“信息传递性视觉元素”;另一.方面需要提供指对系统状态数据的程序式反应。例如在一个学各种交互功能,帮助用户完成过滤、控制、选择、缩放等.习或写作的程序中,严格遵守操作规则。操作,承担这-部分工作的主要元素可称为“操作功能3)基于行为的知识(Knowledge Based Behavior,性视觉元素”。二者没有严格界限,它们可能相互交叉.KBB)叠加。有些信息传递性视觉元素也可以完成- -定的操指根据系统目标而对状态信息做出反应。包括复作，而有些操作功能性视觉元素自身也会带有信息含杂的认知活动，如错误的判断和获取关于系统的抽象量。交互性视觉元素是一种多功能元素,相对于传统视推理”。觉元素的设计规则而言，它有- -些特定的设计原则和为了让认知控制的每个层次对用户有用，在每- -应用方式。交互性视觉元素分析如图4所示。下面将对个层次上都应该提供相应的交互设计。在基于行为的信息传递性视觉元素和操作功能性视觉元素分别进行技能层次上为支持实时的系统控制，须采用直接操作.分析研究。方式;呈现形式的结构在局部和整体上应该是同构的;体现信息结构准确、合理提高认知信息表达提供准确且全局性信息信息的上下文显示信息传递性视觉元素获取信息发现问题寻找规律操作功能性计算机用户视图特换信息导航和如览信息过本信息提示和反馈中国煤化工MHCNMHG围4交互性视觉元素分析Fig. 4 Analysis of interaction visual elements20工业设计专题(Papers on Industrial Design)科技导报2007年 第25卷第 13期(总第 235期)3.2.1信息传递性视觉元素的分析4结论信息的传递依赖于视觉元素的各种应用，通过利现代人基本.上更期望- - 种简单的生活模式。用户用尺寸的改变、空间的变换、色彩的对比、灰度的渐变期望产品通过良好的互动，不需要解释就可以彰显其等视觉元素的特性可以准确呈现信息，并且帮助用户易用的功能;用户期望产品的材质忠实地表达产品的.理解和分析信息，以完成系统与用户的信息交互传递内涵;形式不只是追随功能,甚至能够超越功能,在信过程。主要关注点是提供准确且全局性信息,体现信息息设计中，形式还能够追随数据，通过有趣的交互设结构，信息对比，突出重点信息，以及信息的关联显计,达到用户与产品的情感化交流;将复杂的机器隐藏全局与细节显示。在优美的界面后面，通过符合用户心理特征和使用行3.2.2操作功能性视觉元素的分析为的交互方式，让使用交互产品的族群成为受人推崇交互性视觉元素重在能够提供直接交互的方式,的酷设计拥有者,而不是被看作异类的科学怪人;通过帮助用户完成用户到系统的信息控制交互过程。设计日趋复杂高级的技术，支持并不简单的用户研究和交这种代表功能或对象操作的视觉元素最重要的挑战就互设计,创造简单人性的交互产品印,让用户体验更加是利用视觉隐喻来传达抽象的概念。主要关注点是信自然、和谐、功能与美观恰到好处的交互过程(见图5息导航和浏览信息过滤、信息输人、信息提示和反馈,和图6)。交互设计可应用在信息设计、广告设计、产品以及视图的转换。设计、展示设计等各个领域,发展前景广阔,其设计方法的研究还有待进一步开展158。一.。图5飞利浦家庭研究实验室开发的交互游戏设计图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