设计项目策划

第12章　系统化互动设计实践

【学习的目的】

本章就互动媒体设计系统化，从项目策划、工作组成员到项目具体实施等多个方面进行分析讲解，并通过具体设计实例进行说明。

【学习的重点】

系统化互动设计实践。

【教与学】

通过实例分析的方式讲解系统化互动设计实践，通过多个案例分析系统化互动设计实践的方法。

12.1　设计项目策划

与其他类别的设计不同，互动设计项目表现形态多样，从前期策划到项目实施，从机电测试到用户体验研究，整个设计与制作过程专业领域跨度大，需要具有不同专业背景的设计与制作人员，项目所需设备种类繁多。一些高科技产品价格昂贵，在设计与制作过程中，一旦某些环节出现问题都有可能影响全局的工作进程，给项目带来不可估量的损失。所以在互动设计项目策划与实施的过程中，应本着系统化设计的原则，在项目设计初期就要做好严密的系统策划与所有准备工作，以确保按时有效地完成整个设计制作环节。

互动设计项目策划一般包括项目选题、内容与栏目策划、装置与界面规划、技术测试、制作人员组成、项目时间表等。

12.1.1　项目选题策划

项目选题是互动媒体项目成功与否的重要环节，可根据参展主题或展览场地甚至流行趋势进行内容策划，一般来讲互动设计的主题可归纳为以下几大类:

1.环保、健康主题

随着人们生活水平的提升，环保与健康越来越成为人们关注的焦点。人们在关心生活水平的提高、幸福感的上升这些基本生活指标的同时，也逐渐将注意力转向人类生存的大环境，近年来不断出现的自然灾难，如大地震、持续的干旱与水灾等，都强烈地引起人们对未来地球发展的忧虑，引起人们对科技进步与环境破坏同步的反思。这类题材的互动作品主题明确，素材繁多，容易引起观者的共鸣，近年已成为互动设计师特别钟爱的主题之一。

互动艺术作品《入侵》是环保类主题的代表作品之一，项目把人类与大自然间的共生关系通过互动的形式很好地表现出来。一个半球状的穹顶投射出一片自然风光，在没有游客进入半球笼罩的空间前，草木繁茂，动物快乐地生活;当大量观众走进区域后，虚拟的自然风光不断被破坏，最终导致自然的彻底毁灭，如图12-1。

图12-1　新媒体互动设计《入侵》

2.科普类主题

人类肉眼所见的世界虽然直观却有很大的局限性，我们对微观世界或宏观世界的认知大多局限在书本上，缺少感性的体验。随着各种高新科技的不断涌现，人们对科普知识的需求越来越大，如何将复杂而抽象的知识更简单地呈现在大众面前，达到科普的目的呢?互动设计正好解决了这一问题，由于互动设计具有多形式、全方位以及真实的模拟事物本质行为的优势，因此在科普教育推广上，互动设计有广阔的发展空间。目前，互动设计项目被广泛应用在科技馆、博物馆等科普第一线，科普主题已成为互动设计的主要选题，如图12-2。

图12-2　新媒体互动设计作品(一)

3.商业及公益广告类主题

互动媒体还被大量用在商业广告宣传上面，由于互动媒体的发布成本较低，针对人群较强，发布方式多样，具有很好的宣传效应，因此互动广告近几年来越来越多地被大众所喜爱并接受，被广泛应用在各种宣传活动中。主要采取的方式有基于网络平台的宣传，比如出租车上的互动广告，也有利用公共空间的广告展示等。特别是公共空间的互动广告作品，近年来越来越受到大众与广告主的喜爱，成为城市一道道可爱的风景，图12-3为美国著名旅游媒体Travel Zoo的一个位于公共空间的互动广告，广告由于设置在机场通道，受众具有很强的针对性，由于画幅巨大，视觉效果强烈，还可以互动游戏，因此吸引了很多观众的目光，起到了很好的宣传效果。

图12-3　新媒体互动设计作品(二)

4.感知体验类

