網(wǎng)站建設(shè)過程中3D設(shè)計(jì)UI如何設(shè)計(jì)？

好的WDD讀者，這將是一個(gè)真正的概念。我在這里談?wù)摰氖菕仐壎S用戶界面。拋開屏幕。在現(xiàn)實(shí)世界中走向3D。好吧，你知道我的意思。您知道，科幻小說總是看起來很有趣，但確實(shí)很累人，不切實(shí)際。那是在全息甲板出現(xiàn)故障之前，皮卡德（Picard）開始用強(qiáng)光射擊博格（Borg）。

無論如何，目前我在這里寫的所有內(nèi)容在VR之外幾乎沒有實(shí)際應(yīng)用。其中大部分將在短期內(nèi)不適用于網(wǎng)頁設(shè)計(jì)。我們到達(dá)那里。同時(shí)，推測(cè)它的外觀很有趣……

挑戰(zhàn)

顯示

我們現(xiàn)在還沒有真正的3D用戶界面，因?yàn)樵摷夹g(shù)還不存在。它已經(jīng)到了，但是我們還沒有任何商業(yè)上可讓UI設(shè)計(jì)師著迷的東西。全息圖越來越好，而且更容易產(chǎn)生。運(yùn)動(dòng)輸入也越來越好，但是還不如我們希望的那樣精確。

這是因?yàn)槿D通常需要多個(gè)光源。那些不使用反射表面來模擬這些光源的光源。這兩個(gè)限制都傾向于與人們希望從全息圖中獲得自由形式的物理交互作用相反。基本上，我們一直等到可以由更易于操縱的粒子形成全息圖。

我們現(xiàn)在可以得到的最接近的是VR。但是，這是虛擬的。它是在一對(duì)純平屏幕上對(duì)3D界面的模擬。因此，只有一半是重要的。也就是說，VR可能最終會(huì)成為我們未來的3D UI樣機(jī)工具。

輸入項(xiàng)

好的，每個(gè)人都看過鋼鐵俠電影中的托尼·史塔克（Tony Stark）揮舞著的手，大叫賈維斯（Jarvis）做事，而且看起來很棒。唯一的問題是，像這樣長(zhǎng)時(shí)間揮動(dòng)手臂確實(shí)很累。詢問必須假裝與這些系統(tǒng)進(jìn)行交互的任何演員。對(duì)于長(zhǎng)時(shí)間的工作，這是不切實(shí)際的。

電影制作正確的部分是包括語音輸入。當(dāng)然，我們還沒有AI，但是語音命令正在出現(xiàn)。否則，我們需要在桌面上站起來才能到達(dá)的任何界面都會(huì)從語音命令中獲得大量使用。

人們甚至不必使用大型觸摸屏。小的，是的。大尺寸的物件只有以半水平角度躺下才能進(jìn)行繪圖。

信息和按鈕的組織

技術(shù)圖和藍(lán)圖在3D中看起來可能很棒。也許還有一天。但是，普通的舊二維文本仍然是傳達(dá)大量信息的最有效方法之一。它具有認(rèn)知效率，并且字節(jié)效率高。我們可能有一天會(huì)開發(fā)3D語言，但到目前為止，文本在2D平面上看起來最好。

看VR。查看應(yīng)用程序和游戲中的菜單。它們都在2D平面上表示。我們的大多數(shù)按鈕也是如此。我的意思是，我也不想走過整個(gè)房間按下按鈕。

我的預(yù)測(cè)

到目前為止，鼠標(biāo)仍然是我們擁有的最精確的輸入工具。鍵盤仍然是最快的輸入文本方式，所需的編輯操作最少。我認(rèn)為他們不會(huì)消失。實(shí)際上，一種3D鼠標(biāo)將手的微小移動(dòng)轉(zhuǎn)變?yōu)榭梢栽谳^大3D界面上移動(dòng)的光標(biāo)，這可能比在整個(gè)投影機(jī)屏幕上張開雙臂來操縱信息更有意義。

這類外圍設(shè)備還可以使我們解決一些問題，這些問題使我們無法采取真正的動(dòng)手方法，例如發(fā)光器，反射面等。UI的實(shí)際視覺部分可能看起來與《鋼鐵俠》中的特征類似，但是所呈現(xiàn)的信息具有更多的上下文。

在“鋼鐵俠”示例中，應(yīng)要求，Jarvis將呈現(xiàn)給用戶的所有信息脫穎而出。它還組織有很多（完全透明的）空白，并且明顯缺少窗口隱喻。如果沒有Jarvis，我們將需要一種更深思熟慮的方式來對(duì)用戶界面中看到的所有內(nèi)容進(jìn)行上下文化。

對(duì)于2D信息，窗口概念很可能會(huì)保留。對(duì)于以三維顯示的信息，它可能會(huì)簡(jiǎn)單地變成“盒子”的隱喻，透明的線條顯示一個(gè)3D應(yīng)用程序的結(jié)束位置以及下一個(gè)3D應(yīng)用程序的起始位置。輸入必須是上下文的，在編輯文本時(shí)將光標(biāo)限制在兩個(gè)維度上，并在其他情況下將其釋放。

超越當(dāng)今技術(shù)的一切可能，實(shí)用全息界面的另一個(gè)很好的例子是Mass Effect系列的Omni工具。善良知道當(dāng)設(shè)備植入您體內(nèi)時(shí)（通常在不占優(yōu)勢(shì)的手腕上，如手表），它們?nèi)绾问谷D起作用，但讓我們稍微忽略一下科學(xué)。

Omni-tool是一種純粹實(shí)用的設(shè)備，用于通訊，數(shù)據(jù)分析以及與陌生硬件的交互。哦，刺人。看，我們正在忽略科學(xué)！

關(guān)鍵是，這是一個(gè)實(shí)用的界面，因?yàn)閁I完全是上下文相關(guān)的，并且可以適應(yīng)您的工作。也可以用一只手的手指進(jìn)行操作。不需要巨大的手勢(shì)。請(qǐng)注意，質(zhì)量效應(yīng)Universe中的所有其他UI都在平面上，或通過語音激活。

結(jié)論

好萊塢藝術(shù)家喜歡設(shè)想一個(gè)完全無法使用的界面世界。真正的3D UI可能看起來比我們大多數(shù)人似乎想相信的要熟悉。

高端網(wǎng)站設(shè)計(jì)什至都沒有提到可訪問性。不能說話或因關(guān)節(jié)炎而容易動(dòng)手臂的人如何與巨大的全息桌UI互動(dòng)？如果有多個(gè)人嘗試一次與之交互怎么辦？

這些是我們?cè)趽]舞手臂作為未來之前必須回答的問題。