多年來(lái)，專家們反復(fù)討論混合現(xiàn)實(shí)對(duì)網(wǎng)頁(yè)設(shè)計(jì)可能產(chǎn)生的影響。AR和VR等概念有望從根本上改變我們與網(wǎng)站的互動(dòng)方式。

然而，現(xiàn)在我們已經(jīng)到了2021年，關(guān)于增強(qiáng)現(xiàn)實(shí)的討論不再只是觀察。從《口袋妖怪Go》到Snapchat濾鏡，混合現(xiàn)實(shí)界面的時(shí)代已經(jīng)到來(lái)。

問(wèn)題是，在一個(gè)現(xiàn)在有多種數(shù)字現(xiàn)實(shí)需要考慮的世界里，網(wǎng)頁(yè)設(shè)計(jì)師如何創(chuàng)造令人難以置信的用戶體驗(yàn)?

體驗(yàn)AR的好處

在我們討論web設(shè)計(jì)師可以使用增強(qiáng)現(xiàn)實(shí)增強(qiáng)他們的項(xiàng)目的一些步驟之前，有必要先研究一下與增強(qiáng)現(xiàn)實(shí)交互的好處。

當(dāng)虛擬現(xiàn)實(shí)用數(shù)字組件完全取代我們周圍的典型世界時(shí)，增強(qiáng)現(xiàn)實(shí)增強(qiáng)了它。這意味著開(kāi)發(fā)人員和設(shè)計(jì)師需要學(xué)習(xí)如何在現(xiàn)實(shí)世界和數(shù)字世界共同工作的環(huán)境中茁壯成長(zhǎng)。

網(wǎng)站所有者最常用的增強(qiáng)現(xiàn)實(shí)應(yīng)用是提供實(shí)時(shí)和遠(yuǎn)程產(chǎn)品可視化的解決方案。想象一下，在網(wǎng)上購(gòu)買一雙鞋子之前可以先試穿。維金品牌可以通過(guò)創(chuàng)造“重塑”數(shù)字購(gòu)物體驗(yàn)的技術(shù)，提供這種服務(wù)。

這個(gè)測(cè)試功能在購(gòu)買決策中扮演著重要的角色。如今，人們?cè)诰W(wǎng)上購(gòu)物時(shí)看不到自己臉上的濃妝濃抹，也看不清家里的一件家具看起來(lái)如何，“增強(qiáng)現(xiàn)實(shí)”就發(fā)揮著至關(guān)重要的作用。

簡(jiǎn)單地說(shuō)，增強(qiáng)現(xiàn)實(shí)幫助購(gòu)物者進(jìn)行更明智的購(gòu)買。

下面是如何使用增強(qiáng)現(xiàn)實(shí)來(lái)提供令人難以置信的用戶體驗(yàn)。

1. 關(guān)注實(shí)時(shí)反饋

增強(qiáng)現(xiàn)實(shí)就是把現(xiàn)實(shí)世界和虛擬世界連接起來(lái)。

這樣做可以為用戶提供一種獨(dú)特的體驗(yàn)——一種充滿實(shí)時(shí)反饋的體驗(yàn)，它可以提供至關(guān)重要和深刻的信息。例如，GPS應(yīng)用程序中的增強(qiáng)現(xiàn)實(shí)系統(tǒng)可以根據(jù)之前的行程計(jì)算到達(dá)目的地之前的平均時(shí)間。

另一種選擇是使用增強(qiáng)現(xiàn)實(shí)技術(shù)，使用面部測(cè)繪等解決方案，幫助客戶在購(gòu)買某款化妝品之前確定它的外觀。例如，玫琳凱的Mirror Me應(yīng)用程序就是這樣，它簡(jiǎn)化了購(gòu)買化妝品的過(guò)程。

在為增強(qiáng)現(xiàn)實(shí)進(jìn)行設(shè)計(jì)時(shí)，專家們需要考慮如何向客戶提供實(shí)時(shí)信息，讓他們可以利用這些信息做出更好的購(gòu)買決定。

2. 定義輸入和輸出

