交互体验设计

——“北滘设计沙龙”第48期

 

  主讲人:费俊

  中央美术学院副教授、艺术家、交互北京创始人。现任教于中央美术学院设计学院数码媒体工作室,担任交互艺术与设计专业方向研究生导师,曾就读于美国阿尔弗雷德大学艺术与设计学院电子综合艺术专业并获得硕士学位。作为以数字媒体进行创作的艺术家和设计师,他的作品曾在国内外画廊、博物馆及艺术节上多次展出。他的艺术研究及实践涉及数字艺术、交互艺术、体验设计、交互设计、界面设计和电子出版等多个领域。

 

  一、交互式出版物设计

  数字出版的两个核心价值:一个是通过数字技术创造一种新的体验,这种体验是数字出版物本身的价值,简单的数字化的出版物不是好的数字出版,如PDF或通过其他开发技术把传统出版内容数字化的出版物,将很快退出市场,因为不能更好地服务,而人们将在新的出版阅读上有所期待。另一个重要的价值是,我们不仅通过数字化出版物改变体验,还利用数字化的契机来创造新的内容、提供新的价值,这个也是数字化的终极目标。 

  数字化为出版带来四个方面的改变:

  第一,传统出版转向跨媒体出版。在相当长的一段时间,会形成由传统的纸媒、网络媒体、移动媒体、电视媒体共同交织的跨媒体的传播途径。一个好的内容会以不同的形态在不同的媒体上出现,即“不同的媒体+ 不同的表述方式”。有一个内容,在手机上能查到,在家里的电视里看到,在办公室的报纸看到,这其实不是真正意义上的跨媒体出版,这只是把内容丰富到部分媒介,真正的跨媒体出版是基于不同的媒体和不同的表述方式。例如,你白天在办公室里看到杂志上的一篇娱乐新闻,可能回到家里在电视上并不愿意再以文字阅读的方式去了解,你希望人物的专访以电视节目的形式出现。

  第二,由内容为王转向服务为王。什么叫“内容为王”?内容是媒体的核心。但进入到数字化年代,光有好的内容还不够,还应全面开发基于内容延展出来的信息服务。例如,时尚杂志里面有很多美丽的产品图,有的读者在看到这些产品的时候,希望了解更多有关产品的信息,甚至想买这样的产品。传统媒介很难提供专业的信息服务,如何挖掘用户更深度的需求,同时用技术的方式满足多维度的需求,这本身也是向服务转变的趋势。另外,出版内容可以衍生很多产品,如游戏、电影。现在很多小说改编成电视剧或电影,还有很多内容可以以其他的形态产生价值,所以衍生品是未来出版物很重要的一个发行方式。

  第三,单向传播转向编读互动。人们使用“微信”的时候能很深刻地体会到什么是互动,为什么朋友圈之间能互动,编辑跟读者之间就不能互动呢?如果一个编辑能够了解读者对内容的需求,会深远地改变内容的生产方式,甚至改变编辑部薪酬的发款方式。大家已经能够看到这样一些例子:定制化阅读、社群化阅读、阅读分享、编读互动。即,内容不再是以简单的方式生产出来,而且内容生产出来以后,必然可以触发作者、编辑、读者之间持续有效的交流和互动,同时也能激发读者跟读者之间的互动。比如同样是《红楼梦》的粉丝,可能会利用这样的产品来共同分享对《红楼梦》的理解和看法,这些在技术上已经变得可能。

  最后一个,静态呈现转向动态表现。越来越多的数字出版物使用音频和视频,这些多媒体的形式,可用“富媒体”来进行概括,因为“多媒体”其实是一个比较传统的概念,主要用来描述语音的媒介形态。而现在的媒体远大于语音能囊括的,如个人游戏、虚拟实景、增强现实等,“富媒体”更能描述媒体的多样性。

  由此可见,所谓的交互式数字出版物的概念,核心上有两个重要的观点:第一个观点是内容和体验之间的关系,内容固然重要,基于内容也应为读者开发出新的体验,这种体验可描述为,从阅读到多感官体验的转换,即,从传统的“读”和“看”转换为“听”和“触”、“吹”、“摇”甚至“吻”等复杂的感官体验。第二个是使读者跟用户身份转换,人们从简单的阅读到多维度的需求,读者从“读”的需求,扩展到“玩”、“用”、“买”、甚至“分享”等多维度的需求。

 

  1、交互式数字杂志形态

  交互式数字杂志代表了一种趋势,很多企业和品牌开始利用数字杂志做品牌宣传和用户建设的工作。以前,像“大众”等品牌,会有企业内容的考虑,方向非常少,品牌的所有推广宣传都是通过其他的媒介(如汽车杂志或电视台)进行传播。现在,他们意识到,很多钱花出去,无法测量真正的广告效率,而且感觉永远跟用户之间隔了一层,并不知道读者在哪、真正的用户在哪,所以他们尝试建立自己的所谓“企业式媒体”——由企业自己来运营的媒体。恰恰像基于iPad和iPhone这样的移动互联网终端,给很多企业(无论大企业还是小企业)提供运营自己媒体的机会。相对来说,成本非常低,复制成本几乎是零,而且在常态化的出版过程之中,不断累计自己的用户,不断加强和用户间的联系,甚至很多企业会利用这个平台进行营销,形成很重要的沟通。

  在手机上做一个杂志是很困难的,因为屏幕非常小,处理的信息非常有限,能不能在手机上做出一本保持杂志排版特点和奢侈感的应用?怎样在保持浏览的同时还能给每个画面足够的张力?我们都做了尝试,比如说,一双鞋的图片,通常搭载的是杂志的软性广告,点击不仅能进入产品本身,还可以知道从哪里买到。这实际上是利用互联网终端的特性,利用地理位置的概念,再为用户提供更进一步的服务,当然如果需要,可以和电子商务粘在一起。

  有一类内容,是完全按照新媒体杂志的策划和设计来进行拍摄的,是介于图片和影像之间的形态,既具备大片的图片美感同时又具有动态的感染力。

  数字杂志还可以给用户自己定制封面的可能性,如果觉得好还可以分享出去,这不仅仅给用户带来杂志的互动,同时帮助杂志本身推广它的数字化产品。

  国际上比较有特色有代表性的交互设计杂志有Wired、Project、Flipboard、The Early Edition、Astronant、POST等。

 

  2、交互式数字图书形态(案例)

 交互体验设计

