汕头网站定制:我从设计AR应用程序中学到了什么

2019.08.14 mf_web

156

数字和技术领域不断变化 - 每天都在涌现出新的产品和技术。设计师必须跟踪趋势和创造性机会。一位优秀的设计师有远见,分析新技术,发现潜力,并用它来设计更好的产品或服务。

在我们今天拥有的各种技术中,有一种得到了很多关注:增强现实。Apple和Google等公司意识到AR的潜力,并将大量资源投入到这项技术中。但是,当谈到创建AR体验时,许多设计师发现自己处于不熟悉的领域。AR是否需要不同类型的用户体验和设计流程?

汕头网站定制至于我,我非常喜欢边做边学,我很幸运能够参与空中客车移动应用程序以及Rokid AR眼镜OS产品设计。我已经制定了一些实用规则,可以帮助设计人员开始创建引人入胜的AR体验。这些规则适用于移动增强现实(MAR)和AR眼镜体验。

词汇表

让我们快速定义我们将在文章中使用的关键术语:

  • 移动增强现实(MAR)提供在移动设备(智能手机和平板电脑)上体验的增强现实;

  • AR眼镜是一款可穿戴式智能显示屏,具有透视效果和增强现实体验。

1.从利益相关者那里获得买入

与您工作的任何其他项目类似,您必须尽可能早地获得利益相关方的支持。尽管多年来一直嗡嗡作响,但许多利益相关者从未使用过AR产品。因此,他们可以质疑技术只是因为他们不了解它所提供的价值。我们的目标是得到他们的同意。

“为什么我们要使用AR?它解决了什么问题?“是利益相关者在评估设计时提出的问题。将设计决策与业务目标和目标联系起来至关重要。在联系利益相关方之前,您需要评估您的产品是否具有AR潜力。以下是AR可以带来很多价值的三个方面:

  • 业务目标
    了解您尝试使用AR解决的业务目标。利益相关者总是喜欢将设计解决方案与业务目标联系起来。很多时候,企业会对可量化的数字做出回应。因此,请准备好解释您的设计如何帮助公司赚更多钱或节省更多资金。

  • 用户的乐于助人
    AR将提供更好的用户体验,让用户旅程更轻松。利益相关者欣赏能够改善应用程序主要用途的技术。想想AR给用户带来的具体价值。

  • 创造力
    AR在创造更难忘的体验和改进产品的设计语言方面非常出色。企业通常会有一个他们试图画像的特定图像,而产品设计必须反映这一点。

只有当你对“为什么AR更好?”这个问题有一个明确的答案时,你才需要与利益相关者分享你的想法。花时间准备演示文稿。眼见为实,当您为他们展示演示时,您将有更好的机会从管理层获得支持。演示应该清楚你提出的建议。

2.发现和构思

从其他领域探索和使用解决方案

无论您设计什么产品,您都必须花足够的时间研究这个主题。在设计AR时,寻找其他行业类似解决方案的创新和成功案例。例如,当我的团队为AR眼镜设计音频输出时,我们从手机上的耳机和扬声器中学到了很多东西。

使用“作为我想要的用户”技术设计用户旅程

在设计AR体验时,您应该记住的一个基本事项是AR存在于手机或眼镜之外。AR技术只是人们用来接收信息的媒介。用户希望使用此技术完成的任务非常重要。

“如何定义关键功能集并确保它对我们的用户有价值?”是您在设计产品之前需要回答的关键问题。由于以用户为中心的设计的核心理念是将用户置于中心位置,因此您的设计必须基于对用户,他们的目标和使用环境的理解。换句话说,我们需要拥抱用户之旅。

当我处理一个新项目时,我使用一种简单的技术“ 作为[用户类型],我想要[目标]因为[原因]。“我把自己放在用户的脚下,想想对他们有价值的东西。这种技术在头脑风暴会议期间很方便。与故事板一起使用,它允许您探索各种交互场景。

在“ 今天设计明天:空中客车iflyA380应用程序 ”一文中,我详细描述了我的团队在创建应用程序时所遵循的流程。设计过程的关键因素是深入了解乘客的心态,寻找有关飞行前,飞行中和飞行后最佳用户体验的见解。

为了了解旅行者喜欢和不喜欢的旅行体验,我们与空中客车公司一起举办了很多头脑风暴会议。这些会议揭示了许多有价值的见解。例如,我们发现在飞行A380之前访问机舱(从家里)是用户想要做的常见事情之一。该应用程序使用增强现实,所以人们可以探索机舱,并虚拟访问上层甲板,驾驶舱,休息室 - 无论他们想去哪里 - 甚至在登机前。

