未來(lái)的情感化界面設(shè)計(jì)

2019-7-26    資深UI設(shè)計(jì)者

如果您想訂閱本博客內(nèi)容,每天自動(dòng)發(fā)到您的郵箱中, 請(qǐng)點(diǎn)這里

情感化在我們的決策過(guò)程中起著至關(guān)重要的作用。一秒鐘的情感交互可以改變?nèi)藢?duì)產(chǎn)品的整體體驗(yàn)


人類是一種情緒驅(qū)動(dòng)的物種;我們選擇某些產(chǎn)品并不是因?yàn)樗鼈冇幸饬x,而是我們認(rèn)為它們會(huì)給我們帶來(lái)什么樣的感受。未來(lái)的界面將在產(chǎn)品設(shè)計(jì)的基礎(chǔ)上使用情感化的概念。人們使用的經(jīng)驗(yàn)將基于智商(IQ)和情商(EQ)。


本文試圖展望未來(lái),看看我們將在未來(lái)的十年內(nèi)設(shè)計(jì)什么樣的界面。我們將仔細(xì)研究三種交互媒介:


01、語(yǔ)音

02、增強(qiáng)現(xiàn)實(shí)(AR)

03、虛擬現(xiàn)實(shí)(VR)



未來(lái)情感化界面的實(shí)例

將來(lái)的界面會(huì)是什么樣子?盡管我們還沒(méi)有這個(gè)問(wèn)題的答案,但是我們可以討論界面可能具有的特性。在我看來(lái),我相信我們最終會(huì)遠(yuǎn)離那些充滿菜單、面板、按鈕的界面,而轉(zhuǎn)向更“自然的界面”,即擴(kuò)展我們身體的界面。未來(lái)的界面不會(huì)鎖定在物理屏幕上,而是使用整個(gè)五官感覺(jué)的力量。

因此,他們需要的學(xué)習(xí)成本更少——理想情況下,根本沒(méi)有學(xué)習(xí)成本。


情商在商業(yè)中的重要性

除了讓體驗(yàn)更加自然和減少學(xué)習(xí)成本外,情感化設(shè)計(jì)還為產(chǎn)品創(chuàng)造者帶來(lái)了另一個(gè)好處:它提高了用戶對(duì)產(chǎn)品的使用率。合理的利用人類對(duì)情感的行動(dòng)能力來(lái)創(chuàng)造更好的用戶參與度。



體會(huì)真實(shí)的語(yǔ)音界面

現(xiàn)在,以語(yǔ)音為主要界面的產(chǎn)品越來(lái)越受歡迎。我們當(dāng)中的許多人在使用亞馬遜Echo和蘋果Siri進(jìn)行日常活動(dòng),如設(shè)置鬧鐘或預(yù)約等。但目前市場(chǎng)上的大多數(shù)語(yǔ)音交互系統(tǒng)仍有一個(gè)與生俱來(lái)的限制:他們沒(méi)有考慮用戶的感受,因此,當(dāng)用戶現(xiàn)在與谷歌這樣的產(chǎn)品交互時(shí),他們會(huì)有很強(qiáng)的與機(jī)器交流的意識(shí),并非是真正的人類。系統(tǒng)可預(yù)測(cè)地響應(yīng),并編寫響應(yīng)腳本。與這樣一個(gè)系統(tǒng)進(jìn)行有意義的對(duì)話是不可能的。


但是如今市場(chǎng)上有一些完全不同的系統(tǒng)。其中一個(gè)是社交聊天機(jī)器人應(yīng)用程序Xiaoice。這個(gè)應(yīng)用程序的核心是一個(gè)情感計(jì)算框架;這個(gè)應(yīng)用程序是建立在這樣一個(gè)理念之上的,即首先要與用戶建立情感聯(lián)系。Xiaoice能夠動(dòng)態(tài)地識(shí)別情緒,并通過(guò)長(zhǎng)時(shí)間的對(duì)話和相關(guān)的回應(yīng)吸引用戶。因此,當(dāng)用戶與Xiaoice互動(dòng)時(shí),他們會(huì)覺(jué)得自己在和一個(gè)真正的人交談。


許多人在電影《她》(2013)中看到了基于語(yǔ)音的互動(dòng)影響力。Theodore ( Joaquin Phoenix 主要角色) 愛(ài)上了一個(gè) Samantha (一個(gè)復(fù)雜的操作系統(tǒng))。這也使我們相信,未來(lái)基于語(yǔ)音的交互系統(tǒng),主要目的之一將是為用戶提供虛擬伴侶。這部電影最有趣的是 Theodore 沒(méi)有 Samantha 的視覺(jué)形象——他只有她的聲音。要建立這種親密關(guān)系,就必須產(chǎn)生反映一致個(gè)性的回應(yīng)。這將使系統(tǒng)具有可預(yù)測(cè)性和可信賴性。


