?疫情四起，仿佛回到兩年前，而又覺甚于兩年前。那時(shí)似乎所有人都躲在家里，而此刻這里那里遠(yuǎn)的近的相關(guān)的熟識(shí)的太多人在經(jīng)歷狀況的起伏，便感到與兩年前相比更加真實(shí)和迫近。大約是如此。

來自 BrunoEverling@Medium 的系列文章，“Intro to Immersive Experience Design”，關(guān)于 AR、3D 界面設(shè)計(jì)及相關(guān)趨勢(shì)、個(gè)人學(xué)習(xí)策略等等，個(gè)人感覺很有看頭，譯起來也很過癮。全系列由三篇文章組成：

第一部分：為何 3D 將成為 UI/UX 的未來

第二部分：AR 產(chǎn)業(yè)的過去、現(xiàn)在及未來

第三部分：沉浸式體驗(yàn)設(shè)計(jì)師的職業(yè)道路

本篇為第一部分的全篇譯文，略長(zhǎng)；而后兩部分出于某些原因或許考慮摘譯。一如既往，個(gè)人學(xué)習(xí)之用，獨(dú)享翻譯之過程而共享其結(jié)果，全部?jī)?nèi)容僅代表原文作者 Bruno Everling 之觀點(diǎn)。

來自 Ameer Basheer on Unsplash

為何 3D 將成為 UI/UX 的未來

在第一部分中，我將和各位分享為什么我個(gè)人相信 AR 將成為 UI/UX 設(shè)計(jì)師新的前沿陣地。我會(huì)聊到界面范式為何勢(shì)必由 2D 轉(zhuǎn)向 3D，以及這項(xiàng)轉(zhuǎn)變對(duì)于設(shè)計(jì)師及產(chǎn)品構(gòu)建者的工作將形成怎樣的影響。

我的首要目標(biāo)，是幫助大家了解如何充分利用我們此時(shí)所處的獨(dú)特歷史時(shí)期，即加入這場(chǎng)變革并為之做好準(zhǔn)備的窗口仍在開放，而設(shè)計(jì)師亦可在塑造這個(gè)年輕行業(yè)并創(chuàng)造長(zhǎng)期影響力的過程中扮演至關(guān)重要的角色。

1. 我為什么要做這件事

我寫這個(gè)文章系列的動(dòng)機(jī)，來自于對(duì)如今人機(jī)界面技術(shù)發(fā)展?fàn)顟B(tài)的深切不滿?；ヂ?lián)網(wǎng)存在于我們生活當(dāng)中的方方面面，我們可以隨時(shí)隨地訪問到巨量的信息。而通往這廣闊無垠的數(shù)字化世界的窗口卻只有鈔票大小，一切內(nèi)容都受困于這塊玻璃屏幕后面——聽起來并不那么方便，而且我們似乎已經(jīng)習(xí)慣了這種不便。

出身于工業(yè)設(shè)計(jì)的我，在創(chuàng)作出第一個(gè)數(shù)字化產(chǎn)品的很久以前，就開始進(jìn)行實(shí)體化的設(shè)計(jì)了。我仍記得，在第一次設(shè)計(jì)自己的網(wǎng)站還有 app 時(shí)，由于必須面對(duì)的局限而感到的一絲沮喪：所有東西都必須是二維的，且必須被規(guī)規(guī)整整地填入一個(gè)矩形邊框當(dāng)中。此外，我也時(shí)常在想，在觸屏交互范式以外，一定存在著某種更好的“東西”——它會(huì)更貼近于我們的天性，更貼近于我們?cè)诂F(xiàn)實(shí)世界中感知和處理信息的方式。

三年前，我開始探索這“東西”可能是怎樣的一種存在。很快，我接觸到沉浸式體驗(yàn)相關(guān)的技術(shù)。我深深地陷入了兔子洞中，花了大量的時(shí)間閱讀相關(guān)的資訊，嘗試各種不同的設(shè)備和 app。接下來的文字，歸納了我這一路上所得的關(guān)鍵知識(shí)與洞見；如果你有興趣去理解這迷人的新交互范式，那么希望這些文字能夠成為你的學(xué)習(xí)捷徑。

