2018年技術(shù)驅(qū)動(dòng)下的UX設(shè)計(jì)趨勢(shì)

9 評(píng)論 16316 瀏覽 77 收藏 20 分鐘

即將到來的用戶體驗(yàn)設(shè)計(jì)趨勢(shì),可能會(huì)提高最終用戶的滿意度。

用戶體驗(yàn)在2017年具有重大意義,不論從產(chǎn)品界面還是用戶進(jìn)行消費(fèi)的內(nèi)容各種數(shù)字平臺(tái)。人與物更自然的交互方式在技術(shù)的驅(qū)動(dòng)下都將逐一融入我們的生活,用戶體驗(yàn)設(shè)計(jì)將繼續(xù)是2018年的重中之重。

即將到來的用戶體驗(yàn)設(shè)計(jì)趨勢(shì)可能會(huì)提高最終用戶的滿意度。雖然,預(yù)測(cè)未來一年哪些設(shè)計(jì)趨勢(shì)將主宰并推動(dòng)用戶體驗(yàn)并不容易。但是,技術(shù)的變化將不可避免地在未來設(shè)計(jì)趨勢(shì)中扮演重要的角色。這里有一些以設(shè)計(jì)驅(qū)動(dòng)的頂級(jí)用戶體驗(yàn)設(shè)計(jì)的趨勢(shì),在2018年需要密切關(guān)注。

?Mood As Interface(MAI技術(shù))

作為一名前瞻性的創(chuàng)新推廣者,Chase Buckley長(zhǎng)期以來一直倡導(dǎo)交互需要先進(jìn)的技術(shù)與尖端設(shè)計(jì)的協(xié)同作用。他大膽地預(yù)測(cè)了這樣一種創(chuàng)新,即情緒界面設(shè)計(jì)。情緒界面設(shè)計(jì)的概念非常直觀:界面變得越來越個(gè)性化,每個(gè)用戶都可以自定義。現(xiàn)在,無(wú)線EEG技術(shù)的成本不斷減少,設(shè)計(jì)先驅(qū)們可以利用腦波生物特征來創(chuàng)建高度定制的由用戶情緒塑造的界面。
在2017年的圣丹斯電影節(jié)上,謳歌與布拉德利·曼科維茨(Bradley G Munkowitz)攜手合作,創(chuàng)造了一種由用戶的腦波和生物識(shí)別技術(shù)驅(qū)動(dòng)的“?引人入勝的互動(dòng)駕駛體驗(yàn)”。

在互動(dòng)駕駛體驗(yàn)中用戶看到的場(chǎng)景

用戶通過EMOTIV耳機(jī)連接到十四個(gè)電極,并放置在Acura NSX駕駛員座椅的虛擬現(xiàn)實(shí)模擬中。在那里,“駕駛體驗(yàn)”完全由用戶的思想控制,30個(gè)感官接受器捕獲腦電波、脈搏和面部表情。這些情緒投入被用來創(chuàng)建一個(gè)響應(yīng)的虛擬現(xiàn)實(shí)模擬,隨著用戶的內(nèi)心情緒實(shí)時(shí)波動(dòng)和調(diào)整,無(wú)論是寧?kù)o、輕松、驚喜、驚訝、專注或興奮。

EMOTIV耳機(jī)宣傳圖

不久之后,這些MAI技術(shù)將成為主流,使用戶能夠以前所未有的方式控制界面內(nèi)容:難以作出決定的用戶可以依靠他們的情緒來引導(dǎo)他們從菜單中訂購(gòu)食物;?GrubHub可以使插件根據(jù)用戶的直覺來下訂單。有了MAI技術(shù),用戶在使用Facebook或Instagram可以根據(jù)自己的感覺自動(dòng)地調(diào)出他們想要的內(nèi)容。MAI技術(shù)也可以在商業(yè)宣傳上面應(yīng)用,根據(jù)用戶在特定時(shí)刻的感受,可以自動(dòng)應(yīng)用自定義廣告類型、外觀、色調(diào)。

▲??GrubHub軟件使用用戶情緒來導(dǎo)航,為用戶準(zhǔn)確的找到心儀的東西

GrubHub軟件使用用戶情緒來導(dǎo)航,為用戶準(zhǔn)確的找到心儀的東西

通感設(shè)計(jì)