人类的活动往往受制于能力、环境等因素不能随心所欲。互动设计可以帮助我们感受很多未曾有过的身心体验，帮助我们重游梦境，遨游于云端。互动设计通过虚拟现实等技术，不仅可以建立一个沉浸感极强的虚拟环境，让人身临其境，还可以通过交互装置实现与虚拟环境对话。目前，此类交互设计作品正成为新媒体艺术展的主要选题，在设计上，具有更广阔的想象空间，非常容易吸引人们的注意，如图12-4。

图12-4　新媒体互动设计作品(三)

12.1.2　内容组织与栏目策划

互动媒体作品创作是一项系统工程，确认了创作主题后就要搜集并制作项目所需的各类内容元素。互动媒体的内容组织可以借用现有的素材，也可以自己组织制作，可以是文字、图片、动画，也可以是视频或音频等。

在组织内容时，较容易出现的问题是质量问题，因为互动媒体是一个系统工程，所以各页面间的创作要保持统一的风格，所用的内容元素也要保持形式与质量的统一，无论是色彩、艺术风格，还是文件的分辨率都要统一，以保证互动设计呈现出完美的面貌。

互动设计种类很多，有些互动设计项目有明确的栏目结构，它们大多是基于网络或单机的信息互动媒体设计，如各类网站设计、多媒体宣传光盘等。这类互动媒体主要是以信息传播作为主要设计目标，所以信息的采集和栏目规划便成了此类作品的重要环节。通常情况下，信息组织采用清晰的树型结构，更符合使用者一般的思维习惯。

在进行栏目策划时，需要注意一个作品最好只有一个主目录，尽可能不出现两条目录主线。链接的方式要统一，如果一个页面选用树上的枝叶作为按钮，那么其他页面最好都能延续相同的风格，以便用户快速熟悉使用方法，另外按钮区域的设计要尽可能鲜明，具有提示性，可通过对按钮添加动感强烈的动画或采用对比色以示区别，避免用户盲目寻找，这些都充分体现了互动作品的人性化特点。

12.1.3　交互流程规划与互动装置设计

互动媒体设计作品的形式多样，不同类别的设计项目所包含的设计内容也不尽相同，比如网站或单机的信息互动媒体作品在设计时就不需要考虑界面装置设计;而一些基于游戏模式的交互展示类作品，如公共空间的互动广告设计或一些体验类的互动媒体艺术作品，因为不需要传递大量的信息，仅需要通过游戏式的交互体验向受众传播某些简要信息，所以此类设计一般不需要层级式的栏目，但却需要设计一个逻辑清晰、简捷可行的交互功能流程来掌握整个互动体验作品的运行流程，以指导设计实践。

在一些游戏体验类互动作品设计中，装置设计占有非常大的比重。营造一个舒适、美观的互动体验空间可以帮助用户更快融入到作品主题中，在交互中获得更多乐趣。交互作品的装置设计主要包括交互的硬平台设计及作品环境设计，在设计过程中主要需考虑如何符合运行环境需求及满足目标人群的个性化设计理念。

1.运行环境

在进行交互功能流程设计时首先要考虑现场运行环境，如一些运行于公共空间的互动类展示项目，由于要同时面对大量观众，这就决定了在互动流程设计时要能满足多人同时参与性，在具体界面设计时提供多点输入，在空间设计时要注意有足够宽敞的通道以保证人流顺畅，并提供视角宽广的屏幕满足观影的需要。

2.目标人群特征

了解目标人群特征也是互动装置与用户界面设计的基础。只有了解观众的年龄、性别、生活习惯、兴趣爱好，才能设计出符合生理与心理需求的互动装置界面，激发观众的热情。如果要创作一个面向青年人群的互动设计项目，首先需要了解受众群体的基本特征，如热爱电子产品、习惯虚拟生活模式及喜欢新事物的特点，在进行界面设计时尽量关注到他们的这些特征。比如《媒体密码》的装置界面即采用了新兴的两维码技术，整个场景环境也延续了密码的特点，运用了黑白灰色块，符合大多数青年人的审美需求。

12.1.4　技术测试

对于互动媒体设计来讲，技术始终占有主导地位，一个好的想法如果没有一个可行的技术支持的话也等于纸上谈兵。所以在项目策划阶段就要做好技术方案的测试，以保证后期工作的顺利进行。