雖然技術(shù)離Samantha這樣的操作系統(tǒng)還很遙遠(yuǎn),但我相信語(yǔ)音優(yōu)先的多模式界面將是語(yǔ)音支持界面發(fā)展的下一篇章。這些界面將使用語(yǔ)音作為主要的交互方式,并在創(chuàng)建和構(gòu)建連接感的上下文中提供附加信息。


Image title

為Brain.ai設(shè)計(jì)的語(yǔ)音界面示例(圖片來(lái)源:Gleb Kuznetsov)



AR體驗(yàn)的演變

增強(qiáng)現(xiàn)實(shí)(AR)被定義為現(xiàn)實(shí)世界之上的數(shù)字覆蓋,并將我們周圍的物體轉(zhuǎn)化為交互式數(shù)字體驗(yàn)。我們的環(huán)境變得更加“智能化”,用戶的手指尖上會(huì)出現(xiàn)“有形”物體的錯(cuò)覺(jué),這樣就在用戶和產(chǎn)品(或內(nèi)容)之間建立了更深層次的聯(lián)系。


使用AR重新定義現(xiàn)有概念

AR的獨(dú)特之處在于它為我們提供了與數(shù)字內(nèi)容進(jìn)行物理交互的非凡能力。它可以幫助我們看到以前無(wú)法看到的東西,這有助于我們了解更多關(guān)于周圍環(huán)境的信息。AR屬性有利于幫助設(shè)計(jì)人員使用熟悉的理念創(chuàng)造新的的層次體驗(yàn)。


例如,通過(guò)使用移動(dòng)AR,可以打造一個(gè)新的飛行體驗(yàn)感受,允許乘客查看有關(guān)其它班機(jī)或當(dāng)前航班飛行進(jìn)度的詳細(xì)信息:


Image title

AR在空中客車A380的飛行體驗(yàn)中。(圖片來(lái)源:Gleb Kuznetsov)


AR幫助我們?cè)诳臻g中找到自己的路,并讓我們一目了然地獲得所需的信息。例如,AR可用于為當(dāng)前位置創(chuàng)建豐富的上下文提示。被稱為SLAM(同步定位和映射)的技術(shù)非常適合這種場(chǎng)景。SLAM允許對(duì)環(huán)境進(jìn)行實(shí)時(shí)映射,還可以將多媒體內(nèi)容放入環(huán)境中。


為用戶提供價(jià)值的機(jī)會(huì)有很多。例如,用戶可以將他們的設(shè)備指向建筑,并在屏幕上了解更多關(guān)于這個(gè)建筑的信息。它能夠顯著的減少工作量,并通過(guò)允許導(dǎo)航和訪問(wèn)實(shí)現(xiàn)輕松的情感體驗(yàn)。


Image title

在上下文中提供其他信息(圖片來(lái)源:Gleb Kuznetsov)


我們周圍的環(huán)境(如墻壁或地板)可以變成一個(gè)可交互的場(chǎng)景,這種方式在過(guò)去僅限于我們的智能手機(jī)和電腦。


你在下面看到的概念設(shè)計(jì)就是這樣的;它使用物理對(duì)象(白墻)作為通常使用數(shù)字設(shè)備傳送的內(nèi)容的畫(huà)布:

Image title

交互式墻的概念 - 在現(xiàn)實(shí)世界之上的數(shù)字覆蓋。(圖片來(lái)源:Gleb Kuznetsov)


避免信息過(guò)載

許多人都看過(guò)一個(gè)叫做“超現(xiàn)實(shí)”的視頻。在這段視頻中,物理世界和數(shù)字世界已經(jīng)融合,用戶被大量信息所淹沒(méi)。技術(shù)允許我們同時(shí)顯示幾個(gè)不同的對(duì)象。如果使用不當(dāng),很容易造成過(guò)載。信息過(guò)載是一個(gè)嚴(yán)重的問(wèn)題,它會(huì)對(duì)用戶體驗(yàn)產(chǎn)生負(fù)面影響,避免信息過(guò)載將是AR設(shè)計(jì)的目標(biāo)之一。精心設(shè)計(jì)的應(yīng)用程序?qū)?huì)過(guò)濾掉那些與使用人工智能的用戶不相關(guān)的內(nèi)容。


高級(jí)個(gè)性化