觸覺反饋是指用戶在觸摸數(shù)字界面(如虛擬鍵盤)的物理觸摸感。正如我的開創(chuàng)性工作“未來已近?”所預(yù)測(cè)的那樣,通過觸覺及時(shí)給予用戶反饋并糾錯(cuò)。觸覺反饋逐步深入人們的生活中,并延伸至多感官體驗(yàn)。

眾所周知,通感指的是一種多感官體驗(yàn)——比如:在一種感覺模式的刺激下(如聽覺)會(huì)不由自主地聯(lián)想到另一種感覺感覺模式(如嗅覺)。一個(gè)有通感的人可能會(huì)聽到鳥鳴的時(shí)候,一下子聞到爆米花的香味,或者嘗到薄荷的味道,或者身體有放松感。創(chuàng)新技術(shù)人員正在罕見神經(jīng)學(xué)疾病領(lǐng)域積極研究這一課題,并將其運(yùn)用到產(chǎn)品中,未來每個(gè)人都將會(huì)體驗(yàn)到通感設(shè)計(jì)。

Facebook的8號(hào)樓研究室已經(jīng)在他們的平臺(tái)上設(shè)計(jì)了聯(lián)合反饋,將語(yǔ)言轉(zhuǎn)化為振動(dòng):“Facebook希望神經(jīng)技術(shù)通過一系列電極,將語(yǔ)言轉(zhuǎn)化為到用戶皮膚可以讀取的振動(dòng)。到目前為止,這種通過刺激皮膚使用戶“聽到”的方式,已經(jīng)離消費(fèi)者越來越近。

一群人正在設(shè)計(jì)多感官的虛擬現(xiàn)實(shí)體驗(yàn),以吸引觀眾體驗(yàn)移情。

技術(shù)先驅(qū)Eric Parren正在設(shè)計(jì)作為一種感官操作工具Synesthesia Glasses,目的是讓佩戴者進(jìn)行幻覺體驗(yàn)。

互聯(lián)網(wǎng)巨頭正在創(chuàng)造一個(gè)全新的平臺(tái)讓用戶通過皮膚的聯(lián)合反饋來“聽”語(yǔ)言,很快用戶就能以另一種方式“觸摸”世界。
通感設(shè)計(jì)的其他應(yīng)用形式:

航空航天工程師扎卡里?霍華德(Zachary Howard)正在開發(fā)一種面具,它通過使用顏色傳感器、微處理器和精油來模擬通感的效果。通過將戴在手指上的傳感器連接到袖標(biāo)上的英特爾Edison芯片,該設(shè)備可以將任何物體的顏色分解成與三個(gè)氣味儲(chǔ)存器相對(duì)應(yīng)的三原色。

未來,這對(duì)UX意味著什么?

隨著我們?cè)谖磥韼讉€(gè)月里對(duì)聯(lián)合技術(shù)進(jìn)行改進(jìn),像Chase Buckley這樣的設(shè)計(jì)師將繼續(xù)通過利用調(diào)節(jié)我們多感官知覺的大腦中微妙的神經(jīng)來模糊我們物理世界和數(shù)字世界之間的界限。

通感設(shè)計(jì)在麥當(dāng)勞海報(bào)的應(yīng)用

不知情的用戶會(huì)突然發(fā)現(xiàn)咸味的法式炸薯?xiàng)l味道,帶著令人陶醉的氣息,而設(shè)計(jì)師僅僅只是在頁(yè)面底部放著閃爍麥當(dāng)勞的橫幅廣告。

神經(jīng)網(wǎng)絡(luò)?

神經(jīng)網(wǎng)絡(luò)是一種模仿人類大腦的復(fù)雜機(jī)械系統(tǒng)。神經(jīng)網(wǎng)絡(luò)對(duì)我們與技術(shù)的交互有著顯著地影響;它們決定了我們的搜索引擎的信息架構(gòu),它們塑造了我們交流的交互方式,它們甚至?xí)绊懳覀優(yōu)g覽Facebook Feeds和在Instgram照片墻上發(fā)布喜愛照片的微妙方式。

▲? 人腦的神經(jīng)元

人腦的神經(jīng)元

這種真正建立在人腦之上的下一代神經(jīng)網(wǎng)絡(luò),不僅能夠反映我們突觸的體系結(jié)構(gòu),還能反映我們的感受和情緒。