由Gleb Kuznetsov设计的IFLY A380 iOS应用程序
由Gleb Kuznetsov设计的IFLY A380 iOS应用程序。

从旅程的开始到结束,应用程序也伴随着乘客 - 基本上,旅行者想要对旅行做的一切都包含在一个应用程序中。找到你的座位是我们实施的功能之一。此功能使用AR在飞机上显示您的座位。作为一个经常旅行的人,我喜欢这个特色; 当你进入机舱时,你不需要搜索这个地方,你可以事先做好 - 从舒适的沙发上来。用户可以直接从登机牌访问此功能 - 点击“玻璃”图标。

IFLY A380应用程序用户可以通过点击“玻璃”图标来访问AR功能
IFLY A380应用程序用户可以通过点击“玻璃”图标来访问AR功能。

缩小用例

使用AR为用户解决一些不同的问题可能很诱人。但在许多情况下,最好抵制这种诱惑。为什么?因为通过在产品中添加太多功能,您不仅会使其更复杂,而且更昂贵。对于通常需要更多努力的AR体验,此规则更为重要。从简单但精心设计的AR体验开始,而不是多个复杂但设计松散的AR体验,总是更好。

以下是两个简单的规则:

  • 优先考虑问题并专注于关键问题。

  • 使用故事板可以准确了解用户与您的应用互动的方式。

  • 记住要切合实际。现实意味着您需要在创造力和技术能力之间取得平衡。

使用原型来评估想法

当我们设计传统应用时,我们经常使用静态草图来评估想法。但这种方法不适用于AR应用程序。

无法从静态草图中捕捉到特定想法是好还是坏; 通常情况下,在纸面上看起来很棒的想法在现实生活中不起作用。

因此,我们需要与原型进行交互以获得这种理解。这就是为什么尽快进入原型制造状态至关重要的原因。

值得一提的是,当我说'原型制造状态'时,我并不是指一种状态,当你为你的产品创造一个看起来和作为真正产品的抛光高保真原型时。我的意思是使用快速原型制作技术并构建可帮助您体验交互的原型。您需要快速制作原型 - 请记住,快速原型制作的目标是评估您的想法,而不是展示您作为视觉设计师的技能。

3.设计

与您设计的任何其他产品类似,当您使用AR产品时,您的最终目标是创建直观,引人入胜且干净的界面。但它可能具有挑战性,因为AR应用程序中的界面既可以输入也可以输出。

物理环境

AR本质上是一种环境媒介。这就是为什么设计AR体验的第一步是定义用户将使用您的应用程序的位置。预先选择环境至关重要。当我说“环境”时,我的意思是用户将体验应用程序的物理环境 - 它可以在室内或室外。

以下是您应该考虑的三个关键时刻:

  1. 用户需要多少空间体验AR?用户应该清楚地了解他们应用所需的空间量。帮助用户了解在开始体验之前使用应用程序的理想条件。

  2. 预计人们会在不适合AR的环境中使用您的应用。大多数物理环境都有局限性。例如,您的应用程序是AR乒乓球游戏,但您的用户可能没有大的水平表面。在这种情况下,您可能希望使用基于设备方向生成的虚拟表。

  3. 光估计至关重要。您的应用应自动分析环境,并在环境不够好时提供上下文指导。如果您的应用环境太暗或太亮,请告诉用户他们应该找到一个更好的地方来使用您的应用。ARCore和ARKit有一个内置的光估计系统。

当我的团队设计空中客车i380移动增强版体验时,我们考虑了可用的物理空间。此外,我们还考虑了交互的其他方面,例如用户应该做出决策的速度。例如,想要在登机时找到座位的用户不会有太多时间。

我们描绘了环境(在我们的例子中,它是一个内部和外部的平面)并将AR对象放在我们的草图中。通过使我们的想法变得有形,我们了解了用户将如何与我们的应用程序进行交互以及我们的应用程序将如何适应环境的约束。

AR现实主义与AR物体美学

定义环境和所需属性后,您将需要设计AR对象。创建AR体验背后的目标之一是将虚拟与真实融为一体。您设计的对象应该适合环境 - 人们应该相信AR对象是真实的。这就是为什么在最高水平的现实主义背景下呈现数字内容非常重要的原因。

