搜索
交互设计：从物理逻辑到行为逻辑InteractionDesign:fromLogicofThingstoLogicofBehaviors作者：辛向阳XinXiangyang本文已在《装饰》杂志2015年第1期公开发表，文章探讨的是交互设计研究思路的转变。这一转变不仅适用于交互设计，也适用于服务设计、工业设计等相关门类的设计，反映的正是当下对于设计的认知走向深化的普遍现象。摘要：交互设计改变了设计中以物为对象的传统，直接把人类的行为做为设计对象。在交互行为过程里，器物包括软硬件只是实现行为的媒介、工具或手段。交互设计师更多地关注经过设计的、合理的用户体验，而不是简单的产品物理属性。人、动作、工具或媒介、目的、和场景构成交互设计的五要素。传统理解的设计，强调物的自身属性合理配置，是“物理逻辑”。而合理组织行为，可称为行为逻辑。交互设计过程中的决策逻辑主要采用行为逻辑。关键词：交互设计、交互行为五要素、行为逻辑、物理逻辑经过前几年的广泛关注和不断实践，国内学术界和行业对交互设计理念的理解和方法的运用已经初显成效。尤其是当百度、淘宝、支付宝、微信、小米等一批从单一产品到整个产业链的新兴商业生态逐渐成熟的时候，设计师所服务的产业环境、工作中所关注的产品属性、设计流程以及成果评价标准都和五年前我们熟悉的实体产品设计大相径庭。在我们反思设计对象本体属性（what）、改变设计流程（how）、重新确定判断标准（why）之前，有一件很重要的事情需要阐明，那就是交互设计的对象以及设计过程中的决策逻辑。一、交互设计的对象：行为的设计交互设计作为正式的研究方向早在上个世纪六十年代就开始了。早期的交互设计主要关注的还是人与机器、尤其是与计算机的交互，其主要的目的是通过提供简单易懂的操作界面使计算机和其他新兴的数字产品能购为更多的普通用户所接受。随着信息技术的不断成熟，互联网行业的发展以及用户体验对消费决策影响力的不断增强，一时间，交互设计几乎覆盖了包括信息技术、互联网、物联网、服务与体验等不同领域、不同行业的产品研发。然而，作为一种有着广泛应用的理念和方法，交互设计依旧缺少一个相对稳定的理论框架概括其研究本体、描述它的决策规律。1、“行为的设计”与“物的设计”之区别设计在传统意义上一般被理解为造物，也就是对物的设计。交互设计则不同，是在创造“行为”，它也需要物，但只是把物当作实现行为的媒介。 1以手机为例。手机作为被消费者广泛使用的一个软硬件一体、产品与服务结合的通讯和社交产品，它的用户体验常常被交互设计师津津乐道，也往往是手机品牌和服务供应商重点关注的内容。iPhone通常被认为是交互设计成功的典范，虽然很少有人能够清楚地描述出iPhone的交互形态或者它有别于其他手机的交互特点，但我们可以从下面一个简单现象中获得很多启示。不管是设计师还是普通用户有了自己的iPhone之后，都一定会关注其中的种种界面，并喜欢向朋友和家人演示这些界面。从滑动开启界面、图片放大、自动转向、CD唱片的翻转等等。再回想一下MotorolaV3推出时的情形，从公司自身到设计师再到用户，他们津津乐道的是V3薄薄的黑色金属翻盖式外形。随后推出的V3继续保持原有的造型，并引入了不同的色彩。这个看似平常的现象，它为我们提供了认识交互设计的重要线索。人们描述MotorolaV3的时候，都是把它作为成功的工业设计的案例来着重描述其物理属性，诸如形状、尺寸、结构、色彩、质感等。但是，人们在描述iPhone时，却很少去试图描述其物理属性，而是选择去演示某个事件，譬如说浏览图片或播放音乐。再看手机交互设计的另外一个例子。图1是某型号诺基亚手机和三星手机在用户可用性方面的对比，通过信息架构可视化进行用户可用性分析[1]。该图对诺基亚（黑色标注）和三星（蓝色标注）手机的各项功能（即可实现的任务）以及实现任务的流程进行了叠加对比。中心的圆圈是手机的各项功能，沿着同心圆依次展开的是实现各项功能所需要经历的每一个操作步骤。如图所示，使用诺基亚手机拨打电话需要5个步骤，而使用三星手机则需要8个步骤；使用诺基亚手机发送短信需要8个步骤，而使用三星手机则需要（8+6）14个步骤。依此类推，可以看出两者的更多区别。因此不难理解，为什么在先前的用户感性评测中，用户普遍认为诺基亚有更好的用户体验，因为它可以使任务的完成变得更加简单，操作当然也更容易。 图 1 诺基亚和三星手机用户可用性对比 （作者：四川美院研究生，李贤；指导老师：辛向阳） 2同样是调整屏幕的亮度，在外形也很相似的情形下，苹果的iOS操作系统和Android系统为用户提供的路径却完全不同（如图2）。图中不同颜色的线条是在实际用户测试中，用户尝试过的路径。显然，iOS的路径更加便捷明了。Android系统虽然提供了更多的可能路径，却使用户在选择过程中耗费更多的时间，犯错误的机会也相应增加了。 图 2 iOS（左）和Android操作系统（右）调整屏幕亮度路径对比 （作者：香港理工大学研究生，张颍均；指导老师：辛向阳；2011）前述iPhone和MotorolaV3的用户关注点对比、诺基亚与三星的用户可用性对比、iOS和Android操作系统的对比，应该说很清晰地揭示了交互设计和传统产品设计的本质区别。交互设计改变了以往工业设计、平面设计、空间设计中以物为对象的传统，直接把人类的行为做为设计对象。在交互行为过程里，器物包括软硬件只是实现行为的媒介、工具或手段。交互设计师更多地关注经过设计的、合理的用户体验，而不是简单的产品功能。这样，消费者获得的不只是单一的产品，而是以产品作为媒介的一个完整的服务平台。交互设计和产品设计的区别如图3所示。[2]2、交互行为的五要素图 3 产品设计与交互设计的对比 早在20世纪九十年代初，RichardBuchanan教授就清晰地把交互设计的对象定义为行为，“creatingandsupportinghumanactivitiesthroughthemediatinginfluenceofproducts”（通过产品的媒介作用来创造和支持人的行为）。[3]遗憾的是，虽然这个定义明确地指出了交互设计的对象是人的行为，而且这个定义也成功地指导了卡耐基梅隆大学的交互设计学科的发展，但是这个定义并没有被更多的人、更准确和深入地理 3解。很多的人都把注意力放在用户界面，也就是媒介的影响上（themediatinginfluenceofproducts），而忽略了行为（activities）本身。当行为过程作为设计对象的时候，其属性不再是传统工业设计通常关注的诸如功能、结构、材料、色彩等物理属性。交互（interaction）是因为有了“动作”（action）和相应的“反馈”（reaction）才形成了一个回合的交互行为。这里的动作一般是指有意识的行为，当然也就有了执行动作的人、行为的目的、实现动作的手段或工具（可以是软硬件，也可能是身体的某个部位，甚至可能是外在的环境媒介）、行为发生的场景。暂且把人、动作、工具或媒介、目的、和场景界定为交互设计的基本元素或行为五要素（图4）。五要素的提出是受了文艺理论家肯尼斯.伯克（KennethBurke）戏剧五位一体和“同一”理论的启发[4]。如果说，通过改变材料、色彩、结构或功能可以获得一个新的工业产品的概念，那么一个新的交互设计概念则往往需要从重新确定参与者、定位行为动机、规划行为过程、谋求新的手段、营造新的场景和环境等角度来入手。 图 4 交互行为的五要素二、从物理逻辑到行为逻辑当设计师需要把人、动作、工具或媒介、目的和场景等五要素合理地整合到一起，去完成一个任务并使用户获得良好体验感受的时候，他所遵循的逻辑规律一定有别于产品设计师，后者考虑的主要是如何合理地运用结构、材料和色彩等物理属性去实现产品的某项功能。1、Yahoo和Flickr主页界面对比让我们再看两个互联网服务的对比，Yahoo网站和Flickr网站（图5）。为了组织复杂的信息，Yahoo主页至少同时使用了“LATCH（位置Location、字母Alph间Time、分类Category、层级Hierarchy）方法”、信息组织方法中的分类法（顶部和左侧的信息或服务板块）、层级划分（正中的视频和右上角“热点话题”）和按时间顺序排列（中间偏下的“所有新闻”）。当然了，这些还不是Yahoo主页信息组织的所有方法。作为九十年代中期起步的搜索引擎和门户网站，为了满足人们获取信息的需求，精心组织信息和相应的服务成为了Yahoo主要的任务。在这里信息的组织（比如说LATCH方法的运用）和展现（排版、视觉呈现等）类似于传统的实体产品设计中对产品功能、结构、造型、材料、色彩的优化组合，因为设计师相信经过合理组织的信息和服务是Yahoo为互联网用户服务的基础。接下来看Flickr网站。Flickr主页的设计则采abet、时 4用了完全不同的思路,中心位置“Upload”、“Discover”和“Share”三个醒目的入口显然不是按照图片的某种分类方法而设定的三个图片信息板块[5]，它们的出现是因为用户三种典型行为。来到Flickr的人首先想到的是我可以做些什么，“上传、寻找还是分享？”，而不是浏览Flickr里提供了什么样的图片。在这里，用户的行为成为了设计的对象主体，各种用户的不同行为通过用户研究以典型用户行为呈现在主页上，最大限度地契合了主流用户可能的、理想的行为路径。 图 5 Yahoo与Flickr主页对比(图片来源：网络截图)2、行为逻辑与物理逻辑如果把“合理组织行为作为决策依据”称之为“行为逻辑”，那么,“强调物的自身属性合理配置的决策依据”则可称之为“物理逻辑”。Yahoo和Flickr同样是互联网产品，尽管都强调为用户服务，反映的却是两种完全不同的思路。首先是关注对象的不同，Yahoo关注的物（虚拟的信息）和Flickr关注的行为；更重要的是，由于对象的不同，设计决策过程中依赖的是完全不同的逻辑思维。Yahoo是对信息作为虚拟物的“物”属性（分类、结构、呈现形式等等）的合理组织，它遵循的是物理逻辑；另一方面，Flickr是根据人的行为、目的和习惯来规划行为过程，它遵循的则是行为逻辑。很难简单地用Flickr的设计理念去评判Yahoo的信息组织方式，相信Yahoo的设计师也是尽可能地考虑多种用户需求，最大限度地把信息合理地呈现给了它的用户群体。同样，也很难用类似Yahoo的思维去判断和修改Flickr的设计方案，除非彻底改变Flickr，比如说用Yahoo的信息分类去把用户上传到Flickr的图片按种类（风景、人物、艺术等）、地区、时间、像素等等呈现在主页供用户浏览。如果把Yahoo和Google同样作为搜索引擎的互联网服务对比，两种不同思维逻辑带来的差异更是显而易见。当Yahoo希望把所有复杂的信息按照合理的方式呈现给用户的时候，它依赖了很多组织信息的方法和工具。同时，用户也需要在Yahoo的信息架构不同层级里去发现自己需要的信息。而Google则是采用行为逻辑，它的一键到达的模式无疑从行为角度讲是最经济合理的。很难说某一种逻辑思维有更多的优势，角度不一样，得出来的结论可能不一样。让我们看另外一个例子，是关于办公室广泛应用的复合复印机的用户体验测试。这里我们选择的是柯尼卡.美能达Bizhub751型复合复印机，实验由香港理工大学交 5互设计研究生谢彬欢在笔者的指导下完成(图6)。可以肯定，美能达的设计师和工程师一定最大限度地、合理地利用了各种复杂的机械、电子构件，配合相应的软件，在相应的成本区间内，很好地同时满足了商业用户的复印、扫描、装订等多种复杂任务。其造型想必也充分考虑了现代办公室的风格。尤其当我们把它和早期的复合复印机相比，它的功能更强大、体积更小、性价比更高。单纯考虑柯尼卡.美能达Bizhub751的功能、结构、造型，甚至价格等物的属性，应该说它很好地符合了它作为商品的物理逻辑，是一个成功的设计。然而，当我们开始考虑用户的使用体验时，很多用户发现如果缺乏使用经验或没有经过指导，即便是