探索未來工作新方式!釘釘 Vision Pro 版設(shè)計實(shí)踐

前言

作為承載著逾 7 億用戶的數(shù)字化辦公協(xié)作旗艦,釘釘已進(jìn)化為一個功能強(qiáng)大的綜合性平臺。如何巧妙地讓釘釘在 Vision Pro 的廣闊天地中輕裝上陣,并充分展現(xiàn)其沉浸式體驗(yàn)的獨(dú)特優(yōu)勢,無疑是一項(xiàng)頗具挑戰(zhàn)性的設(shè)計實(shí)踐。

面對全新挑戰(zhàn),設(shè)計理念上,一方面進(jìn)行信息降維,聚焦在 IM 溝通協(xié)作、音視頻、直播,三個能最大化發(fā)揮 Vision Pro 沉浸感體驗(yàn)的用戶剛需場景做深做透;另一方面通過精煉的設(shè)計表達(dá)、極具氛圍感的交互方式,以及如臨現(xiàn)場般的用戶體驗(yàn)設(shè)計,讓用戶能夠在釘釘 Vision Pro 版的世界里沉浸高效的協(xié)同,感受未來工作新方式。

所以釘釘 Vision Pro 版將以何種面貌呈現(xiàn)?設(shè)計如何幫用戶平衡沉浸與高效?如何讓用戶似曾相識卻又耳目一新?接下來,讓我們先睹為快,一同探尋這體驗(yàn)設(shè)計背后的創(chuàng)新思維與匠心。

探索未來工作新方式!釘釘 Vision Pro 版設(shè)計實(shí)踐

一、似曾相識卻又耳目一新

Apple Vision Pro 是一臺革命性的空間計算設(shè)備,它將數(shù)字內(nèi)容無縫融入真實(shí)世界,我們希望在這款顛覆性設(shè)備上,探索未來的同時打造一個讓用戶感到似曾相識的界面,旨在降低用戶對新設(shè)備的學(xué)習(xí)成本,使他們能夠毫不費(fèi)力地快速上手。

然而,當(dāng)涉及到界面的細(xì)節(jié)處理和交互設(shè)計時,我們追求創(chuàng)新,力圖讓用戶體驗(yàn)到前所未有的新鮮感,確保產(chǎn)品既具備親和力又體現(xiàn)尖端科技,完美迎合果粉用戶的高標(biāo)準(zhǔn)需求。

探索未來工作新方式!釘釘 Vision Pro 版設(shè)計實(shí)踐

1. 框架布局的延續(xù)與重塑

用戶的注意力在空間中容易分散,為此,我們根據(jù)空間感知與適應(yīng)性原則,對框架布局進(jìn)行了調(diào)整,將一切刪繁就簡。延續(xù)現(xiàn)有桌面端框架的同時,將產(chǎn)品和現(xiàn)實(shí)場景進(jìn)行了完美的融合,同時思考如何將 Vision OS 全新的手勢交互、視覺語言和空間擴(kuò)展發(fā)揮出來,帶給用戶煥然一新的產(chǎn)品體驗(yàn)。

探索未來工作新方式!釘釘 Vision Pro 版設(shè)計實(shí)踐

2. 視覺材質(zhì)的統(tǒng)一與煥新

在顏色的使用上,我們盡可能避免使用純色填充,不透明的純色在空間里會產(chǎn)生一種沉重和壓迫感。相反,我們采用了大量毛玻璃效果,使用 Glass material 作為 UI 畫布,這種材料的獨(dú)特之處在于它能夠動態(tài)地反應(yīng)環(huán)境光線,自動調(diào)節(jié)對比度和色彩平衡,使界面感覺更輕盈更通透。

探索未來工作新方式!釘釘 Vision Pro 版設(shè)計實(shí)踐

二、不同場景塑造差異化體驗(yàn)

釘釘?shù)纳婕暗睫k公場景的方方面面,用戶也十分多元,本次我們核心打造了三個場景:聊天、會議、直播。針對不同場景,我們在體驗(yàn)上做了差異化設(shè)計。

探索未來工作新方式!釘釘 Vision Pro 版設(shè)計實(shí)踐

1. 無限空間里的溝通體驗(yàn)

當(dāng)我們第一次體驗(yàn)到 Vision Pro 后,被它極為精彩的設(shè)計所震撼,超高的完成度讓我意識到——那個久違的“iPhone時刻”似乎又來了!

全新的空間設(shè)計、獨(dú)特的氛圍沉浸程度,以及革新般眼和手的自然交互形式,讓我們看到了在 Vision Pro 里釘釘?shù)母嗫赡苄裕绕涫窃跍贤▓鼍跋拢瑤缀醅F(xiàn)有的釘釘 IM 體驗(yàn)方式都將被完全推倒重塑。

①極具科幻感的空間輸入體驗(yàn)與展示效果

Vision Pro 的空間設(shè)計確實(shí)帶給我們耳目一新的感受,當(dāng)身體成為鼠標(biāo)與鍵盤后,所處空間變的可交互時,我們也在思考如何在這種沉浸感中,可以讓溝通更好用更高效。我們保留最核心的消息類型,打磨最重要的收發(fā)文字、語音、表情和圖片等功能,讓你獲得最純粹的聊天體驗(yàn)。

探索未來工作新方式!釘釘 Vision Pro 版設(shè)計實(shí)踐

探索未來工作新方式!釘釘 Vision Pro 版設(shè)計實(shí)踐

探索未來工作新方式!釘釘 Vision Pro 版設(shè)計實(shí)踐

探索未來工作新方式!釘釘 Vision Pro 版設(shè)計實(shí)踐