2. 增強(qiáng)現(xiàn)實(shí)

來自 zedinteractive on Pixabay

增強(qiáng)現(xiàn)實(shí)技術(shù)，即 AR，能使計(jì)算機(jī)生成的信息疊加于現(xiàn)實(shí)事物之上。這個(gè)概念本身算不上新事物，相關(guān)的沉浸式技術(shù)研究課題已有數(shù)十年的歷史。但直到近年，得益于相關(guān)軟硬件越發(fā)強(qiáng)大的性能，越發(fā)小巧的尺寸，以及越發(fā)低廉的價(jià)格，這項(xiàng)技術(shù)才逐漸從大學(xué)實(shí)驗(yàn)室走向大眾市場(chǎng)。從幾年前開始，我們已經(jīng)可以在智能手機(jī)上體驗(yàn)最早一批實(shí)際可用的 AR app，包括“寶可夢(mèng) Go”這樣的游戲，以及社交平臺(tái)上的各種面部效果等等。

AR 如此大規(guī)模吸引到市場(chǎng)的注意，這確實(shí)令人興奮；但要真正實(shí)現(xiàn)其潛力，AR 還有很長(zhǎng)一段路要走。盡管移動(dòng)端 AR 在當(dāng)前所體現(xiàn)出了巨大的創(chuàng)新性，但以手機(jī)作為載體，似乎仍然很難實(shí)現(xiàn)人們所尋求的那個(gè)融合著現(xiàn)實(shí)與數(shù)字化信息的世界。

我們當(dāng)中那些嘗試過高級(jí)技術(shù)與設(shè)備的人距離我們所說的“理想世界”確實(shí)更近了，但當(dāng)前，無論是 Magic Leap 還是微軟的 HoloLens，縱使能幫我們更清晰的瞥見那沉浸式的未來，它們也仍然被認(rèn)為是此類設(shè)備較為早期的、bug 較多的版本。

那么為何我個(gè)人仍如此確信 AR 會(huì)有一個(gè)光明的未來？我們不妨從界面設(shè)計(jì)的角度來思考這件事。

3. 認(rèn)知負(fù)荷

我相信 AR 可以取得成功的理由很簡(jiǎn)單：這一切都在于“認(rèn)知負(fù)荷”。這個(gè)概念由教育心理學(xué)家 John Sweller 于上世紀(jì)八十年代提出，用于描述人們完成任務(wù)時(shí)在心智上所需付出的精力總和。該理論認(rèn)為，由于人們的短期記憶能力非常有限，因此，沉重的認(rèn)知負(fù)荷會(huì)對(duì)人們完成任務(wù)的效率造成嚴(yán)重的負(fù)面影響，并使人們的學(xué)習(xí)能力受到阻礙。

我們?cè)谠O(shè)計(jì)產(chǎn)品時(shí)，一項(xiàng)重要的工作就是幫助用戶降低認(rèn)知負(fù)荷。一個(gè) app 或網(wǎng)站，越易于導(dǎo)航和完成任務(wù)，便越好；體驗(yàn)越不費(fèi)力，便越具有競(jìng)爭(zhēng)力。

人機(jī)界面的發(fā)展歷史見證著認(rèn)知負(fù)荷持續(xù)降低的歷程。GUI（圖形界面）之所以能代替命令行界面，并不只是因?yàn)樗雌饋砀痢匾氖?，它使得人腦中相當(dāng)一部分記憶空間得以解放，從而使人能更加聚焦于任務(wù)本身。命令行界面需要用戶在完成任務(wù)的過程中持續(xù)回憶和輸入各種命令與參數(shù)，而 GUI 則能將系統(tǒng)的底層邏輯以符合人們?cè)诂F(xiàn)實(shí)世界中處理事物的方式可視化地呈現(xiàn)出來（文檔、文件夾、抽屜），因此極大降低了人們所需付出的腦力。

來自 Mika Baumeister on Unsplash

