Facebook 360 的设计师,分享其设计思路与经验心得

Facebook 360 的设计师,分享其设计思路与经验心得,第1张

Facebook360的设计师,分享其设计思路与经验心得

接下来,去翻译。

VR设计部门的重要任务就是亲自给你展示智能体验。大家坚信,改进3D显示的叙事和体验方式,可以把人和情境,甚至人与人之间的关系引向更深的层次。

如今,所有服务平台的脸书已经展示了360照片和视频的适用性,客户发布了超过2500张360 h/]照片和超过10万个360视频。虽然总数令人震惊,但这类内容比较分散。你很容易在提要流中错过它们,甚至戴上VR 后也无法在导航栏中访问它们。

Facebook360

在过去的几个月里,我(英文全文创作者)所属的精英团队一直在为脸书360开发设计方案。它是一款面向三星GearVR 的产品,致力于将脸书服务平台上的360照片和视频以更具沉浸感和可发现性的方式呈现给客户。这也是脸书首次为VR 服务平台打造单独的app产品。

脸书360提供一站式沉浸体验。您可以集中访问您关注的朋友或主页发布的所有全景照片和视频,您可以探索许多有趣的全景内容。

所有应用程序分为四个部分:

发觉:媒体公司、精英团队或本人创作者公布在Facebook上的这些最受欢迎的360°内容所有汇聚在此。关心:你一直在Facebook上关心的朋友或首页所公布的360°内容。个人收藏:你一直在Facebook手机端或桌面上端app之中个人收藏过的全部360°内容。时间线:你所共享过的360°照片或视頻将在这儿以时间线的方式展现,对你来讲好像记忆力流一般。

大家关注的焦点是如何打造一套既能体现客户在传统服务平台上多年习惯性应用,又能灵活运用新平台沉浸特性的VR体验模式。每周都会召集一些不同领域的客户进行测试,从始至终都在按照这种方法不断认证我们的想法和方案设计。

与传统式服务平台的相互依存

在产品设计的整个过程中,人们已经越来越意识到,在传统服务平台上访问基于脸书的360°内容的体验场景与在VR中完全不同 。每天大家都会用手机或者台式机浏览几次脸书,娱乐性更强,而VR 应用个人行为延迟更长,应用意向更成立;一般人们会选择一个时间段专业外出进行沉浸式体验。

另外,我们还发现,虽然我们很喜欢360 h/]的内容,但是拿着手机上下看还是很麻烦,尤其是在公共场所。脸书360 中的部分“个人收藏”就是为了更好地处理这个问题而存在的——当你在手机上浏览脸书时,你可以在feed流中个人收藏360 的内容,然后根据VR机器和带有脸书360 的设备方便地浏览这些内容。这样大家就不容易因为日常情况的困扰而错过自己喜欢的360内容。

它是一种传统3D媒体和VR自然环境相互合作、相互依存的绿色生态系统——每个人都没有必要也不可能在日常情境中改变自己的行为模式,只要按照特殊的方法正确引导他们在更便利的情境中获得更沉浸式的体验。

另一个总体目标是根据脸书360帮助你找到大量高质量的内容。因此,我们设计了“发现”页面,这里汇集了脸书所有受欢迎的360内容。你也可以一边看一边关心创作者,慢慢就能得到很多自己非常感兴趣的内容。

设计理念

在脸书360的设计过程中,我们自始至终遵循了以下五个设计理念:

1.主动式的沉浸化体验

根据测试发现,大部分GearVR客户不会在站着的时候应用机器设备。他们通常坐在布艺沙发或床边进行应用,他们表明,基于触摸面板的长时间实际 *** 作会让人感到非常疲劳。这一发现对脸书360的导航栏和交互系统的设计造成了致命的伤害。

比如很多商品都要在内容和细节之间不断变换,这对于VR来说是一个严重的交互难题 。大家的解决方案是,如果你访问了今天的360 h/]照片或视频,系统软件会自动帮你切换到下一个内容,你不用进行所有的返回列表的实际 *** 作。这种方法就像一个无缝叙事的ppt。很多时候,你不用手动进行复杂的实际 *** 作。找到最舒服的姿势,就能沉浸在内容中。