神經(jīng)網(wǎng)絡(luò)并不新鮮,但是部分行業(yè)領(lǐng)導(dǎo)者已經(jīng)意識(shí)到,神經(jīng)網(wǎng)絡(luò)要想真正地改變?nèi)祟惖陌l(fā)展進(jìn)程,它們就必須變得更像人類。這種真正建立在人腦之上的下一代神經(jīng)網(wǎng)絡(luò),不僅能夠反映我們突觸的體系結(jié)構(gòu),還能反映我們的感受和情緒。這些才是神經(jīng)網(wǎng)絡(luò),并且它們就在離我們不遠(yuǎn)處。

早在2014年,F(xiàn)acebook就利用神經(jīng)網(wǎng)絡(luò)對(duì)689003名用戶進(jìn)行了一系列的心理實(shí)驗(yàn),并通過神經(jīng)網(wǎng)絡(luò)所映射人類情感的能力,研究員們?cè)O(shè)計(jì)出一種用來推送能夠激發(fā)用戶某些情緒的新聞智能算法。這個(gè)實(shí)驗(yàn)證明了Facebook可以利用神經(jīng)網(wǎng)絡(luò)簡(jiǎn)單地通過調(diào)整推送的新聞內(nèi)容來調(diào)節(jié)用戶的感受。

Facebook 利用神經(jīng)網(wǎng)絡(luò)進(jìn)行用戶心理測(cè)試

雖然平庸的平面設(shè)計(jì)師可能很難掌握像這種復(fù)雜的“隱形”技術(shù),但聰明的設(shè)計(jì)師將會(huì)意識(shí)到神經(jīng)網(wǎng)絡(luò)對(duì)于我們所掌握的設(shè)計(jì)工具庫(kù)來說是無(wú)價(jià)的。

設(shè)計(jì)情感

設(shè)計(jì)思維是設(shè)計(jì)師用來解決復(fù)雜問題的方法,為用戶找到理想的解決方案。設(shè)計(jì)思維借鑒邏輯、策略和理論推理來探索無(wú)限可能性 ,并創(chuàng)造有利于終端用戶的理想結(jié)果。

設(shè)計(jì)思維的部分場(chǎng)景

如今,設(shè)計(jì)思維的問題在于過分依賴分析推理。2017年過度強(qiáng)調(diào)“設(shè)計(jì)思維”遵守理性、墨守成規(guī),導(dǎo)致今天的設(shè)計(jì)同質(zhì)化嚴(yán)重、枯燥無(wú)味,一切變得模塊化,最終的產(chǎn)品布滿通用樣式、毫無(wú)生氣。

嚴(yán)重同質(zhì)化的網(wǎng)頁(yè)設(shè)計(jì)

2018年單調(diào)的技術(shù)和設(shè)計(jì)期即將結(jié)束。隨著技術(shù)變得越來越商業(yè)和同質(zhì)化,設(shè)計(jì)公司開始尋找新的方法來為產(chǎn)品打造差異化。越來越多的設(shè)計(jì)師開始意識(shí)到,不僅僅需要?jiǎng)?chuàng)造性的運(yùn)用設(shè)計(jì)思維,更需要加入設(shè)計(jì)情感。

設(shè)計(jì)情感要求設(shè)計(jì)師回歸自然和直覺,回到問題的本質(zhì),需要設(shè)計(jì)師感同身受而不是在只看到問題表象。與設(shè)計(jì)思維不相同的是,設(shè)計(jì)情感根植在沖動(dòng)、自發(fā),期望、激情、感覺、想象和放縱等情緒中。設(shè)計(jì)情感代表創(chuàng)意的核心——設(shè)計(jì)不僅僅是一個(gè)過程,而是一個(gè)藝術(shù)。

IDEO首席執(zhí)行官布朗(Tim Brown)在作獨(dú)家專訪的時(shí)候坦言:機(jī)械的設(shè)計(jì)思維已經(jīng)導(dǎo)致同質(zhì)化的設(shè)計(jì)結(jié)果。未來,在設(shè)計(jì)中需要更多的設(shè)計(jì)情感來進(jìn)行創(chuàng)新。

Tim Brown ( IDEO首席執(zhí)行官)

AR&VR技?