而隨著移動(dòng)時(shí)代的到來，觸屏技術(shù)使得人機(jī)界面的認(rèn)知負(fù)荷進(jìn)一步降低。人們可以通過與生俱來的靈活的手指，去直接觸摸和控制數(shù)字化信息，這就使得指針交互所形成的抽象層面得以被移除。

如今，另一類強(qiáng)大的人機(jī)界面類型同樣得到了廣泛的關(guān)注，即 VUI（語音界面）。通過語言與數(shù)字化設(shè)備進(jìn)行溝通的方式更加自然省力，因?yàn)檫@原本就是我們生而為人所習(xí)慣的。這與命令行時(shí)代的情況恰好相反：在那時(shí)，我們必須學(xué)習(xí)和適應(yīng)機(jī)器的語言，才能與它們進(jìn)行溝通；如今，機(jī)器開始學(xué)習(xí)和理解我們的語言，以此與我們進(jìn)行交流。

4. 關(guān)于“輸出”的下一場(chǎng)變革

觸控和語音在很大程度上都屬于輸入方式。而在輸出方面，尚缺乏足夠貼近人類天性的方式。人類是視覺動(dòng)物，我們的雙眼是幫助我們認(rèn)知世界的最重要的感官。而一塊小小的二維屏幕怎能真正滿足我們的所需。

正如觸屏離我們的手更近（移動(dòng)設(shè)備），VUI 離我們的嘴和耳朵更近（Airpods），人機(jī)界面的輸出方式也將離我們的眼睛更近——譬如智能眼鏡。

來自 Jürgen Schmidtlein on Pixabay

AR 眼鏡能幫我們將數(shù)字化信息直接投射到真實(shí)世界的環(huán)境當(dāng)中。這在本質(zhì)上是非常強(qiáng)大的概念，因?yàn)閮?nèi)容終于打破了屏幕的禁錮。這意味著兩件事：

首先，內(nèi)容可以超越矩形框架的范圍，真正呈現(xiàn)在我們眼前的現(xiàn)實(shí)環(huán)境當(dāng)中，在它們應(yīng)該在的地方，而不再以手機(jī)屏幕作為兩者之間的“代理”。

第二，內(nèi)容可以從二維擴(kuò)展至三維。而由此所創(chuàng)造出的可能性將使更好、更直觀的視覺溝通形式得以實(shí)現(xiàn)。更重要的是，這將使人機(jī)界面的認(rèn)知負(fù)荷進(jìn)一步降低。我們來看一些更直觀的例子。

早期的 AR 用例

最典型的例子之一便是地圖：通常，在二維圖像信息與三維環(huán)境信息之間進(jìn)行轉(zhuǎn)換會(huì)非常消耗腦力。而通過 AR，你可以直接將信息投射在道路上，從而將一部分腦力解放出來，用于關(guān)注更重要的事物。在駕車的場(chǎng)景中，這更是有利于安全性的提升：導(dǎo)航信息直接投射在視野前方，而不是呈現(xiàn)在方向盤側(cè)面的二維屏幕上，這樣駕車人的視線便無需去關(guān)注側(cè)面的設(shè)備屏幕，確保注意力始終聚焦在行車路線上。

來自 Roland Denes on Unsplash

我們?cè)诰€上買鞋時(shí)，通常會(huì)仔細(xì)觀察若干商品詳情圖片，并將它們?cè)陬^腦中轉(zhuǎn)化成復(fù)雜的模型，去設(shè)想鞋子在現(xiàn)實(shí)中甚至是在我們腳上的樣子——整個(gè)過程的認(rèn)知負(fù)荷非常高。家具一類的產(chǎn)品也是同理。在這些場(chǎng)景中，AR 能讓我們從不同的角度直觀地看到產(chǎn)品在真實(shí)環(huán)境中的樣子，幫助我們快速有效地制定決策。