當(dāng)系統(tǒng)實(shí)時(shí)地根據(jù)用戶的需求和期望來(lái)調(diào)整內(nèi)容或功能時(shí),就會(huì)發(fā)生數(shù)字體驗(yàn)的個(gè)性化?,F(xiàn)在許多移動(dòng)應(yīng)用和網(wǎng)站使用個(gè)性化的概念來(lái)提供相關(guān)內(nèi)容。例如,當(dāng)你訪問(wèn)Netflix時(shí),你看到的電影列表會(huì)根據(jù)你的興趣進(jìn)行個(gè)性化設(shè)置。


AR眼鏡允許創(chuàng)造一種新的個(gè)性化水平,即“高級(jí)”的個(gè)性化水平。由于系統(tǒng)“看到”了用戶看到的內(nèi)容,因此可以利用這些信息提出相關(guān)建議或在上下文中提供其他信息。試想一下,你很快就會(huì)戴上AR眼鏡,傳輸?shù)揭暰W(wǎng)膜的信息將根據(jù)你的需要進(jìn)行調(diào)整。


從增強(qiáng)現(xiàn)實(shí)走向虛擬現(xiàn)實(shí),創(chuàng)造沉浸式體驗(yàn)

AR體驗(yàn)具有自然的局限性。作為用戶,我們?cè)趦?nèi)容和內(nèi)容之間有明確的界限; 這條線將一個(gè)世界(AR)與另一個(gè)世界(現(xiàn)實(shí)世界)分開(kāi)。這條線讓人感覺(jué)到AR世界顯然是不真實(shí)的。


你可能知道該如何解決這個(gè)限制,例如虛擬現(xiàn)實(shí)(VR),當(dāng)然。虛擬現(xiàn)實(shí)并不是一種全新的媒介,但直到最近幾年,技術(shù)才達(dá)到讓設(shè)計(jì)師創(chuàng)造沉浸式體驗(yàn)的程度。


沉浸式VR體驗(yàn)消除了現(xiàn)實(shí)世界與數(shù)字之間的障礙。當(dāng)你戴上VR耳機(jī)時(shí),你的大腦很難處理你收到的信息是否真實(shí)。

以下是設(shè)計(jì)人員在創(chuàng)建沉浸式虛擬環(huán)境時(shí)需要記住的內(nèi)容:

01、寫一個(gè)故事

有意義的VR需要有一個(gè)強(qiáng)有力的故事核心。這就是為什么在你開(kāi)始設(shè)計(jì)VR環(huán)境之前,你需要為用戶旅程寫一個(gè)故事。一個(gè)被稱為“故事板”的強(qiáng)大工具可以幫助你做到這一點(diǎn)。使用故事板,可以創(chuàng)建故事并檢查所有可能的結(jié)果。當(dāng)你審視你的故事時(shí),你將看到何時(shí)以及如何使用視覺(jué)和音頻提示來(lái)創(chuàng)造一種沉浸式的體驗(yàn)。


02、與角色建立更深層次的連接

為了讓用戶相信虛擬現(xiàn)實(shí)中他們周圍的一切都是真實(shí)的,我們需要與用戶扮演的角色建立聯(lián)系。最明顯的解決方案之一是在虛擬場(chǎng)景中包含用戶手的表示。這個(gè)表示應(yīng)該是實(shí)際的手-而不僅僅是一個(gè)假造的復(fù)制品。考慮不同的因素(如性別或膚色)是至關(guān)重要的,因?yàn)檫@會(huì)使互動(dòng)更加現(xiàn)實(shí)。

Image title

用戶可以看到他或她的手,看他們看起來(lái)像一個(gè)角色。(來(lái)源:leapmotion)


也可以將現(xiàn)實(shí)生活中的一些對(duì)象帶到虛擬現(xiàn)實(shí)環(huán)境中,以創(chuàng)建這種連接。例如,一面鏡子。當(dāng)用戶查看鏡像并在反射中看到其角色時(shí),它可以在用戶和虛擬角色之間實(shí)現(xiàn)更真實(shí)的交互。

Image title

虛擬現(xiàn)實(shí)用戶會(huì)查看虛擬鏡像并將自己視為VR環(huán)境中的角色。

03、使用手勢(shì)而不是菜單

在設(shè)計(jì)沉浸式虛擬現(xiàn)實(shí)體驗(yàn)時(shí),我們不能依賴與傳統(tǒng)的菜單和按鈕形式。為什么呢?因?yàn)轱@示菜單相對(duì)容易打破沉浸感。用戶將會(huì)知道他們周圍的一切都不是真實(shí)的。設(shè)計(jì)師不需要使用傳統(tǒng)的菜單形式,而是需要依賴手勢(shì)。設(shè)計(jì)界仍在為使用手勢(shì)定義一種通用語(yǔ)言的過(guò)程中,參加這項(xiàng)活動(dòng)是有趣和令人興奮的。棘手的部分是讓用戶熟悉和可預(yù)測(cè)的手勢(shì)。

