关灯
工作站之家 首页 首席设计师 查看内容
0

实操性极强设计指南:如何设计 VR 应用

摘要: 虚拟现实类的APP 要怎么设计?其实你已经可以自己动手设计了,其中所需要注意的要点,都已经汇总到下面的文章里面,实操性极强 ~虚拟现实(VR)是一种屏蔽现实世界的完全沉浸式的体验。常见的VR设备很多,包括HTC Vi ...

虚拟现实类的APP 要怎么设计?其实你已经可以自己动手设计了,其中所需要注意的要点,都已经汇总到下面的文章里面,实操性极强 ~

实操性极强设计指南:如何设计 VR 应用

虚拟现实(VR)是一种屏蔽现实世界的完全沉浸式的体验。常见的VR设备很多,包括HTC Vive,Oculus Rift 或谷歌 Cardboard。用户可以进入各种模拟真实的世界和想象的场景,比如站在一群尖叫的企鹅中间,甚至怪物的背部。

除了虚拟现实,还有其他的现实体验,比如增强现实、混合现实和扩展现实,它们为用户提供了不同的体验。

实操性极强设计指南:如何设计 VR 应用

AR、VR与混合现实的区别

增强现实(AR)通常通过智能手机上的摄像头为实时视图添加数字元素,增强现实体验的例子包括Snapchat镜头和游戏《Pokemon Go》。

混合现实(MR)体验结合了AR和VR的元素,以及真实世界和数字对象的交互。混合现实技术现在正处于起步阶段,微软的HoloLens是早期最著名的混合现实设备之一。

将传统设计与3D体验相结合

在过去的几十年里,市场为设计师们提供了大量可靠的作品,且向着生动的3D内容新范式迈进。声音、触觉、深度和感觉都是VR体验的基础,即使是最新颖的2D屏幕体验也会让人感到疲惫和过时。

VR提供了许多与真实环境训练相同的好处,但用不会遭遇现实状况下常见的各种安全风险。如果受试者感到不知所措,他们可以摘下耳机或调整体验。这意味着医疗、军事、警察等特定行业应该优先考虑如何使用VR进行培训。

就拿Skype来说吧,VR有潜力将数字工作者聚集在数字会议上,就像Facebook Live with VR一样进行实时事件报道。比起仅仅在屏幕上看到另一个人,通过VR设备你能感觉到尽管你们相隔万里,但你仿佛和他们坐在同一个房间里。

实操性极强设计指南:如何设计 VR 应用

想想当下人们是如何运用触摸屏的,我们可以通过许多例子来理解——滑动、压缩缩放和长时间轻击以提供更多的选择。这些都是可以在虚拟现实环境中进行设计的。我相信,随着越来越多的创造者进入VR领域,将会有更多的人从事全新的UI设计,帮助企业发展。

虚拟现实中的交互性由三个要素构成——速度、范围和映射。速度即虚拟世界的响应时间,虚拟世界对用户行为的响应越快越好,因为响应的即时性会影响环境的逼真度。许多研究者试图用不同的方法来确定虚拟现实交互的特征和组成部分。

然而,为了完美地做到这一点,设计师必须全面理解现实世界,这意味着他们需要对用户周围的典型现实空间进行可视化,然后在已知元素基础之上展开建构。这样做的原因是避免让用户感觉新引入的元素正在侵犯他们的个人空间。

我们应该设计什么样的 VR App?

从设计师的角度看,VR应用由两类组件组成:环境和界面。

你可以把环境想象成戴上VR头盔后进入的世界——你发现自己身处其中的虚拟星球,或者你乘坐过山车时看到的景象。

界面是用户与环境产生交互的元素,界面可以对环境进行导航,并控制他们的体验,所有VR应用都可以根据这两个元素的复杂程度沿两个轴进行定位。

在左上角的象限是类似模拟器的东西,比如上文提到的的过山车体验。它们有一个近逼真的环境,但是没有界面,你只是被锁在车里。

与之相对的象限是开发界面做得很好但环境单一的应用程序,三星的Gear VR主屏幕就是一个很好的例子。

