## ##

        MR未到UI先行!3D交互設(shè)計會是這個樣子?

        2016-12-26 18:49:48 閱讀 241276 本文來源:Ben Frankforter
        分享至:

        現(xiàn)在,VR和MR已經(jīng)越來越熱門了(影視劇里已經(jīng)出現(xiàn)的太多了,比如《黑鏡》),但現(xiàn)實是,我們對于虛擬交互的認知還是僅限于酷炫的特效,真正第一次成系統(tǒng)并實用的交互模式仍然沒有出現(xiàn)。也就是說,我們還沒有見過“MR中的iPhone”。所以,我決定試著探索一下MR中的用戶體驗和界面美學等問題,拋磚引玉,希望各位設(shè)計師們也來思考并分享一下自己的創(chuàng)意。

        20161226183520143.gif

        在現(xiàn)實生活中,我們都需要通過學習掌握某種技能才能與周圍的事物進行交互。正如布雷特·維克托所言,我們通過操縱工具來滿足自己的需求。我們每天都要進行無數(shù)次這樣的交互行為,其中大部分都非常自然。優(yōu)秀的交互設(shè)計必然是符合交互的自然與自發(fā)性的:那些對于用戶而言是再自然不過的事情了,好像用戶以前學過似的,比如語音識別,直接操作和手勢。

        應(yīng)用即物品

        我最開始關(guān)注的一個非常自然的交互例子是:找黑膠唱片

        20161226183539788.gif

        我發(fā)現(xiàn)這個交互很有意思:

        • 用手指直接翻動

        • 翻動過程中就能瀏覽物品信息

        • 每個待選的物品都可見

        • 最小空間的滾動

        于是我想辦法將這些原則應(yīng)用到混合現(xiàn)實交互中去。

        APP即卡片

        20161226183555439.jpeg

        在這個實例中,應(yīng)用就像一個個卡片疊加在我們面前的空間里,它們被放置在恰當?shù)挠脩粢曇皡^(qū)域。用戶可以一眼就明白面前大概有多少可選應(yīng)用,他們只需要翻閱卡片就能非常自然地找到想要的應(yīng)用。

        因為是虛擬的,卡片的大小可以自由調(diào)整,它們可以顯示在手持的虛擬設(shè)備上或者直接懸浮在空中。

        20161226183614126.gif

        20161226183636888.gif

        20161226184325766.jpeg

        應(yīng)用的切換

        在上面的例子中,打開和關(guān)閉應(yīng)用的方式非常有趣,那么應(yīng)用間的切換又要怎么辦呢?

        受到Chris Harrison所做研究的啟發(fā),我開發(fā)了一個能夠簡單的用大拇指手勢在各種界面切換的系統(tǒng),我們可以輕松完成這些操作,甚至可以在不用看界面的情況下完成操作,這里的關(guān)鍵因素有兩點:本體感受(感知自身身體部位的位置和重量的能力)和觸覺反饋(與皮膚的觸碰和摩擦)。

        20161226184344795.jpeg

        由于拇指和食指間有觸摸和摩擦,這種觸覺能夠幫我們感知到交互的存在,再加上視覺的反饋,使我們自然地完成這些交互動作。

        20161226184407419.gif

        20161226184517601.gif

        工具和控制

        在我設(shè)計的系統(tǒng)中,左手用來控制基本的導航操作,而右手則可以使用各種虛擬工具自由地進行其他操作。這些操作的反饋都會直觀的呈現(xiàn)在用戶面前的虛擬顯示屏上。

        20161226184535245.jpeg

        20161226184552242.jpeg

        快速滾動照片(Touch Bar?)

        但三維環(huán)境中的交互并不總是2D平面,整個交互手勢應(yīng)該要能夠適應(yīng)各種不同的環(huán)境。

        20161226184608287.jpeg

        到目前為止,我們只討論了這幾個交互的例子,繼續(xù)加油,如果你對此感興趣,可以查看Twitter和Facebook @Ben Frankforter。


        作者:Ben Frankforter

        原文:

        https://artplusmarketing.com/what-should-mixed-reality-ui-look-like-678d1c0e5f4d#.r1gv1hnqj







        責任編輯:小美姑娘

        認可我的創(chuàng)作,就鼓勵一下吧

        0人打賞
        分享至:

        聯(lián)系客服

        故障反饋