互动设计项目中的技术问题主要体现在两个方面，一是软件技术解决方案，二是硬件技术解决方案。软件又涉及互动软件环境的编程，如用Flash的Action Script或Director的Lingo语言进行程序控制，或用VC或JAVA编写通用接口、网络平台控制以及基于个人无线终端通讯的程序设定等;硬件方面主要是掌握一些新兴的技术解决方案及优秀的创作方法，比如幻影成像技术等，好的硬件解决方案和一些新的技术可以给互动作品带来更多的惊喜。

在前期可行性分析阶段，并不需要马上调试出所有的技术方案，只需要对没有确切把握的关键技术进行可行性测试，只有通过了可行性分析才能继续进行下一步的工作，切记不可跳过这一环节，避免由于某个技术问题无法解决而前功尽弃。

12．1．5人员组成与时间表

互动媒体设计是一项系统工程，包括市场调研、方案策划、美术设计及软件编程、硬件控制、工程实施等诸多方面，是一项庞大的系统工程，应针对项目特点做好专业人员的组织与规划工作，确保项目的顺利进行。

详细地规划时间表也是一个互动设计项目得以顺利进行的重要方法，我们曾在两周的时间里完成过一个包括6个互动媒体作品的艺术展，全赖时间规划得当。

12.2　互动系统设计实施

互动艺术设计项目有很多不同种类，互动装置艺术设计是其中较综合性的设计类别。《媒体密码》是一个较典型的互动装置设计作品，如图12-5。前面已了解了其软平台的设计方法，下面通过对这个作品整体创作环节的讲解，来对互动设计流程做一个较全面的梳理。

图12-5　新媒体互动设计作品《媒体密码》

12.2.1　项目策划选题

新媒体互动设计作品《媒体密码》集技术、艺术于一身，融装置艺术、电子艺术、互动艺术于一体，是一个综合的交互媒体设计作品。《媒体密码》是一个新媒体艺术展导视系统的重要组成部分，项目对参展的每一个作品从构思到诞生的全过程进行了实录，并剪辑成独立的纪录片，以供观展者在参观展览后还能对媒体创作理念、技术解决方案、艺术表现手法等新媒体艺术创作过程有一个更深层的了解，如图12-6。

图12-6　新媒体互动设计作品《媒体密码》的原理

12.2.2　内容组织与栏目策划

作品主要由新媒体参展作品的纪录片组成，纪录片由制作团队的影视编辑组成员负责拍摄制作。经过对各个创作团队全程跟踪、采访拍摄及剪辑工作，最终制作出12个纪录短片。

由于要让作品具有一个统一的风格，影视组对纪录片的艺术形式及基本结构进行了规划，统一了整体的设计风格，纪录片的片头由展会主色绿、蓝和白色组成，视频包装设计延续了作品及展会的整体设计风格，采用方块作为基本图形元素，紧扣作品主题，如图12-7。

图12-7　《媒体密码》的美术风格

在视频结构组织上，由于希望让参观者能对每个作品的原理有更直观的认识，因此除人物采访外，还为每个纪录片制作了一组装置原理动画，希望借助虚拟动画的形式更直观地将作品的制作原理清晰地展现出来，拉近新媒体艺术与观众的距离，实现本项目的设计目标，如图12-8。

图12-8　《媒体密码》的动画运用

12.2.3　交互流程规划与互动装置设计

本作品是展会信息导视的一部分，内容相对枯燥，所以在设计互动流程时，为了提升作品的吸引力，在交互界面设计上本项目采用了二维码这一新兴媒体技术，通过二维码的识别技术实现人机交互功能。

二维码是相对于一维条码而言的，由于增加了一个维度，因此可以在横向和纵向两个方位同时记录信息，能在很小的面积内记录大量的信息。二维码提供更加安全、有效的编码手段，可用于身份认证、产品辨识、网络购票等多个领域，其最大的优点是可以借助手机等个人无线终端，进行编码传递及信息读取。目前二维码有多种编码标准，QR码和Data Matrix码都是目前较流行的编码标准。

《媒体密码》的英文是Media Code，项目名称来源于作品的二维码(2DCode)的使用，其深层的寓意则是“解密新媒体创作密码”，将每个作品的网页地址用二维码生成器生成唯一的二维码，这些二维码被制作成作品介绍卡片印在展会手册附页中，分发给每个参观者，成为展会导视的一部分。