雖然您在過(guò)去為傳統(tǒng)網(wǎng)站和應(yīng)用程序設(shè)計(jì)時(shí)可能做過(guò)類似的練習(xí)，但在增強(qiáng)現(xiàn)實(shí)環(huán)境中定義UX的輸入和輸出可能很困難。

定義輸入和輸出允許您確定界面的哪些元素可以在您的界面中與用戶實(shí)際交互。這給了你一個(gè)更好的想法去“增強(qiáng)”什么。“例如，你可能會(huì)認(rèn)為像滑動(dòng)手這樣的肢體動(dòng)作對(duì)于增強(qiáng)現(xiàn)實(shí)輸入來(lái)說(shuō)是必不可少的。然而，您還需要考慮每個(gè)移動(dòng)設(shè)備如何提供不同的輸入可能性。

輸出稍微簡(jiǎn)單一些。例如，您可以提供客戶感興趣的產(chǎn)品的三維模型。一旦有了輸出，就可以考慮客戶如何通過(guò)改變顏色或位置來(lái)與之交互。

3.擁抱對(duì)性能

增強(qiáng)現(xiàn)實(shí)應(yīng)用程序的另一個(gè)核心特性是交互性。

在增強(qiáng)現(xiàn)實(shí)世界中，好的設(shè)計(jì)必須易于訪問(wèn)和使用，否則客戶最終會(huì)避開(kāi)它們。例如，60%的客戶表示，他們希望在購(gòu)買家具時(shí)使用增強(qiáng)現(xiàn)實(shí)技術(shù)。不過(guò)，他們只會(huì)在你的應(yīng)用有效時(shí)才會(huì)使用。

Decor Matters網(wǎng)站和應(yīng)用程序?qū)⒂螒蚧c家居裝飾功能相結(jié)合，幫助客戶更好地了解他們計(jì)劃購(gòu)買的家居商品。該網(wǎng)站甚至還提供了靈感頁(yè)面，幫助用戶使用增強(qiáng)現(xiàn)實(shí)技術(shù)尋找并嘗試新的設(shè)計(jì)選項(xiàng)。

在為增強(qiáng)現(xiàn)實(shí)進(jìn)行設(shè)計(jì)時(shí)，要考慮如何使你的應(yīng)用程序或技術(shù)盡可能簡(jiǎn)單易用，這樣客戶才會(huì)真正想要與之交互。

4. 解決環(huán)境問(wèn)題

在增強(qiáng)和虛擬現(xiàn)實(shí)應(yīng)用程序中，重要的是要記住，界面不受物理屏幕的約束。視口將隨用戶移動(dòng)，相應(yīng)地改變視角。大多數(shù)AR設(shè)計(jì)師會(huì)使用四種不同的符號(hào)來(lái)描述AR環(huán)境:

公共環(huán)境:用戶的整個(gè)身體就像一個(gè)控制器，就像Xbox Kinect或任天堂Wii;

親密環(huán)境:用戶可以坐著的地方——通常是桌面環(huán)境;

個(gè)人環(huán)境:智能手機(jī)、移動(dòng)設(shè)備和平板電腦上的AR，如《Pokemon Go》;

私人環(huán)境:完全私人的空間，如可穿戴技術(shù)，如谷歌玻璃解決方案。

您所設(shè)計(jì)的環(huán)境對(duì)您的項(xiàng)目結(jié)果至關(guān)重要。記住，在考慮用戶如何與框架中的對(duì)象交互時(shí)，需要仔細(xì)考慮空間因素。

5. 記住用戶疲勞

在為增強(qiáng)現(xiàn)實(shí)技術(shù)設(shè)計(jì)時(shí)需要記住的另一件事是，用戶疲勞可能是一個(gè)更重要的考慮因素。畢竟，有了增強(qiáng)現(xiàn)實(shí)技術(shù)，人們與網(wǎng)站和應(yīng)用程序的互動(dòng)會(huì)更加親密和深入。

AR應(yīng)用程序通常可以使用客戶的整個(gè)主體作為控制器。正因?yàn)槿绱?，設(shè)計(jì)師必須謹(jǐn)慎對(duì)待令人疲憊的互動(dòng)。高強(qiáng)度和重復(fù)性的交互會(huì)讓用戶精神和身體疲憊，導(dǎo)致他們放棄交互。

