分享

设计资讯:超越屏幕的交互设计?来看看AR & 空间交互设计!

 叨叨道 2022-05-16 发布于河南

UI & UX

Article:2022/05/16

图片

您是否曾体验过Just a Line这款有趣的应用程序?

它是第一个使用 Google Cloud Anchors 库在同一 AR(增强现实) 空间中实现跨平台协作的增强现实产品,可以让您在增强现实里的任何地方画一条线。

图片

设计师可以使用AR应用程序,通过更直接、更个性化、更有趣的设计,让用户在自己的环境中更贴近产品体验

图片

关于AR基础概念问题可参考下方往期推文:

增强现实(AR)到底如何应用于交互设计?

图片
图片

AR 现状

人们在以越来越快的速度采用AR(增强现实)技术,全球AR市场规模预计将从2021年的61.2亿美元扩大到2028年的977.6亿美元,复合年增长率为48.6%。在这种情况下,增强现实设计起着至关重要的作用。

这种前所未有的增长为设计师提供了一个独特的机会,让他们能够利用AR,在自己的细分市场里从其他解决方案中脱颖而出

图片

但AR从科幻小说到现实的实际飞跃需要设计师一定程度的技能提升和冒险能力,才能站在AR创新舞台的中心。

UX和UI设计师在AR产品开发的早期阶段具有独特的专业技能了解用户需求和期望、设计流程和交互、打造令人愉悦的用户体验都有助于创建有效的增强现实解决方案

AR设计时良好的UI/UX实践

1. 使用半透明的UI元素

图片

安全必须放在第一位!

用户经常在移动时使用 AR 应用程序,所以不要让虚拟对象挡住用户的视线,UI 元素应尽可能透明;

然而,还有另一个重要方面需要考虑——可读性!如果您使用透明的 UI 元素,当背景太暗或太亮时,您放置在其上的文本或图标可见度可能会太低。

如何将这两者结合起来?——使用半透明的虚拟元素。这样用户将看到背景和文本!(请注意不要使用太多模糊效果,人眼在聚焦较近的物体时会自动模糊背景。)

图片

TIP:通过尝试发现,当 UI 使用黑色 (#333333) 文本使用白色时,80% 是安全的不透明度水平!确保能够保持良好的对比度、背景中的形状在所有条件下都可见。

2.扫描环境时的良好用户体验

图片

扫描环境的过程需要提供良好的操作说明,如带有描述性的标题、适当的图标、指示平面的圆点等额外的帮助。所有这些都应该包括在内,因为我们基本上是在创建一个新的虚拟世界

但是,希望您也注意到一些可能出现的问题,比如:没有背景的白色文本(如果用户正在扫描白色桌子怎么办?);字幕消失得很快,没有返回操作(对于 7 到 10 岁阅读速度还不是很快的孩子来说,这绝不是一个合适的解决方案)。

3.明确过渡到AR

图片

使用视觉效果让用户知道他们即将从2D 屏幕过渡到AR

您可以设置一个按钮,例如AR 图标,让用户自己触发启动;也可以将用户轻轻带入您的AR环境,使用简单的过渡,如动画或淡入淡出。

AR设计时超越屏幕的思考

不要用矩形框来限制自己

UI 和 UX 设计师很自然地容易在一个盒子里开始构思,当我们为移动设备设计新的数字体验时,我们通常会在屏幕框架内进行绘制。虽然这种方法适用于常规应用程序,但不适用于 AR。为什么?因为这样做,你就创造了界限,而这些界限会下意识地限制你的创造力

AR 的伟大之处在于它不仅限于设备屏幕设备屏幕变得更像是我们用来看世界的窗口。这就是为什么我们应该打破盒子,将界面视为灵活的窗口而非限制的框架

比如:推动用户探索屏幕外空间

图片

使用视觉或音频提示鼓励屏幕外探索。视觉提示可以促使用户探索他们周围更强大的AR 世界。例如让一只鸟飞离屏幕,直到用户跟随它。这个动作可以帮助指导用户完成预定的目标。

超越屏幕:空间

空间作为交互设计的媒介

如今,计算机已经渗透到工作环境中,以至于几乎没有工作可以不用它们。然而,在这个过程中,通过声音、触摸和空间交互来理解世界的丰富连续体已经被扁平化为通过鼠标或触摸交互操作的玻璃后面的图片

增强现实、图像识别和空间计算等新技术的发展为计算机作为设备消失并成为环境的一部分提供了机会。这使我们能够重新思考我们的身体是如何融入知识工作的。为了成功做到这一点,我们必须放弃为平面屏幕世界开发的设计概念,重新开始设计空间交互

这里分享一些案例来启发大家的思考:

图片

Amazon Go无人超市

图片
图片
图片

电脑已经消失在这个环境中,只剩下你进入商店时需要扫描的二维码。

这是一个专为对象操作而设计的空间,它甚至可以让您动态地探索场景,让您可以在购物袋中添加和删除物品,满足您的需求。

图片

Dynamicland

是一个非营利性研究实验室,它构建了一种新的计算媒体,人们可以在其中使用真实物品而不是屏幕来一起工作。它旨在使 Bret Victor 在他关于思想的人道表现的演讲中讨论的许多概念成为现实。

每张纸片都具有计算机的功能,同时仍然是功能齐全的纸片。

图片
图片

实现纸的普及可能是计算未来的最高目标。它价格便宜,用途广泛,无论您将其折断、折叠或丢失,您都可以随时拿起一张新床单重新开始。

总结

设计AR (增强现实) 体验需要 UX 和 UI 设计师之间的密切合作,为用户创建直观且引人入胜的产品。UI UX 和 AR 的结合对于设计师来说是不可或缺的,它们是互补的,它们对设计过程的不同方面的关注使得它们都是成功的 AR 产品所必需的

通过重新设计我们与计算机交互的方式,我们可以重新唤醒我们沉睡的社交、空间和身体技能,以帮助我们解决复杂的问题。

随着 AR 技术变得更加精细,对良好 UI/UX 设计的需求只会变得更加重要。通过将计算、身体和空间结合在一起,我们可以开始探索空间交互设计如何创造未来。

    本站是提供个人知识管理的网络存储空间,所有内容均由用户发布,不代表本站观点。请注意甄别内容中的联系方式、诱导购买等信息,谨防诈骗。如发现有害或侵权内容,请点击一键举报。
    转藏 分享 献花(0

    0条评论

    发表

    请遵守用户 评论公约

    类似文章 更多