再來考慮操作手冊(cè)的例子。譬如為了更換空氣凈化器的濾芯，而翻看著 300 多頁厚的印滿了小字和插圖的說明手冊(cè)，這著實(shí)不是什么良好的體驗(yàn)。借助 AR，清晰易懂的 3D 圖形化的操作指引便可直接附著于操作對(duì)象之上。電氣裝配與維修也是同樣的道理，這類在過去僅能由專業(yè)人員進(jìn)行的操作，在 AR 的輔助下，都將會(huì)變得簡(jiǎn)單易行很多。

Carlos Fy / CC BY-SA

以上這些例子僅展示了 AR 這項(xiàng)技術(shù)的一小部分潛力，更多的可能性仍有待我們?nèi)ミM(jìn)行設(shè)計(jì)。這便引出了下一個(gè)話題，即設(shè)計(jì)師在該技術(shù)的進(jìn)化歷程中將扮演怎樣的角色。

沉浸式體驗(yàn)設(shè)計(jì)

AR 對(duì)于 UI/UX 設(shè)計(jì)意味著什么？

從 2D 到 3D 的轉(zhuǎn)變，對(duì)于設(shè)計(jì)師來說自然意味著一個(gè)全新維度的可能性——字面意義上的全新維度。我們將可以通過事物的三維形體，而不只是二維形狀，來傳達(dá)其可供性（affordance）。界面元素與內(nèi)容將擁有縱深，并能在多個(gè)角度上被觀察和互動(dòng)。

我們也將擁有一種創(chuàng)建信息層級(jí)的新方式：除了顏色、對(duì)比度、大小以外，我們還將能利用遠(yuǎn)近距離來體現(xiàn)界面或內(nèi)容元素之間的權(quán)重關(guān)系。我們也不再需要通過模擬的陰影效果讓按鈕看起來更有質(zhì)感——在三維環(huán)境中，我們可以讓它“真實(shí)的”凸起于背景之上，就像現(xiàn)實(shí)世界當(dāng)中的按鈕那樣。

來自 ID 849356 on Pixabay

由于設(shè)計(jì)將不再受矩形框架的限制，我們一直以來所依賴的一些設(shè)計(jì)原則和架構(gòu)或?qū)⒉辉龠m用，譬如網(wǎng)頁設(shè)計(jì)中的 12 列柵格體系等等；內(nèi)容更多將會(huì)錨定于物體表面，而非二維屏幕的框架之中。

或許，所謂的“響應(yīng)式設(shè)計(jì)”，屆時(shí)將會(huì)指代 3D 對(duì)象隨著用戶距離的遠(yuǎn)近而呈現(xiàn)出不同的外觀及功能性，而非基于屏幕或?yàn)g覽器的尺寸而改變布局。例如，附著于產(chǎn)品表面的文本對(duì)象可以隨著用戶逐漸走遠(yuǎn)而增大字號(hào)，讓人從較遠(yuǎn)的距離也能清晰閱讀。

在 AR 當(dāng)中進(jìn)行敘事的方式也將發(fā)生重大變化。每一個(gè)體驗(yàn)都將是獨(dú)特的，且只存在于它所對(duì)應(yīng)的特定場(chǎng)景當(dāng)中。人們的行動(dòng)方式不同，因此我們也就無法預(yù)先設(shè)計(jì)一條“標(biāo)準(zhǔn)”的行動(dòng)路徑，所謂“邊緣案例”將成為常態(tài)，因此用研與測(cè)試工作將比以往更加重要。

諸如此類的變化讓我們看到一個(gè)事實(shí)：AR 將對(duì)數(shù)據(jù)的組織、管理與呈現(xiàn)方式產(chǎn)生根本性的影響，因此在 UI/UX 設(shè)計(jì)層面，同樣需要全新的思路與方法。

業(yè)界需要我們

我們已經(jīng)大致了解了為何由 2D 向 3D 進(jìn)行轉(zhuǎn)變將成為必然，以及這將對(duì)我們這些設(shè)計(jì)師產(chǎn)生怎樣的影響。那么接下來，我們可以做些什么呢？

當(dāng)我在幾年前意識(shí)到 AR 的潛力時(shí)，擺在我面前的是兩個(gè)選項(xiàng)：