如何着手为虚拟现实进行用户体验设计?

在你开始设计之前,认真思考以下几个基本问题也许会对你有所帮助:

用户要从哪里开始?

如何引导用户?

你是想提供详尽的指导,还是创建一个不会让用户有过多选择的极简环境?

不要寄希望于用户知道自己应当怎样做。缓慢而渐进的熟悉、视觉线索和来自软件的指导都应该用来帮助用户。当你为VR设计时,你是为人们的能力而设计,就像你为系统的能力而设计一样,所以你必须了解你的用户以及他们体验VR时可能出现的问题。

VR体验与设计web或移动产品的过程并没有太大的不同,您需要构建用户画像、概念流程、绘制线框图,制作可交互原型。

为虚拟现实进行用户体验设计的过程

虽然大多数设计师已经建立了自己设计移动应用程序的工作流或设计流程,但VR界面的设计流程还没有一个在全球范围内通行的定义。设计你的第一个VR应用程序,你应该从逻辑上的第一步开始,即设定战略或计划。

实操性极强设计指南:如何设计 VR 应用

VR用户研究:首先,在你开始考虑构建VR之前,你需要考虑你需要创造什么样的体验。当然,没有一种万全之策。大多数民族志研究策略在VR中是完全开放的,包括:客户访问、实地考察、可行性性测试、检验标准、模拟练习、影子练习、参与者观察、启发式评估、焦点小组、眼球追踪、探索性研究和日记研究。

线框图:正如平时设计师所做的那样,通常情况下我们将经历快速迭代,借助线框图定义交互和总体布局。

视觉设计:在此阶段,功能和交互已经被确定。接着将品牌指导方针应用到线框图中,构建一个美观的界面。虚拟现实应用程序的设计过程不会发生巨大的变化,除非考虑到设计过程中的可行性问题。

环境设定

画布尺寸:

要将常见的移动APP的工作流应用于VR UI,首先必须确定一个合适的画布大小。

下面是一个360度的环境被压平后的样子,这种形式称为等矩投影。在三维虚拟环境中,这些投影围绕着一个球体来模拟真实世界。

实操性极强设计指南:如何设计 VR 应用

投影的全宽表示水平方向360度和垂直方向180度,我们可以用这个来定义画布的像素大小:3600×1800。以大尺寸进行设计,算得上是个挑战,但因为我们主要关注VR应用的界面,所以我们只需专注于这个画布的其中一部分。

基于Mike Alger对舒适可视区域的早期研究,我们可以分离出对界面呈现有影响的部分。我们需要关注的区域是360度环境的九分之一。它位于等矩形图像的正中央,大小为1200×600像素。

总结一下:

「360全景视图」:3600×1800像素

「UI视图」:1200×600像素

实操性极强设计指南:如何设计 VR 应用

拿起纸和笔:在使用软件之前,先把你的想法记录在纸上。这种方式快速、廉价,并且可以帮助你表达可能需要花费数小时在软件上的想法。这一点尤其重要,因为从草图到高保真度在3D中比在2D中花费更多。

软件:一些设计师会使用已知的工具比如Sketch,另一些借此机会来学习使用新工具。重要的是要选择合适的引擎来创建应用程序。如果你正在创建一个3D游戏,你可以使用Unity或Unreal引擎。C4D和Maya也被广泛使用,但主要用于复杂的动画和渲染。


12下一页

晕倒

感动

大哭

惊呆

口水
本文作者
2019-4-2 12:19
  • 0
    粉丝
  • 116
    阅读
  • 0
    回复

关注迪恩网络

扫描关注,了解最新资讯

联系人:高经理
电话:15562103797
EMAIL:125422921@qq.com
地址:威海市创新创业大厦2702
热门评论
排行榜

关注我们:微信订阅号

官方微信

服务热线:

010-58414718

电子邮件:iws@iworkstation.com.cn

地址:北京

Copyright   ©2007-2018  工作站之家Powered by© iworkstation.com.cn ( 京ICP备08005157号|人工智能