在設(shè)計(jì)時(shí)，您需要考慮如何使用過(guò)多的交互元素同時(shí)過(guò)度刺激用戶。保持簡(jiǎn)單。

6. 記住用戶體驗(yàn)設(shè)計(jì)的基本原則

請(qǐng)記住，僅僅因?yàn)槟陂_(kāi)發(fā)一種相對(duì)較新的技術(shù)，并不意味著您應(yīng)該放棄多年來(lái)已經(jīng)了解的所有用戶體驗(yàn)設(shè)計(jì)的基本原則。盡管用戶體驗(yàn)在不斷發(fā)展和變化，但它始終要牢記一些基本原則。

例如，你總是努力為用戶提供最好的數(shù)字體驗(yàn)，以換取他們付出的最少的努力。此外，您還需要考慮如何讓終端用戶在網(wǎng)站和應(yīng)用程序上與新型技術(shù)進(jìn)行交互時(shí)盡可能感到舒適。

例如，由于增強(qiáng)現(xiàn)實(shí)通常與當(dāng)前環(huán)境中的游戲聯(lián)系在一起，在增強(qiáng)現(xiàn)實(shí)設(shè)計(jì)中實(shí)現(xiàn)游戲化概念可能是個(gè)好主意。你能做什么來(lái)確保你的顧客玩得開(kāi)心?

例如，Inkhunter是一款允許用戶嘗試紋身的應(yīng)用，就像在Snapchat上使用濾鏡一樣。這種體驗(yàn)讓人感到熟悉、舒適和興奮。

釋放增強(qiáng)現(xiàn)實(shí)網(wǎng)頁(yè)設(shè)計(jì)的潛力

這些年來(lái)，增強(qiáng)現(xiàn)實(shí)技術(shù)已經(jīng)取得了長(zhǎng)足的進(jìn)步。今天，開(kāi)發(fā)者和設(shè)計(jì)師可以訪問(wèn)簡(jiǎn)單的插件工具，如WordPress VR，允許設(shè)計(jì)師上傳360度視頻到WordPress網(wǎng)站和其他獨(dú)特的web擴(kuò)展。

增強(qiáng)現(xiàn)實(shí)在各種形狀和大小的網(wǎng)站和應(yīng)用程序中變得越來(lái)越容易獲得。此外，從耳機(jī)到移動(dòng)界面，客戶正在通過(guò)更多的方式來(lái)解鎖AR的能量。

然而，就像網(wǎng)頁(yè)設(shè)計(jì)世界中的任何一種新技術(shù)一樣，設(shè)計(jì)師需要仔細(xì)考慮如何克服增強(qiáng)現(xiàn)實(shí)在用戶體驗(yàn)方面帶來(lái)的挑戰(zhàn)。例如，盡管增強(qiáng)現(xiàn)實(shí)技術(shù)可以為客戶提供更多信息，幫助他們更快地做出購(gòu)買決定，但也存在風(fēng)險(xiǎn)。例如，在一個(gè)網(wǎng)站或應(yīng)用程序中添加過(guò)多的交互功能，可能會(huì)用過(guò)多的信息嚇跑用戶。

在短期內(nèi)，網(wǎng)頁(yè)設(shè)計(jì)師需要探索可用的新工具，并考慮他們正在設(shè)計(jì)的客戶。只有這樣，我們才能在增強(qiáng)現(xiàn)實(shí)的可能性方面取得重大進(jìn)展。

你準(zhǔn)備好擁抱AR了嗎?

設(shè)計(jì)增強(qiáng)現(xiàn)實(shí)應(yīng)用程序和網(wǎng)站可能是一個(gè)令人生畏的概念-甚至對(duì)經(jīng)驗(yàn)豐富的設(shè)計(jì)師。然而，這只是另一種技術(shù)，創(chuàng)意人員可以利用它為最終用戶帶來(lái)更好的體驗(yàn)。

了解最新的技術(shù)是如何工作的，并深入了解客戶的需求，你會(huì)驚訝于你可以在AR世界中實(shí)現(xiàn)什么。