《13号列车》iPad界面

  《13号列车》是iPad上的一个应用,里面有很多章节,读者不可能从第1章看到最后,中间设置了很多任务,读者作为一个侦探,找寻谋杀案中的嫌疑人,找到相关的证据,找到凶犯是谁。它实际是把类似于探案类的游戏跟电影做一个结合,让体验变得非常有意思。你还能根据嫌疑人提供的信息来了解故事的进展。

 

交互体验设计

《故事星球》iPad界面

  《故事星球》是我们做的一个实验项目。大家都有一个体会,在学历史的时候,是先学中国历史,后学世界历史,其实搞不清,张骞在这边出塞的时候欧洲那边发生什么事情,很难在感性层面建立知识间的关联。有没有可能做一个更加物化更加可视化的知识结构方式,使人们更容易进行交互,更容易理解故事跟故事之间的关联,让下一代在学习历史的时候能用非常有趣的方式理解历史?这个地球可以切换成不同时代(15世纪或13世纪、史前时代等等)进入到具体的某个故事。

  Morris、Bullseye、Monster1、Little Fox、Operation Ajax、Numberlys等iPad交互式数字图书都具有较高品质,可作参考。

 

  二、交互式教材设计(案例)

交互体验设计

“Healthe Body”iPad界面

  Healthe Body是关于人体内部生理卫生的游戏化教材,左边是人的胃,右上角是肾脏,右下角是肠,给了你很多任务,比如肠堵,就要想办法进入到肠道清堵。利用非常有趣的方式让青少年理解身体如何运作。

 

交互体验设计

《CAFA艺用人体解剖》iPad界面

  《CAFA艺用人体解剖》是我指导的一个科研项目,将基于中国人的骨肉进行重新数字化,把解剖这样一个枯燥的课程,以有趣的方式重新呈现出来。

 

  三、移动应用交互设计(案例)

交互体验设计

奥迪移动导航应用程序界面

交互体验设计

交互装置<奥迪互联城市>2012

  Audi Connect是我参与的跟奥迪合作的应用产品,是“奥迪互联”的意思,2010年开发,是一个基于用移动客户端和车载导航之间进行互联的一个产品。核心概念是,把导航和人们的社交生活结合在一起,不仅满足移动、满足车载驾驶生活,还能在移动中与朋友进行交互。

 

交互体验设计

《印工坊》iPad界面

  《印工坊》是为了普及藏族文化,用户可以自己定制印章,最终通过3D打印和3D雕刻的方式实现出来,实际上这些都在改变传统的产品制造模式。

 

交互体验设计

《北京城门》移动应用界面

  《北京城门》是针对文化遗产的项目,在北京,城墙已不复存在,已被拆掉,改成现在的二环路。通过这个应用,用户能够了解到城墙的历史、结构。关键是能到现场,利用增强实境的方式,看到城墙原来的样子,像海市蜃楼一样出现在遗址上。

 

  四、交互式广告设计(案例)

  广告不再是一个简单的平面,或者电子广告,它是被糅合的。

 

交互体验设计

Jeep牧马人360全景展示

  《Jeep牧马人360全景展示》里的吉普车是三维的,用户能从多角度理解。

 

交互体验设计