以下是一些规则:

  • 专注于细节层次,并使用逼真的纹理设计3D资产。我建议使用多层纹理模型,如PBR(基于物理的渲染模型)。大多数AR开发工具都支持它,这是实现AR对象高级细节的最具成本效益的解决方案。

  • 照明正确。照明是创造真实感的一个非常关键的因素 - 错误的光线立刻打破了沉浸感。使用动态光照,反映虚拟对象上的环境光照条件,投射对象阴影以及真实世界曲面上的反射,以创建更逼真的对象。此外,您的应用应该对现实世界的灯光变化做出反应。

  • 最小化纹理的大小。移动设备通常不如台式机强大。因此,为了让你的场景加载更快,不要让纹理太大。力争最多使用2k分辨率。

  • 为AR纹理添加视觉噪音。对于用户来说,平面颜色的表面看起来是假的。当您引入撕裂,图案中断和其他形式的视觉噪音时,纹理将显得更加逼真。

  • 防止闪烁。每秒更新场景60次以防止AR对象闪烁。

设计安全和舒适

AR通常伴有“沉浸式”这个词。创造身临其境的体验是一个伟大的目标,但AR沉浸可能是危险的 - 人们可以沉浸在智能手机/眼镜中,所以他们忘记了周围发生的事情,这可能会导致问题。用户可能不会注意到周围的危险并碰到物体。这种现象称为认知隧道效应。它造成了很多身体上的创伤。

  • 避免用户做任何不舒服的事情 - 例如,身体要求严格的动作或快速/扩张的动作。

  • 确保用户安全。避免用户必须向后走的情况。

  • 避免长时间玩AR会话。用户可以长时间使用AR来消除疲劳。设计停止点和应用程序内通知他们应该休息一下。例如,如果您设计AR游戏,请让用户暂停或保存他们的进度。

虚拟对象的放置

有两种放置虚拟对象的方法 - 在屏幕上或在世界中。根据项目和设备功能的需要,您可以遵循第一种或第二种方法。通常,虚拟元素应该放置在世界空间中,如果它们假设像真实对象(例如,AR空间中的虚拟雕像)那样,并且如果它们是用于UI控件或信息消息,则应该作为屏幕叠加放置(例如,通知)。

Rokid眼镜
Rokid眼镜。

“AR空间中的每个物体都应该是3D吗?” 是从事AR体验的设计师的常见问题。答案是不。并非AR空间中的所有内容都应该是3D。实际上,在某些情况下,例如应用内通知,最好使用平面2D对象,因为它们在视觉上会分散注意力。

Gleb Kuznetsov的Rokid Glasses运动设计探索
Gleb Kuznetsov的 Rokid Glasses运动设计探索。

避免使用触觉反馈

电话振动经常用于在移动应用中发送反馈。但是在AR中使用相同的方法会导致很多问题 - 触觉反馈会引入额外的噪音并使体验变得不那么令人愉快(特别是对于AR眼镜用户而言)。在大多数情况下,最好将声音效果用于反馈。

明确过渡到AR

对于MAR和AR玻璃体验,您应该让用户知道他们即将过渡到AR。设计过渡状态。对于ifly380应用程序,我们使用了动画过渡 - 用户在点击AR模式图标时看到的简单动画效果。

修剪所有的脂肪。

尽可能多地使用屏幕来查看物理世界和应用程序的虚拟对象:

  • 减少用户在一个时刻可用的可交互元素的总数。

  • 避免在视口中放置可见的UI控件和文本消息,除非它们是交互所必需的。视觉上干净的UI可以无缝地融入您正在构建的沉浸式体验中。

  • 防止分心。限制对象突然出现在用户屏幕上的次数。任何突然出现的东西都会立即杀死现实主义并使用户专注于对象。

AR对象操纵和界定“增强”与“现实”之间的界限

在设计与虚拟对象交互的机制时,喜欢直接操作虚拟对象 - 用户应该能够触摸屏幕上的对象并使用标准的熟悉手势与其进行交互,而不是与单独的可见UI控件交互。

此外,用户应该清楚地了解他们可以与哪些元素进行交互以及哪些元素是静态的。使用户可以轻松发现交互式对象,然后通过为交互式对象提供可视指示符来与它们进行交互。使用发光的轮廓或其他视觉亮点让用户知道什么是互动的。

Gleb Kuznetsov扫描户外MAR的物体效果
Gleb Kuznetsov扫描户外MAR的物体效果。