我們已經(jīng)歷從印刷到數(shù)字化、從2D到3D,未來將是增強(qiáng)現(xiàn)實(shí)。

在最近面向開發(fā)者的Facebook F8發(fā)布會(huì)上,馬克·扎克伯格表明:所有的屏幕將很快被鏡頭取代,以獲得最終的AR體驗(yàn)。谷歌、蘋果、Facebook和微軟在AR領(lǐng)域不斷努力,馬克·扎克伯格的預(yù)言在未來幾年將會(huì)成為可能。雖然移動(dòng)設(shè)備的優(yōu)勢(shì)不會(huì)很快被取代,但移動(dòng)設(shè)備的增強(qiáng)現(xiàn)實(shí)應(yīng)用程序?qū)?huì)出現(xiàn)大幅增長(zhǎng)。

那么,設(shè)計(jì)師如何設(shè)計(jì)AR/VR?

  • 學(xué)習(xí)物理和編程:在AR中設(shè)計(jì)接口時(shí),思考從現(xiàn)實(shí)生活情境中學(xué)習(xí)并嘗試設(shè)計(jì)還原。
  • 應(yīng)用3D技術(shù):設(shè)計(jì)情景所需要的深度,并為用戶保留視覺周圍的空間。
  • 使用情景:研究應(yīng)用程序使用的環(huán)境條件以及它將如何影響用戶的使用。

語(yǔ)音識(shí)別

Google在2016年表示,大約20%的移動(dòng)搜索都是通過語(yǔ)音識(shí)別完成的。在使用虛擬助手迅速爆炸的趨勢(shì)中,很容易看出為什么2018年的下一個(gè)重大事件將是語(yǔ)音識(shí)別。

只要看看Siri、Cortana、Alexa和Google Assistant的成功,就會(huì)了解這種交互式設(shè)計(jì)的潛力巨大。

現(xiàn)在我們可以通過語(yǔ)音識(shí)別來控制車輛、智能家居和機(jī)器,就像我們和真人交流一樣。借助人工智能和深度學(xué)習(xí),機(jī)器現(xiàn)在能夠更加準(zhǔn)確地理解我們的語(yǔ)言。我們不再局限于小心翼翼地發(fā)音,我們可以用完整的句子說話。這項(xiàng)技術(shù)未來會(huì)持續(xù)被設(shè)計(jì)人員所采用,并被用戶所接受,現(xiàn)在已經(jīng)達(dá)到了超過90%準(zhǔn)確度的標(biāo)準(zhǔn)。

用語(yǔ)音搜索Neel Raj

Wojciech Dobry推出的一個(gè)比較有趣的概念語(yǔ)音設(shè)計(jì),當(dāng)我們?yōu)g覽Medium時(shí),發(fā)現(xiàn)比較好的文章不需要再點(diǎn)擊“claps”這個(gè)拍手按鈕,我們只需要真正“鼓掌”就能給文章點(diǎn)贊。

Wojciech Dobry的“鼓掌”概念設(shè)計(jì)

生物識(shí)別

生物識(shí)別技術(shù)并不是一項(xiàng)新技術(shù)而是變得更加易于使用。在2018年,我們會(huì)看到更多使用生物識(shí)別技術(shù)進(jìn)行身份驗(yàn)證和身份管理的應(yīng)用。將這種技術(shù)整合到他們的應(yīng)用程序中也可以提高最終用戶和企業(yè)的安全性。

由于這是個(gè)人身份識(shí)別的獨(dú)特形式,因此包含基于生物識(shí)別技術(shù)的產(chǎn)品可以繞過傳統(tǒng)登錄要求。使用生物識(shí)別技術(shù),所需要的只是特定的生理或行為特征,例如面部識(shí)別,指紋,語(yǔ)音識(shí)別或虹膜掃描。如阿里巴巴和KFC聯(lián)合推出的微笑付款功能,用戶不需要按任何按鈕就能輕松付款。

微笑付款場(chǎng)景

手勢(shì)識(shí)別

手勢(shì)對(duì)我們來說很熟悉,因?yàn)閷?duì)我們來說是很自然的肢體語(yǔ)言。目前,幾乎每個(gè)應(yīng)用程序都使用它們來加速導(dǎo)航; 我們可以雙擊一張照片,而不是按下按鈕; 我們可以輕掃屏幕來瀏覽相冊(cè); 或捏縮放任何內(nèi)容。2018年,可以在手勢(shì)識(shí)別上面設(shè)計(jì)出更多自然、有趣的手勢(shì)。