Pt铂金整合营销案例

  《Pt铂金整合营销案例》强调用展示的版式把富媒体糅合在里面,上面有个视频,这是杂志的排版,每帧播放时依然保持美感。

 

  五、网站交互体验设计(案例)

  尽管大家认为网站是刚刚退出历史舞台的一个媒介形式,但其实网站发挥着非常重要的作用。因为它不像移动客户端,它其实能承载更多的内容。

 

交互体验设计

吾号网站交互设计

  在此我很荣幸跟大家分享一个刚刚开发出来的网站,还没有完全上线,这是被称之为“体验式网站”的设计概念。“吾号”是北京的一个设计品概念店,地点在一个院子里,通常门是紧锁的,进入里面,有个花园。做网站的时候,我们希望能将这种层进式的体验呈现出来。

  我们分了四个季节,春、夏、秋、冬,通过五行的方位进行划分。以春天为例,我们用了意象的方式重构场景,里面有许多可以交互的元素。比如说一件衣服,用鼠标抹擦,能得到不同的颜色。而且有时间穿越的功能,我可以从今年的春天穿越到去年的春天,给用户提供了四个时间轴,是纵向的。在四年里面,院子里的大门有过多次变化,我们把四年拍下来的图片做了一个交互式的处理,当鼠标移动时,在同一个空间,可以看到变化的过程。里面有一个基于中国元素的壁纸设计,有很多不同的色彩和图案,让用户自己体会和探索,通过鼠标点击的方式了解不同图案之间的构成。

 

  六、空间交互体验设计(案例)

 交互体验设计

《屯里的那点事儿》装置场景

  《屯里的那点事儿》是我早期的一个作品,交互的方式非常简单,用户通过手机短信的方式,可以跟大屏幕进行互动,可以选择角色,与其他的角色进行聊天,可以触发一些搞笑的动态。有些角色是大家很熟悉的,有政要,如布什等。在公共空间做类似于论坛的项目,我们用非常娱乐化的态度,用游戏的方式。事实证明,人们在这种氛围里,用很智慧的方式来表达自己的观点。

  《故宫掌上陶瓷馆》是为故宫陶瓷博物馆做的一个项目,首先我们分析了三种观众类型,有走马观花的,有专门去了解陶瓷的,还有一类是专业观众。再把所有内容基于这三种时间经度重新整合,给用户不同的需求提供不同的内容。整个参观体验是由虚拟的掌上陶瓷馆和应用程序组成,同时又有现场的装置共同构成的博物馆体验。它可以通过识别的方式直接识别到实物本身,获得三维影像、各个面的图案,可以分享到社群里。通过时间轴可以进入到不同经度的地区。当你靠近陶瓷馆的时候,还可以通过客户端了解它的历史。

 

交互体验设计

透明触摸屏

  通过“透明触摸屏”,控制圆圈和点,旋转陶瓷,可以了解其背后的故事,看细节和分享。

 

交互体验设计

瓷器碎片还原桌

  通过“瓷器碎片还原桌”的功能,移动面板的时候,可以看到瓷片还原以后呈现出来的效果,帮助观众理解瓷片本身的面貌。

 

交互体验设计

电子说明牌装置

  交互式的装置也会遇到许多具体的现场的困难,其中一个是,现场的电子说明牌,由于环境太暗,很多人经常撞上去。为它设置了这样一个灯光装置,当人靠近的时候,它有一个忽明忽暗的微弱灯光。一方面使它更美,另一方面解决了现场的安全隐患。

 

  七、交互体验设计拓展(案例)

交互体验设计

姿态云

  《姿态云》项目做了一个挺大胆的尝试:通过互联网技术,在地球的一端控制地球的另一端,观众模仿左边屏幕提供的动作,就能点亮右边屏幕所在地点的灯,这是互联网给人们带来的更有想象的可能性。基于网络的远程控制,甚至针对物理性的控制,是非常有趣的领域。

 

交互体验设计

智能生态氧泡

  《智能生态氧泡》也是利用交互技术刚刚创造出来的项目。看到这样一个球体,左边的数据是有关PM2.5的,250表示户外污染程度,028表示氧泡里的净化效果。里面是怎么净化的呢?里面有三台自行车,当你锻炼的时候,它能发电,从而驱动里面的空气净化柱,同时里面的植物也能起到很好的净化作用,形成生态氧化的空间。某种意义上,这也是通过交互,通过产品、数据可视化等技术结合起来形成的产品。

 

  交互设计,绝不是简单做界面,为空间提供识别设计、体验设计服务的学科,它其实可以成为产品创新的重要方法,当你用交互设计的方式去做任何产品的时候,是了解用户使用需求最好的一个路径。

 

(文字根据录音稿整理而成,图片由费俊提供)

赞(0)
未经允许不得转载:广东工业设计城 » 交互体验设计
分享到: 更多 (0)

评论 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址