图12-9　《媒体密码》的二维码卡片

如图12-9，每个卡片被设计成一小张，印刷时打上折痕，并在卡片左下角打一个洞，以便用户自行撕下并串成卡片册使用。本项目的交互方式主要有两种:

1.本地阅读

参观者可以选择相应作品的卡片，直接在展区二维码读卡机上读取密码，显示器便会播放所选作品的纪录片。当播放完成，系统会自动返回到开场动画，等待用户下一次选择。如果纪录片看到中间位置，也可通过再读取其他卡片，直接跳转播放其他影片。

2.远程阅读

离开会场后，用户可以用手机等可以读取二维码的设备，读取作品的相应网页地址，直接在远程通过网络观看作品的详细介绍，如图12-10。

图12-10　《媒体密码》的交互界面

场景设计组负责项目的整体场景设计，本作品是展会导视系统的一部分，为了满足参观者更好地了解展品的需要，同时也考虑到参观者的体力情况，场馆提供了舒适的座椅，所以作品设计集信息传播与休憩于一体，既满足了参观者获取更深层信息的需求，同时也让参观者得到适当的休息。作品的场景环境设计采用了相同大小的正方体块，在色彩上选用了黑白灰三色的纸质材料及白色灯箱片，深浅不同的纸盒与灯箱被吊在展区头顶，形成了一个变换的天空，造型与二维码的图片相对应，塑造出统一的视觉形象，如图12-11。

图12-11　《媒体密码》装置设计

12.2.4　软硬件技术实现

项目的软平台选择了Director交互设计工具，前面的章节已介绍了基本交互功能的程序编写方法。但在实际操作中，本项目用二维码的读取代替了传统的鼠标键盘式交互方式，所以在硬件安装及软件编写时都要加入对二维码读卡器的相关操作。二维码软硬件安装方法与流程如下:

1.选购一个二维码读卡器。

2.在电脑上安装读卡器硬件。

3.运行读卡软件，系统会自动将解码出来的信息存在一个文本文件中，如data．txt。

4.在Director中，创建影片，导入开场动画和所有纪录片到演员表中，并为所有视频文件的结尾添加线索点。

5.将开场动画导入时间线第4通道上。

6.由于Director需要通过读取data．txt文件来获取所选择的纪录片相对应的代码，因此要编写一段影片脚本，读取data．txt文件信息，用于判断播放演员表中哪一个纪录片文件。

7.为二维码读卡器进行伪装，将其装在与场景相同的盒子里，完成项目的软硬平台设计。

12.2.5　人员组成

由于每个互动项目的具体类别和设计内容有很大差别，因此团队组织时也不尽相同，可根据实际情况进行人员团队的组建。本项目的团队组织如下:

1.视频采编组:负责所有视频的采访、编辑制作。

2.装置与视觉设计组:负责项目场景设计与整体视觉形象设计等。3.软硬平台系统搭建组:负责软硬平台的制作与程序的编写。

4.基建与检测组:负责场景整体搭建及最后检测等实施性工作。

12.2.6　作品最终呈现

如图12-12所示。

图12-12　《媒体密码》作品展示效果

12.3　互动系统设计案例赏析

互动艺术设计作品的应用非常广泛，在人文艺术方面的应用体现了互动艺术设计在人文与科技结合方面的主要特征。本章节以台北艺术大学许素朱(小牛)教授指导的“ZEN—‘轻安一心’创意禅修空间研究”项目中的互动艺术设计系列作品为主。从人文与科技并融的角度，结合互动媒体科技与多媒体创意内容、公共艺术造型，建置一系列的禅修创意空间，以使参与者能将身心放空归零(“Z”ero)、“专心注意”后产生能量(“E”nergy)，并与大自然环境(“N”ature)合而为一，进而达到ZEN(禅修)的本质。通过对作品设计创意的说明和作品操作使用的介绍，让读者从听觉、视觉、触觉等感官系统直观地感受设计作品孕育的人文内涵。

12.3.1　作品一:《Zen-Circle互动禅修道》

1.作品设计创意简介