当用户与对象交互时,您需要通知可视对象选择对象。设计选择状态 - 使用突出显示整个对象或其下方的空间,以便为用户提供明确指示它已被选中。

最后但并非最不重要的是,遵循物体的物理规则。就像真实物体一样,AR物体应该对现实环境作出反应。

相机自由设计

AR邀请用户进行移动和动作。设计或AR时的一个重大挑战是让用户能够控制相机。当您为用户提供控制视图的能力时,他们将摆动设备以试图找到感兴趣的点。并非所有应用程序都旨在帮助用户控制取景器。

Google确定了用户可以在AR空间中移动的四种不同方式:

  1. 坐着,双手固定。

  2. 坐着,双手移动。

  3. 站着不动,双手固定。

  4. 在现实世界中移动。

前三种方式对于移动AR是常见的,而最后一种方式对于AR眼镜是常见的。

在某些情况下,MAR用户希望旋转设备以方便使用。请勿使用旋转动画中断相机。

在设计AR时考虑辅助功能

与我们设计的任何其他产品一样,我们的目标是让人们可以使用增强现实技术。以下是有关如何解决实际可访问性问题的一些一般性建议:

  • 盲人用户。盲人用户无法访问视觉信息。要使盲人用户可以访问AR,您可能希望使用音频或触觉反馈来提供导航说明和其他重要信息。

  • 聋人或听力障碍的用户。对于需要语音交互的AR体验,您可以使用视觉信号作为输入方法(也称为语音阅读)。该应用程序可以学习分析嘴唇运动并在命令中转换这些数据。

鼓励用户移动

如果您的体验需要探索,请提醒用户他们可以四处走动。许多用户以前从未体验过360度虚拟环境,您需要激励他们改变设备的位置。您可以使用交互式对象来执行此操作。例如,在I / 0 2018期间,Google使用动画狐狸作为Google地图,引导用户访问目标目的地。

此AR体验使用动画鸟来指导用户
此AR体验使用动画鸟来指导用户。

请记住,动画是设计师的最佳朋友

动画可以是多功能的。首先,您可以结合使用视觉提示和动画来教授用户。例如,移动电话的动画将清楚地说明用户必须做什么来初始化应用程序。

其次,您可以使用动画来创造情感。

一秒钟的情感可以改变与产品交互的人的整体现实。

精心设计的动画效果有助于在用户和产品之间建立联系 - 它们使对象感觉有形。即使是诸如加载指示符之类的简单对象也可以在用户和设备之间建立信任桥梁。

由Gleb Kuznetsov设计的Rokid Alien运动设计
由Gleb Kuznetsov设计的Rokid Alien运动设计。

关于动画的关键时刻 - 在发现设计元素并为动画基础寻找设计解决方案之后,花费足够的时间来创建适当的动画效果是至关重要的。完成上面看到的加载动画需要大量的迭代才能完成。您必须测试每个动画以确保它适用于您的设计并准备好调整颜色,定位等以获得最佳效果。

如果我们将AR应用程序的实际测试程序与传统的GUI应用程序进行比较,那么测试AR应用程序显然需要更多的手动交互。进行测试的人应确定应用程序是否根据当前上下文提供正确的输出。

以下是我进行高效可用性测试会议的一些提示:

  • 准备一个物理环境进行测试。尝试为您的应用创建真实世界的条件 - 使用各种物理对象,在不同场景和不同光线下测试它。但环境可能不仅限于场景和照明。

  • 不要试图一次测试所有东西。使用分块技术。将复杂的流程分解成更小的碎片并单独测试它们总是有益的。

  • 始终记录您的测试会话。记录您在AR玻璃中看到的所有内容。在与您的团队讨论期间,会话记录将是有益的。

  • 测试晕动病。

  • 与开发人员分享您的测试结果。尽量减少设计和开发之间的差距。确保您的工程团队知道您面临的问题。

结论

与其他任何新技术类似,AR都有许多未知数。从事AR项目的设计师都有探索者的角色 - 他们尝试并尝试各种方法,以找到最适合他们产品的方法,并为将要使用它的人们提供价值。

就个人而言,我认为探索新媒体并找到解决旧问题的新方法总是很棒的。我们仍然处于新技术革命的开始阶段 - 像AR这样的技术将成为我们日常生活中预期的一部分的激动人心的时刻 - 这是我们为下一代设计师打造坚实基础的机会。

汕头网站定制

最新案例

寒枫总监

来电咨询

400-6065-301

微信咨询

寒枫总监

TOP