在发现、关怀、个人收藏、时间轴的主网格视图中,可以盯着点击所有缩略图卡片进入浏览模式;如果你觉得内容很好,还可以盯着这个卡片上的任何地方按,以此来唤醒内容的交互选项,或者根据盯着点击内容介绍来点击查看信息内容。

2.多种多样交互技术

在允许的条件下,每个人都会为每个实际 *** 作设计补偿性的交互技术。这样,每个人都可以选择最舒适的方式来执行基本的日常任务。

比如在网格图的主视图中,盯着内容区的上下两边就可以访问大量的内容,还可以点击虚拟导航栏按钮或者在机器的触摸面板上前后左右拖动。

3.根据景深效果加强信息内容等级

长期以来,大家习惯于自上而下、自左而右的信息内容层次整体规划。众所周知,在VR的自然环境中,视线焦点中的元素自始至终拥有最大的优先权;此外,距离自己较近的物体比距离较远的物体更容易引起关注。因此,我们必须灵活运用景深效果这一因素来构建VR页面的信息内容层次。

在具体的设计过程中,我们发现在栅格地图主视图中浏览一张卡片的内容时,景深效果的动态变化可以产生一种“透过窗户凝视另一个世界”的感觉。这种体验符合VR自然环境下顾客的心智模型,因此有利于提高新媒体产品的吸引力。

实际的方案设计是让内容卡片随着客户主要表现出来的交互主观因素动态改变在Z轴上的位置。默认情况下,卡片与主视角的距离为6 米;如果盯着这张牌看,距离会小到5米;当个人行为被点击后,距离会进一步缩小到4 米,然后视野就可以聚焦在卡片上的数据库。每一个音程变化都会通过流畅的动画效果来进行。

我们发现,根据结构的景深效果,帮助我们认清自己与页面元素中间位置的关系,更容易让我们进行页面导航条的实际 *** 作。

4.提升互动关键点

我们投入了大量的精力来完善凝视交互关键点的设计方案。尽可能的保证客户在整个申请过程中感到舒适和放松。只有在绝对必要的时候,他们才必须伸出手,按照机器设备上的触摸面板,高精度地进行实际 *** 作。

例如,如果你凝视的焦点已经移动到一个交互元素,对准中心将自动吸收它,因此你可以专注于整体目标,而无需非常精确地 *** 纵你的头部运动。这样的关键点或许不值一提,但却可以将每次凝视交互的成本降到最低,效用的累积增加可以提高所有商品的应用舒适度。

5.随时随地根据具体机器设备开展认证

在创造脸书360 的整个过程中,我们很荣幸被各个领域的朋友应用。他们从头到尾都参与了研究和测试,大家一直在稳步推进设计进程。好几个月了,每个人每周五都会找一些科目。他们中的一些人根本没有尝试过 VR,而另一些人则精通此道。作为室内设计师,我们会验证我们所知道的心智模型和常见的应用场景,包括方案设计中的信息架构和交互方式是否有效。

在这段时间里,大家都意识到原型制作是VR设计过程中不可或缺的关键环节。很多时候 3D设计平台上不言而喻的项目,会根据三维 机器设备的具体经验变得复杂。这几个月来,大家对快速做出样机,然后根据具体的机器设备进行认证的设计方法越来越熟练了。在最后的环节,大家甚至根据具体的数据信息,用驱动创建了一个极其详细的高保真音响原型,以尽量在互动交流方式和视觉效果风格上达到具体商品的水平。该原型的适用范围为技术工程师提供了更准确的参考总体目标,帮助他们更合理地恢复设计方案。

作为一个产品设计师的精英团队,我们真的很高兴看到你可以根据脸书360更沉浸地体验这些精彩的全景内容。对商品进行持续改进和迭代更新是我们长期的总体目标。

作者:加布里埃尔·瓦尔迪维亚

全文地址:中等

译者:C7210,网页设计师,UX设计爱好者,VR探索者,翻译,猫奴,吉他手,鼓手,是腾讯官方公认的上海人。

翻译地址:微信公众平台【BeForWeb】

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/zz/780891.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2022-05-04
下一篇 2022-05-04

发表评论

登录后才能评论

评论列表(0条)

保存