《Zen-Circle互动禅修道》的设计创意主要以曼陀罗双螺旋线的“圆形”为整体造型，以“听觉”感官为主导，其目的是让人在繁忙复杂的生活中不忘停下来走路，并“静思”，在放慢脚步与专注于每个步伐中达到身心放松，以体验生活中“动中禅”把心灵中良好的状态培育出来。

整个设计分为二种模式，其中“慢走静思”为基础版，“慢快跑香”为进阶版。“慢走静思”基础版为单人版，在双螺旋走道中设计有五个声音节点，中间为控制节点，其他为自然声响节点，并运用超音波感测行人的行走行为。“慢走静思”基础版为单人版，当参与者沿着双螺旋步道慢走前进，经过声音节点时，该节点会播放对应的自然声响，到中间点控制节点驻足静思10秒以上，禅修道将播放“静心”轻音乐，直到参与者离开，参与者在走路与静思练习后可体验与自然合为一体的心灵放松。“慢快跑香”进阶版为多人版，中间控制节点会随机发出不同的声响来引导参与者来做快走、停、慢行的专注训练，如图12-13。《Zen-Circle互动禅修道》能够让人们在繁杂的生活中，体会在动、静、快、慢等的专注状态下，经由内心的精神感悟，让人与生活环境拥有互动智慧、让身心获得和谐、轻松、智慧的能量。

图12-13　《Zen-Circle互动禅修道》的造型

图12-14　《Zen-Circle互动禅修道》的声音交互节点

2.操作说明

●“慢走静思”基础版(如图12-15)

①参与者可按照禅修道现场的箭头指示方向进行“慢走静思”禅修练习。

②在双螺旋走道中，设计有五个声音节点，第1，2，4，5点为一般声音节点内含有不同的大自然音响(依次为鸟叫、虫鸣、流水声、树林声)，第3点置于中心点，为控制节点。每个节点内硬件包含有Arduino控制器、微波传感器、Xbee无线传输、Wave Shield声音播放器、户外防水喇叭等。

③参与者行走至双螺旋线中心点并静思时间10秒以上时，控制节点将通知所有声音节点改播“静心”轻音乐;当参与者静思完毕离开中间控制点时，控制节点将通知所有声音节点恢复播放自然声响。

图12-15　“慢走静思”基础版模式

●“慢快跑香”进阶版(如图12-16)

①为多人行走进阶互动模式，让有慢步行走经验者共同参与。

②中心控制节点会自动随机发出三种声响:“短节奏连续竹板鼓声”为“快走”声响，一声短促的敲击声为“停”声响，长节奏钟声为“慢行”声响，以告知参与者作对应的快走、停、慢行等禅走练习。

③参与者能在快走、停、慢行三种模式之间互动切换，调整自我浮躁的心态，逐渐进入专心、放松的心境中。

图12-16　“慢快跑香”进阶版模式

12.3.2　作品二:《Zen-Move互动禅修道》

1.作品设计创意简介

《Zen-Move互动禅修道》的设计主要采取点的直线运动为设计风格，概念为以“视觉”感官为主导做“专注”练习。此设计共有三种模式，包含“禅定球”基础版、“自在语”进阶版、“手机跨界”远程版。本文主要介绍“禅定球”基础版与“手机跨界”远程版。在“禅定球”基础版中，参与者在第一个触摸屏上拖曳禅定球，如在25秒内拖曳完成，则禅定球会根据系统所计算出的跃越指针跨越到后面的屏幕，否则专注程度不够则禅定球会停留在原屏幕不动，最后参与者继续拖曳禅定球直到最后第十个屏幕为止。“手机跨界”远程版类似禅定球版，但是在手机上执行，参与者在手机操作禅定球练习后，手机会把结果从远程传送至法鼓山Zen-Move互动禅修道现场，当现场无人操控时也可看禅定球滑动跃越，那表示有人在远程做Zen-Move专注练习。《Zen-Move互动禅修道》主要是让人们在走道行走时可随时驻足停下来，静下心来去做一件事，以培育良好的“静动一如”心态，如图12-17。

图12-17　《Zen-Move互动禅修道》互动设计

2.操作说明