探索未來工作新方式!釘釘 Vision Pro 版設(shè)計實(shí)踐

②多窗口讓多任務(wù)高效并行

不同于桌面端、移動端的受限于屏幕尺寸,Vision Pro 在無限空間里可以呈現(xiàn)全新多窗口的交互形式,新增了多窗口模式,可實(shí)現(xiàn)多任務(wù)高效同步進(jìn)行。

探索未來工作新方式!釘釘 Vision Pro 版設(shè)計實(shí)踐

探索未來工作新方式!釘釘 Vision Pro 版設(shè)計實(shí)踐

2. 如臨現(xiàn)場般沉浸式會議體驗(yàn)

①高效聚焦

基于 Vision Pro 的空間設(shè)計理念,我們徹底重構(gòu)了會議體驗(yàn)。在界面布局上,我們采用用戶所熟悉的宮格視圖,使參會成員能夠以一比一的實(shí)際比例出現(xiàn)在你的視野中。

探索未來工作新方式!釘釘 Vision Pro 版設(shè)計實(shí)踐

在 Vision Pro 中,鑒于用戶面對更廣闊的視野可能導(dǎo)致注意力分散,我們在 Z 軸上對發(fā)言者的視圖進(jìn)行了細(xì)微的突出處理,通過利用三維空間的層次感,有效地集中了用戶的視線,增強(qiáng)了會議的聚焦度。

②沉浸感

為了增強(qiáng)會議的沉浸感,我們的設(shè)計允許用戶隱去會議界面的所有元素,專注于視頻畫面的展示,用戶的注意力完全集中于交流本身,同時背后透出的實(shí)景環(huán)境,極大地增強(qiáng)了視頻通話的面對面臨場交流感,這也是傳統(tǒng)終端應(yīng)用很難做到的體驗(yàn)。

探索未來工作新方式!釘釘 Vision Pro 版設(shè)計實(shí)踐

③真實(shí)感

會中最令人驚喜的是“虛擬人”的出現(xiàn),用戶可以通過 Vision Pro 的 Persona 功能掃描并采集面容的深度信息,并生成一個逼真的 3D 數(shù)字化身,在進(jìn)行通話時可以顯示對方的 3D 立體形象,并且實(shí)時反映對方的面部和手部運(yùn)動,如近在眼前交流一般。

探索未來工作新方式!釘釘 Vision Pro 版設(shè)計實(shí)踐

④實(shí)時互動性

通過實(shí)時互動標(biāo)注功能,參會成員可以在共享屏幕上即時進(jìn)行繪圖、書寫或添加標(biāo)注。所有這些操作均伴隨著即時的視覺反饋和無縫的同步,為團(tuán)隊(duì)成員提供了沉浸式的協(xié)作體驗(yàn),從而顯著提升了團(tuán)隊(duì)的共創(chuàng)能力和決策效率。

探索未來工作新方式!釘釘 Vision Pro 版設(shè)計實(shí)踐

3. 極具氛圍感的直播觀看體驗(yàn)

極致簡潔的直播觀看界面,氛圍互動功能增強(qiáng),在提供深度沉浸的觀看體驗(yàn)的同時,提升用戶參與感。

探索未來工作新方式!釘釘 Vision Pro 版設(shè)計實(shí)踐

三、空間特性在情感化上的充分運(yùn)用

Apple Vision Pro 空間畫布與視野,讓應(yīng)用在用戶的世界中超越現(xiàn)實(shí)空間的界限,我們也因此推出了全新的 Spatial sticker 超級表情,來充分運(yùn)用無限空間特性,在無限空間下傳遞情感化氛圍,讓用戶體驗(yàn)極具沉浸感和趣味性的溝通。

無論在 IM 聊天、會議、直播中都可以輕松調(diào)用發(fā)送,活靈活現(xiàn)的表情讓彼此感知最真實(shí)的情緒,激活溝通互動氛圍。

Spatial sticker 功能現(xiàn)以同步登陸釘釘移動端,可限時體驗(yàn)(注:移動端名為超級表情)

探索未來工作新方式!釘釘 Vision Pro 版設(shè)計實(shí)踐

探索未來工作新方式!釘釘 Vision Pro 版設(shè)計實(shí)踐

探索未來工作新方式!釘釘 Vision Pro 版設(shè)計實(shí)踐

結(jié)尾

隨著虛擬現(xiàn)實(shí)和增強(qiáng)現(xiàn)實(shí)技術(shù)的蓬勃發(fā)展,我們看到了釘釘進(jìn)一步拓展邊界的機(jī)會,Vision Pro 版的釘釘,就是對未來辦公方式的顛覆性探索。

未來我們還會不斷優(yōu)化釘釘 Vision Pro 版的使用體驗(yàn),結(jié)合釘釘?shù)臉I(yè)務(wù)場景,持續(xù)設(shè)計探索更多的可能,希望可以為釘釘?shù)拿恳晃挥脩魩砀咝А⒂鋹偟墓ぷ鲄f(xié)同體驗(yàn),讓他們充分釋放創(chuàng)造力,將數(shù)字化辦公推向全新高度。

我們相信在這個數(shù)字化的時代,Vision Pro 版的釘釘,將為用戶開啟嶄新的工作篇章。

歡迎關(guān)注作者的微信公眾號:「AlibabaDesign」

探索未來工作新方式!釘釘 Vision Pro 版設(shè)計實(shí)踐

收藏 40
點(diǎn)贊 45

復(fù)制本文鏈接 文章為作者獨(dú)立觀點(diǎn)不代表優(yōu)設(shè)網(wǎng)立場,未經(jīng)允許不得轉(zhuǎn)載。