Image title

試圖將現(xiàn)有的交互概念重用于VR體驗(yàn)。不幸的是,這個(gè)概念會(huì)打破沉浸感。新媒體需要新的互動(dòng)模式。


04、與VR環(huán)境中的元素交互

要?jiǎng)?chuàng)建一個(gè)感覺(jué)真實(shí)的環(huán)境,我們需要讓用戶能夠與現(xiàn)實(shí)中的對(duì)象交互。理想情況下,環(huán)境中的所有對(duì)象都可以設(shè)計(jì)成允許用戶觸摸和查看它們的方式。這樣的物體會(huì)起到刺激作用,幫助你創(chuàng)造一種更沉浸的體驗(yàn)。觸摸對(duì)于探索環(huán)境極其重要;嬰兒在最初幾天獲得的最重要信息是通過(guò)觸摸獲得的。


05、在虛擬現(xiàn)實(shí)中分享情感

虛擬現(xiàn)實(shí)有機(jī)會(huì)成為一種新的社會(huì)體驗(yàn)。但要做到這一點(diǎn),我們需要解決一個(gè)重要的問(wèn)題,即,把非言語(yǔ)的暗示帶入交互中。


當(dāng)我們與他人互動(dòng)時(shí),我們獲得的信息中的一個(gè)重要部分來(lái)自肢體語(yǔ)言。驚奇、厭惡、憤怒——所有這些情緒都存在于我們的面部表情中,在面對(duì)面的交流中,我們從眼睛區(qū)域推斷信息。當(dāng)人們?cè)谔摂M現(xiàn)實(shí)環(huán)境中交互時(shí),提供這些信息是很重要的,以此來(lái)創(chuàng)建更真實(shí)的交互。


好消息是,頭戴式設(shè)備(HMD)將很快覆蓋情感識(shí)別。在虛擬現(xiàn)實(shí)中,幾乎任何人與人之間的互動(dòng)都會(huì)從面部表情中受益。


06、為VR環(huán)境設(shè)計(jì)聲音和音樂(lè)適合

音頻是沉浸式體驗(yàn)的重要組成部分。如果不為環(huán)境設(shè)計(jì)聲音,就不可能創(chuàng)造真正的沉浸式體驗(yàn)。聲音既可以用作背景元素(即周圍風(fēng)的聲音)也可以用作方向。在后一種情況下,聲音可以作為提示-通過(guò)播放方向性(聲音來(lái)自何處)和距離(用戶可以將注意力集中在特定元素上)。


在為虛擬現(xiàn)實(shí)設(shè)計(jì)音頻時(shí),最重要的是使聲音成為3D。2D聲音對(duì)虛擬現(xiàn)實(shí)來(lái)說(shuō)不太好,因?yàn)樗鼤?huì)使一切變得過(guò)于平坦。三維聲音是你可以聽(tīng)到的聲音,在你周圍的每個(gè)方向-前面,后面,上面和后面-所有的地方。您不需要專門的耳機(jī)來(lái)體驗(yàn)3D聲音;可以使用HMD的標(biāo)準(zhǔn)立體聲揚(yáng)聲器來(lái)創(chuàng)建它。


頭部跟蹤是良好聲音設(shè)計(jì)的另一個(gè)關(guān)鍵方面。讓聲音以現(xiàn)實(shí)的方式表現(xiàn)是至關(guān)重要的。這就是為什么當(dāng)用戶移動(dòng)頭部時(shí),聲音應(yīng)該根據(jù)頭部移動(dòng)而變化。


結(jié)論

當(dāng)我們考慮到產(chǎn)品設(shè)計(jì)的現(xiàn)代狀態(tài)時(shí),很明顯我們只是處于冰山一角,因?yàn)槲覀兎浅>窒抻谄桨咫娔X。

我們見(jiàn)證了人機(jī)交互(HCI)的根本轉(zhuǎn)變——重新思考數(shù)字體驗(yàn)的整個(gè)概念。在未來(lái)的十年里,設(shè)計(jì)師們將打破玻璃(我們今天所熟知的移動(dòng)設(shè)備時(shí)代),轉(zhuǎn)而使用未來(lái)的接口——復(fù)雜的語(yǔ)音接口、先進(jìn)的ARS和真正的沉浸式VRS。當(dāng)我們要?jiǎng)?chuàng)造一種新的體驗(yàn)時(shí),我們必須明白,我們唯一的界限就是我們的大腦告訴我們,它必須一直是怎樣的。

藍(lán)藍(lán)設(shè)計(jì)www.bouu.cn )是一家專注而深入的界面設(shè)計(jì)公司,為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì)  ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)。

分享本文至:

日歷

鏈接

個(gè)人資料

存檔