1. 等待技術(shù)的成熟及轉(zhuǎn)變的發(fā)生，再進(jìn)行響應(yīng)。也就是等待別人搭橋，再去過河。
2. 參與建造橋梁，成為第一批過河的人。

來自 Mason Kimbarovsky on Unsplash

我個(gè)人希望能有盡可能多的設(shè)計(jì)師選擇第二條道路，在造橋的階段就參與其中，而不是等待工程師們把一切都搞定。我認(rèn)為這很重要，因?yàn)椋?/p>

正如曾經(jīng)出現(xiàn)的諸多新技術(shù)，更多是由開發(fā)者們首先實(shí)現(xiàn)了參與，并在之后持續(xù)引領(lǐng)著業(yè)界；如今在 AR 方面，也呈現(xiàn)出缺乏以用戶為中心的產(chǎn)品開發(fā)思路的問題。該技術(shù)新近所取得的進(jìn)展，基本都是圍繞著“技術(shù)能實(shí)現(xiàn)什么”而進(jìn)行的；我們看到很多所謂的解決方案實(shí)際上沒有解決任何實(shí)際問題。AR 應(yīng)該如何被用于滿足用戶實(shí)際需求，這依然是一片缺乏探索的領(lǐng)域。這便形成了某種惡性循環(huán)：迄今為止最為成功的 AR 案例并沒帶來太多實(shí)際價(jià)值，很容易被人忽視，因此設(shè)計(jì)師們也傾向于認(rèn)為這項(xiàng)技術(shù)不存在真實(shí)用例，進(jìn)而錯(cuò)過了參與其中并創(chuàng)造真實(shí)變革的機(jī)會(huì)。

這個(gè)領(lǐng)域相對(duì)來說仍然非常年輕，因此還沒有太多的工具或是設(shè)計(jì)準(zhǔn)則可以依賴。這種局面對(duì)于設(shè)計(jì)師來說既是挑戰(zhàn)也是機(jī)遇，一片開闊的土壤正等待著我們?nèi)ラ_墾。這一次，我們可以探索和建立規(guī)則，而不是像過去幾次技術(shù)變革那樣，等待開發(fā)人員、業(yè)務(wù)分析師或市場(chǎng)部門來做這件事。

我個(gè)人相信，擺在我們面前的是一個(gè)獨(dú)特的機(jī)遇：AR 在未來的影響力是足以預(yù)見的，但實(shí)際技術(shù)仍需要發(fā)展幾年，才能達(dá)到價(jià)格足夠低廉，用戶體驗(yàn)足夠友好，進(jìn)而進(jìn)入大眾市場(chǎng)的程度。任何理解了這一點(diǎn)的設(shè)計(jì)師都應(yīng)該意識(shí)到，我們?nèi)匀挥凶銐虻臅r(shí)間來學(xué)習(xí)并逐漸實(shí)現(xiàn) 3D 界面設(shè)計(jì)的轉(zhuǎn)化。

隨著越來越多的公司開始嘗試跨入第三個(gè)維度，“沉浸式體驗(yàn)設(shè)計(jì)師”很可能將成為大受歡迎的職位。我們是否已經(jīng)做好準(zhǔn)備去迎接設(shè)計(jì)歷史的新篇章，并在其中扮演我們的新角色了呢？

在本系列文章后續(xù)的部分當(dāng)中，我將和各位一起對(duì)當(dāng)前的 AR 產(chǎn)業(yè)進(jìn)行縱覽，例如最重要的玩家有哪些，他們各自的沉浸式技術(shù)策略是怎樣的，以及接下來幾年的發(fā)展趨勢(shì)。而最重要的，我還將和各位一起討論如何充分利用當(dāng)前的行業(yè)圖景，以及作為設(shè)計(jì)師應(yīng)該如何在接下來的技術(shù)變革中扮演重要的角色。最終，我希望大家都能對(duì)這個(gè)領(lǐng)域的潛力感到興奮，并一起加入到沉浸式體驗(yàn)設(shè)計(jì)師的行列當(dāng)中。

歡迎關(guān)注作者的微信公眾號(hào)：「Beforweb」