探索未来工作新方式!钉钉 Vision Pro 版设计实践

前言

作为承载着逾 7 亿用户的数字化办公协作旗舰,钉钉已进化为一个功能强大的综合性平台。如何巧妙地让钉钉在 Vision Pro 的广阔天地中轻装上阵,并充分展现其沉浸式体验的独特优势,无疑是一项颇具挑战性的设计实践。

面对全新挑战,设计理念上,一方面进行信息降维,聚焦在 IM 沟通协作、音视频、直播,三个能最大化发挥 Vision Pro 沉浸感体验的用户刚需场景做深做透;另一方面通过精炼的设计表达、极具氛围感的交互方式,以及如临现场般的用户体验设计,让用户能够在钉钉 Vision Pro 版的世界里沉浸高效的协同,感受未来工作新方式。

所以钉钉 Vision Pro 版将以何种面貌呈现?设计如何帮用户平衡沉浸与高效?如何让用户似曾相识却又耳目一新?接下来,让我们先睹为快,一同探寻这体验设计背后的创新思维与匠心。

探索未来工作新方式!钉钉 Vision Pro 版设计实践

一、似曾相识却又耳目一新

Apple Vision Pro 是一台革命性的空间计算设备,它将数字内容无缝融入真实世界,我们希望在这款颠覆性设备上,探索未来的同时打造一个让用户感到似曾相识的界面,旨在降低用户对新设备的学习成本,使他们能够毫不费力地快速上手。

然而,当涉及到界面的细节处理和交互设计时,我们追求创新,力图让用户体验到前所未有的新鲜感,确保产品既具备亲和力又体现尖端科技,完美迎合果粉用户的高标准需求。

探索未来工作新方式!钉钉 Vision Pro 版设计实践

1. 框架布局的延续与重塑

用户的注意力在空间中容易分散,为此,我们根据空间感知与适应性原则,对框架布局进行了调整,将一切删繁就简。延续现有桌面端框架的同时,将产品和现实场景进行了完美的融合,同时思考如何将 Vision OS 全新的手势交互、视觉语言和空间扩展发挥出来,带给用户焕然一新的产品体验。

探索未来工作新方式!钉钉 Vision Pro 版设计实践

2. 视觉材质的统一与焕新

在颜色的使用上,我们尽可能避免使用纯色填充,不透明的纯色在空间里会产生一种沉重和压迫感。相反,我们采用了大量毛玻璃效果,使用 Glass material 作为 UI 画布,这种材料的独特之处在于它能够动态地反应环境光线,自动调节对比度和色彩平衡,使界面感觉更轻盈更通透。

探索未来工作新方式!钉钉 Vision Pro 版设计实践

二、不同场景塑造差异化体验

钉钉的涉及到办公场景的方方面面,用户也十分多元,本次我们核心打造了三个场景:聊天、会议、直播。针对不同场景,我们在体验上做了差异化设计。

探索未来工作新方式!钉钉 Vision Pro 版设计实践

1. 无限空间里的沟通体验

当我们第一次体验到 Vision Pro 后,被它极为精彩的设计所震撼,超高的完成度让我意识到——那个久违的“iPhone时刻”似乎又来了!

全新的空间设计、独特的氛围沉浸程度,以及革新般眼和手的自然交互形式,让我们看到了在 Vision Pro 里钉钉的更多可能性,尤其是在沟通场景下,几乎现有的钉钉 IM 体验方式都将被完全推倒重塑。

①极具科幻感的空间输入体验与展示效果

Vision Pro 的空间设计确实带给我们耳目一新的感受,当身体成为鼠标与键盘后,所处空间变的可交互时,我们也在思考如何在这种沉浸感中,可以让沟通更好用更高效。我们保留最核心的消息类型,打磨最重要的收发文字、语音、表情和图片等功能,让你获得最纯粹的聊天体验。

探索未来工作新方式!钉钉 Vision Pro 版设计实践

探索未来工作新方式!钉钉 Vision Pro 版设计实践

探索未来工作新方式!钉钉 Vision Pro 版设计实践

探索未来工作新方式!钉钉 Vision Pro 版设计实践

