cdc,blog,tencent design,tencen

UI设计教程 Visualization of Stamen Design Studio – 关于一个信息可 细节成就卓越——浅析iPhone用户UI设计精粹
  

  在一次交互例会上,有同学提到电影中的未来交互,引发了我的兴趣,所以收集了一些有关电影交互方面的资料,概括了一些观点,希望能引发出一些思考。
   UI设计公司

  新颖的人机交互方法 一直是科幻电影夺目的亮点之一,好莱坞的科幻大片投入了大量金钱、精力到电影的细节设计中,比如汤姆克鲁斯主演的《少数派报告》,主创团队邀请了HCI科学家参与电影制作,电影的视觉设计师特意造访 了MIT 多媒体实验室,观看了各种姿态识别的前沿技术 。斯皮尔伯格说服了John Underkoer(著名的手势识别专家)以及Jaron Lanier(“Virtual Reality”这个词的创造者)加入团队,组成了智囊团,一起脑爆2048年的人机UI。通过这些努力,电影中才呈现 出各种新奇的人机交互方法 ,所以研究这些电影中的人机交互是非常有价值的。 APP UI设计

让我看到未来的样子——浅析电影中的未来交互

深圳设计工作室

  我注意到电影中未来的用户UI其实是比较复杂 和紊乱 的,和现实中UI简单、直观的趋势是南辕北辙了。其中的原因也很简单:电影角色性格塑造的需要!复杂 的系统给人的印象往往是非常强大和先进,熟练操作这个复杂 系统相对于操作一个简单的会更让观众印象深刻。你瞧,不管UI如何复杂 ,我们的好汉 总是能熟练的操作,炫酷的UI和演员的技巧 让观众眼花混乱 。有可能一些界面发烧友会非常着迷这样的界面操作,但这肯定不是我们现实中的需要和界面的发展趋势。电影中这种复杂 的交互UI趋势其实并没有让我们看清界面未来的样子。

UI设计公司

  虽然说电影中的设计并没有真正把未来的人机交互是什么样子展示给我们,但还是能从中能看出一些交互方法 趋势。

  

手势操作 APP UI设计

  《少数派报告》中最引人注目的就是其中的手势操作方法 。汤姆克鲁斯挥动双臂到处打电话和操作视频的酷劲让我印象深刻。然而这么大的UI操作起来还真是有些问题,由于幅度较大,胳膊应该容易累吧,之后就没法做到精确的操作,而且其中还没有任何实体的操作反馈。其实现实中,目前已经有些设备中有手势操作了,比如IPhone和WII。我相信手势操作将能成为我们未来的一部分。 中国设计学堂

让我看到未来的样子——浅析电影中的未来交互 深圳设计工作室

  

眼睛跟踪UI

  如果你看过《钢铁侠》,那你肯定会有印象。当Tony Stark穿上钢铁衣后,他操作时的UI就会跟踪他的眼睛。他查看各个部件的信息时只需要去看,相对应的信息便会聚焦放大。我搞不太懂的是,系统要怎么快速断定 目光是划过这个区域还是聚焦在这里。据我所知,人的眼睛焦点在一个界面UI上并不是平滑的划过落到目标点上,而是一个点一个点伴随 短暂停留通过UI的,所以UI可能没法像电影里那样流畅顺滑。另外,有可能我们在使用过程 中由于一些其他事情打断,眼神移动就会导致正在操作的程序关闭。不过,看到过一些互动式广告的设计,有用到这样的技术 ,可能我们以后看广告不会那么乏味。

让我看到未来的样子——浅析电影中的未来交互

   APP UI设计

语音控制 深圳界面设计

  这个大家应该很熟了,手机里很早就能做到语音打电话了,IPhone能够做到更复杂 的一些操作。在电影中印象深刻的是《特种部队》中Ripcord开着夜鸦飞机追赶最后一枚导弹,当需要开火击毁导弹的时候,他却没发明 操作按钮,在千钧一发之际,通过红发女的提醒,他最终通过语音控制 激发了操作,不过电影中开了个小玩笑,这架夜鸦只听得懂苏格兰人的凯尔特语。其实《钢铁侠》Tony Stark的钢铁衣系统也是通过语音进行控制 。目前,现实中语音操作还有些问题:不能够机动 的听懂人的语言,使用者还需要记住特定的控制 词语等。不过对于手暂时不方便 或者身体残障的人,这还是非常有用的。在未来,语音控制 应该会有更广阔 的应用,会变的更智能、更易用。

让我看到未来的样子——浅析电影中的未来交互

   深圳界面设计

立体/全息UI

  《阿凡达》和《第九区》你应该看过了吧。《阿凡达》中杰克在和自己的“阿凡达”连通时,工作人员可以通过一个3D的UI直接看到他脑子各部分的活动图像,可以随时发明 异常。

让我看到未来的样子——浅析电影中的未来交互

  在《第九区》中,外星飞船的驾驶使用的是一个全息的操作UI。这样UI非常有利于航行操作,它能够自动的从界面上区别内容的重要度,断定 把那些当前有用信息的呈现 在眼前,无用的暂时暗藏 。这个UI不能算做是3DUI,两层信息层间是有前后的空间关系,但每层的信息是平面的。在这样的使用情境下,此种信息呈现 已经适用,如果为了炫酷使用3D,我想可能会形成干扰,弊大于利。3DUI用在地图、工业模型等多维度展示时应该更合时宜,这个在《阿凡达》中地图呈现 和《钢铁侠》中钢铁衣的设计过程 中均有表现。 界面设计

让我看到未来的样子——浅析电影中的未来交互
让我看到未来的样子——浅析电影中的未来交互
让我看到未来的样子——浅析电影中的未来交互

UI设计

   深圳设计工作室

透明用户UI

  透明UI在最近的电影中几乎都有呈现 ,例如上面提到的几部:《钢铁侠》中钢铁衣的操作UI;《阿凡达》中技术 人员使用的环形透明显示屏幕;《第九区》中主人公威库斯驾驶的机器人操作UI和外星飞船的操作UI都是透明的。透明UI真的很酷,目前已经有厂商推出了透明屏幕的笔记本和手机,不过这个应该不能成为未来一个主要的UI交互方法 。由于透明,UI上的元素很容易被背景中的事物干扰。不过作为飞行 器的操作UI是合适 的,可以把当前的用户UI叠到后边的自然实景中。

让我看到未来的样子——浅析电影中的未来交互 深圳UI设计

  

  不知不觉讲了这么多,其实除了以上这些,还有很多值得关注的点,比如《第九区》中威库斯驾驶机器人时,没有任何动作和语言,估计 这个操作是脑电感应控制 ,现实中也已经有了这样的实际应用,比如控制 轮椅,下棋等等。如果大家有兴趣,可以多多讨论,期待看到你的分享:)

参考文章:
http://www.uxmag.com/design/what-movie-uis-say-about-the-future

  • (本文出自Tencent CDC Blog,转载时请注明出处)
  • Visualization of Stamen Design Studio – 关于一个信息可 细节成就卓越——浅析iPhone用户UI设计精粹
    Copyright © 2005-2010 MOMOSJ. 深圳墨默交互设计 版权所有
    粤ICP备09189706号RSS订阅