## ##

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

        2016-12-26 18:49:48 閱讀 241531 本文來(lái)源:Ben Frankforter
        分享至:

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

        20161226183520143.gif

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

        應(yīng)用即物品

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

        20161226183539788.gif

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

        • 用手指直接翻動(dòng)

        • 翻動(dòng)過(guò)程中就能瀏覽物品信息

        • 每個(gè)待選的物品都可見(jiàn)

        • 最小空間的滾動(dòng)

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

        APP即卡片

        20161226183555439.jpeg

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

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

        20161226183614126.gif

        20161226183636888.gif

        20161226184325766.jpeg

        應(yīng)用的切換

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

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

        20161226184344795.jpeg

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

        20161226184407419.gif

        20161226184517601.gif

        工具和控制

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

        20161226184535245.jpeg

        20161226184552242.jpeg

        快速滾動(dòng)照片(Touch Bar?)

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

        20161226184608287.jpeg

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


        作者:Ben Frankforter

        原文:

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







        責(zé)任編輯:小美姑娘

        認(rèn)可我的創(chuàng)作,就鼓勵(lì)一下吧

        0人打賞
        分享至:

        聯(lián)系客服

        故障反饋