●“禅定球”基础版(如图12-18)

①参与者在第一台触摸屏前，用指尖轻轻拖曳屏幕中黑圈禅符号内的小红点，即“禅定球”。

②屏幕中央有一条横线为基准线，参与者要专注拖曳禅定球，并维持在基准线上。

③若25秒内无法完成拖曳或者拖曳时偏离基线太多，禅定球会弹回起始位置。若在25秒内完成拖曳，系统会计算出“跨越指标”，禅定球会依据跨越指针跳跃至指定的屏幕上。

④参与者需接续拖曳禅定球，直到禅定球滑移跃越至最后第十部屏幕。

⑤当禅定球成功拖曳到第十个屏幕时，系统会播放音乐声响，而禅定球将幻化消失，此时表示已完成Zen-Move专注练习，如图12-19。

图12-18　“禅定球”基础版操作过程

图12-19　完成Zen-Move专注练习视觉效果

●“手机跨界”远程版

①参与者需先下载“手机跨界”远程版的软件后，可随时随处在任何地方于手机做禅定球专注练习。

②如在25秒内于手机完成禅定球拖曳，手机屏幕会出现系统所计算出的“跨越指针”数字(即禅定球应跳跃至指定的屏幕上)。

③此时现场互动装置上的禅定球会依远程手机传来的“跨越指标”做跃越。

④参与者可继续在手机拖曳禅定球，让禅定球最后滑移跃越至第十部屏幕(“跨越指针”数字为10)，而现场互动装置上的禅定球会跟着手机传来的指标继续跃越滑动，如图12-20。

图12-20　参与者在远程操作禅定球

12.3.3　作品三:《Zen-Farm禅心农场》

1.作品设计创意简介

《Zen-Farm禅心农场》的设计是以“矩阵”排列为作品的形式风格，主要强调“心情”的平静与专注，其特点是利用人们的心跳稳定度来作为禅心农场的水源动能。作品利用回收的饮料瓶和气动水循环方式建构自动循环灌溉系统。参与者可通过心跳测试仪测试心跳，心跳稳定度越高，控制灌溉系统则会提供更多的水源来灌溉植物。《Zen-Farm禅心农场》的设计主要是引导人们做心情平静的训练，同时以“点滴净水，万物长青”的理念，提醒世人关爱自然环境，与万物和平共生。《Zen-Farm禅心农场》植物要能长青延续，参与者则需常做心静平稳的练习以持续提供水源，如图12-21。

图12-21　《Zen-Farm禅心农场》互动设计

2.操作说明

①作品左侧有一个高100cm的装置心跳控制面板座，上有一个手掌形状的触摸台，参与者可以将手轻放在触摸台上，与手形吻合。

②参与者可轻压触摸台上食指位置的黑色心跳感测仪，并保持手指稳定按压。

③当听到一声短暂的敲击声音，即表示系统开始收集心跳稳定程度的数值，时间为一分钟。

④当听到两声短暂的敲击声音，即表示系统已完成心跳的测试，即可将手从触摸台移开。

⑤系统会统计参与者的心跳稳定度，并在触摸屏幕上显示1～10级的不同稳定度，数值越高表示越稳定。

⑥心跳稳定值超过5以上则会控制灌溉系统提供水源浇灌植物。数值越高则提供的水源就越多，反之数值越低则提供的水源就越少，如图12-22、图12-23。

图12-22　《Zen-Farm禅心农场》操作方法

图12-23　《Zen-Farm禅心农场》装置设计

12.4　总结

互动设计的成功仰赖于技术与艺术的完美结合，技术在某种程度上甚至起到决定作用，作为一名互动设计师，了解各种先进技术是进行创作的前提，虽然让艺术背景的设计师来掌握所有类别的技术有一定的困难，但是借助某些辅助工具或通过学习一些有效的方法，还是可以跨越技术的屏障，迅速成长为一名互动设计师。虽然技术在某种程度上已成为互动设计的重要支撑，但作为设计师始终要明白，艺术才是互动设计的灵魂，一个没有灵魂的作品有再好的技术也没有存在的价值。

【本章思考】

1.分析互动系统设计的实施流程及方法。

2.尝试设计一个互动装置作品的策划案。