探索未来工作新方式!钉钉 Vision Pro 版设计实践

②多窗口让多任务高效并行

不同于桌面端、移动端的受限于屏幕尺寸,Vision Pro 在无限空间里可以呈现全新多窗口的交互形式,新增了多窗口模式,可实现多任务高效同步进行。

探索未来工作新方式!钉钉 Vision Pro 版设计实践

探索未来工作新方式!钉钉 Vision Pro 版设计实践

2. 如临现场般沉浸式会议体验

①高效聚焦

基于 Vision Pro 的空间设计理念,我们彻底重构了会议体验。在界面布局上,我们采用用户所熟悉的宫格视图,使参会成员能够以一比一的实际比例出现在你的视野中。

探索未来工作新方式!钉钉 Vision Pro 版设计实践

在 Vision Pro 中,鉴于用户面对更广阔的视野可能导致注意力分散,我们在 Z 轴上对发言者的视图进行了细微的突出处理,通过利用三维空间的层次感,有效地集中了用户的视线,增强了会议的聚焦度。

②沉浸感

为了增强会议的沉浸感,我们的设计允许用户隐去会议界面的所有元素,专注于视频画面的展示,用户的注意力完全集中于交流本身,同时背后透出的实景环境,极大地增强了视频通话的面对面临场交流感,这也是传统终端应用很难做到的体验。

探索未来工作新方式!钉钉 Vision Pro 版设计实践

③真实感

会中最令人惊喜的是“虚拟人”的出现,用户可以通过 Vision Pro 的 Persona 功能扫描并采集面容的深度信息,并生成一个逼真的 3D 数字化身,在进行通话时可以显示对方的 3D 立体形象,并且实时反映对方的面部和手部运动,如近在眼前交流一般。

探索未来工作新方式!钉钉 Vision Pro 版设计实践

④实时互动性

通过实时互动标注功能,参会成员可以在共享屏幕上即时进行绘图、书写或添加标注。所有这些操作均伴随着即时的视觉反馈和无缝的同步,为团队成员提供了沉浸式的协作体验,从而显著提升了团队的共创能力和决策效率。

探索未来工作新方式!钉钉 Vision Pro 版设计实践

3. 极具氛围感的直播观看体验

极致简洁的直播观看界面,氛围互动功能增强,在提供深度沉浸的观看体验的同时,提升用户参与感。

探索未来工作新方式!钉钉 Vision Pro 版设计实践

三、空间特性在情感化上的充分运用

Apple Vision Pro 空间画布与视野,让应用在用户的世界中超越现实空间的界限,我们也因此推出了全新的 Spatial sticker 超级表情,来充分运用无限空间特性,在无限空间下传递情感化氛围,让用户体验极具沉浸感和趣味性的沟通。

无论在 IM 聊天、会议、直播中都可以轻松调用发送,活灵活现的表情让彼此感知最真实的情绪,激活沟通互动氛围。

Spatial sticker 功能现以同步登陆钉钉移动端,可限时体验(注:移动端名为超级表情)

探索未来工作新方式!钉钉 Vision Pro 版设计实践

探索未来工作新方式!钉钉 Vision Pro 版设计实践

探索未来工作新方式!钉钉 Vision Pro 版设计实践

结尾

随着虚拟现实和增强现实技术的蓬勃发展,我们看到了钉钉进一步拓展边界的机会,Vision Pro 版的钉钉,就是对未来办公方式的颠覆性探索。

未来我们还会不断优化钉钉 Vision Pro 版的使用体验,结合钉钉的业务场景,持续设计探索更多的可能,希望可以为钉钉的每一位用户带来更高效、愉悦的工作协同体验,让他们充分释放创造力,将数字化办公推向全新高度。

我们相信在这个数字化的时代,Vision Pro 版的钉钉,将为用户开启崭新的工作篇章。

欢迎关注作者的微信公众号:「AlibabaDesign」

探索未来工作新方式!钉钉 Vision Pro 版设计实践

收藏 19
点赞 36

复制本文链接 文章为作者独立观点不代表优设网立场,未经允许不得转载。