Virgil Pana手勢(shì)識(shí)別

手機(jī)應(yīng)用?Clay VR手勢(shì)識(shí)別

我們不僅在平面觸摸屏上做手勢(shì),還在AR和VR空間中執(zhí)行手勢(shì),在這里我們可以在整個(gè)身體中進(jìn)行導(dǎo)航。

Microsoft在?HoloLens上的手勢(shì)識(shí)別

其他技術(shù)的延展應(yīng)用

已經(jīng)得到廣泛使用的陀螺儀技術(shù),幾乎在每臺(tái)手機(jī)上面都有。在以上圖片可以看到陀螺儀被設(shè)計(jì)者用來展示圖片。

陀螺儀在UI中的應(yīng)用

另一個(gè)可能未來用得比較廣泛的近場(chǎng)技術(shù)。比如,當(dāng)我們Iwatch與電腦配對(duì)好以后,將iWatch靠近電腦時(shí),可以幫助我們自動(dòng)解鎖Macbook密碼。未來可穿戴設(shè)備可用于確認(rèn)我們的身份,并根據(jù)位置和傳感器智能預(yù)測(cè)我們的使用需求。

近場(chǎng)技術(shù)在可穿戴設(shè)備上的使用

瞬息萬(wàn)變的世界,各種技術(shù)撲面而來對(duì)設(shè)計(jì)師來說不僅僅是挑戰(zhàn)而是一種機(jī)遇。雖然在目前大部分用戶體驗(yàn)設(shè)計(jì)建立在物理界面上,相信在2018年未來手勢(shì)、VR/AR、生物識(shí)別等技術(shù)會(huì)給用戶帶來全新體驗(yàn),最終實(shí)現(xiàn)NO-UI設(shè)計(jì)。

未來UI場(chǎng)景

文章內(nèi)容由墨默交互編譯梳理,參考文獻(xiàn)如下:

Here’s Where UX Is Going In 2018: Top 7 Design Trends.

作者:Queble Solutions

https://blog.prototypr.io/heres-where-ux-is-going-in-2018-top-7-design-trends-d0cb73e51b45

Future UI Design Without Buttons

作者:Wojciech Dobry

https://www.toptal.com/designers/ui/future-ui-design-without-buttons

The Future is Imminent: 9 Design Trends for 2018

作者:Chase Buckley

https://medium.com/@ChaseBuckleyUX

Top UX Design Trends for 2018 every design should be aware

作者:DTALE Design Studio

https://medium.com/dtale-design-stories/top-ux-design-trends-for-2018-every-design-should-be-aware-2642040d422c

 

本文由 @墨默交互 翻譯發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可,禁止轉(zhuǎn)載。

更多精彩內(nèi)容,請(qǐng)關(guān)注人人都是產(chǎn)品經(jīng)理微信公眾號(hào)或下載App
評(píng)論
評(píng)論請(qǐng)登錄
  1. 你好,我是IXDC(公眾號(hào)ixdcorg)的編輯,請(qǐng)問可以將這篇文章轉(zhuǎn)載到我們的公眾號(hào)上嗎?

    來自廣東 回復(fù)
    1. 抱歉,今天才看到,可以呢。

      來自香港 回復(fù)
    2. 歡迎轉(zhuǎn)載~

      來自香港 回復(fù)
    3. 十分感謝!

      來自廣東 回復(fù)
  2. 666,這么好未來,希望早點(diǎn)到,新媒體運(yùn)營(yíng)交流群,交流經(jīng)驗(yàn)和分享資源

    來自廣東 回復(fù)
  3. 墨默交互以后會(huì)多多設(shè)計(jì)相關(guān)資訊,謝謝關(guān)注~ ??

    來自美國(guó) 回復(fù)
  4. 電池

    來自山東 回復(fù)
  5. 感謝黑白灰安利的這個(gè)app,這確實(shí)是適合我來的地方。這篇文滿足了我對(duì)于一部分未來的好奇心,同時(shí),也看到了一個(gè)新的 機(jī)會(huì)

    回復(fù)