交互設(shè)計(jì)方法論:未來(lái)交互
編輯導(dǎo)語(yǔ):我們大家肯定都想過(guò)未來(lái)的手機(jī)是什么樣的,會(huì)不會(huì)已經(jīng)沒(méi)有手機(jī)實(shí)體,靠投影或者眼鏡植入芯片;操控是不是靠著手勢(shì)或者意念就可以完成等等;本文作者詳細(xì)的分析了未來(lái)交互,也對(duì)未來(lái)交互寫(xiě)出了關(guān)于自己的想法,我們一起來(lái)看一下。
一、未來(lái)交互
1. 思考環(huán)節(jié)
在上一章中,我們從0到1將iPod發(fā)明出來(lái)了,最終的成品與蘋(píng)果公司的第一代iPod所差無(wú)幾;按理來(lái)說(shuō),這本書(shū)的理論和實(shí)踐都已經(jīng)講完了,應(yīng)該也快結(jié)束了;但實(shí)際上,單憑一個(gè)iPod的發(fā)明案例就想證明這一套理論是正確的,還是有一些推理漏洞在的。
我通過(guò)這套理論發(fā)明出iPod,那只能證明這個(gè)理論對(duì)于發(fā)明iPod是正確的。
但因?yàn)槲夷X子里已經(jīng)知道蘋(píng)果的iPod是怎么樣的,我也就沒(méi)有辦法證明我發(fā)明iPod的過(guò)程中沒(méi)有受到了蘋(píng)果公司iPod的影響。
所以我在書(shū)中發(fā)明iPod的這個(gè)過(guò)程會(huì)有兩種解釋?zhuān)?/p>
2. 兩種解釋
第一種解釋是:我已經(jīng)知道iPod長(zhǎng)什么樣子,我的發(fā)明過(guò)程并不完全是一個(gè)從無(wú)到有的過(guò)程,更像是一個(gè)已經(jīng)知道了結(jié)果再一步一步朝著最終結(jié)果方向進(jìn)行演繹的過(guò)程。
第二種解釋是:這套理論是真的能讓一個(gè)人從無(wú)到有發(fā)明出iPod,即便這個(gè)人從來(lái)沒(méi)有看見(jiàn)過(guò)iPod是什么樣子的。
那么問(wèn)題來(lái)了,怎么才能驗(yàn)證哪種解釋是合理的呢?
我想到了兩種驗(yàn)證方法:
3. 兩種驗(yàn)證方法
第一種方法:時(shí)間穿越+記憶清除。
因?yàn)閕Pod在2001年已經(jīng)發(fā)布了,如果我想趕在喬布斯發(fā)布iPod前將iPod發(fā)明出來(lái),我就需要一臺(tái)時(shí)光機(jī),讓我穿越到20年前;實(shí)際上,大家也知道現(xiàn)在還沒(méi)有時(shí)光機(jī)。
所以我沒(méi)有辦法回到20年前,再者即便我回到了20年,我的腦海里也已經(jīng)存在關(guān)于iPod的記憶了;我還需要一臺(tái)記憶清除裝置,將有關(guān)iPod的記憶從我的腦海中清除掉;那這個(gè)驗(yàn)證方法基本上是不可能做到的。
那么有什么辦法可以間接證明這套理論是正確的呢?當(dāng)然是有的。
第二種方法:創(chuàng)造未來(lái)。
為什么說(shuō)創(chuàng)造未來(lái)可以驗(yàn)證第二種解釋呢?
上面說(shuō)到我沒(méi)有辦法早出生20年或者做時(shí)光機(jī)回到過(guò)去,趕在蘋(píng)果的iPod發(fā)布前將iPod發(fā)明出來(lái)。
但轉(zhuǎn)念一想,如果我真的能夠早出生20年,也就是公元2000年寫(xiě)出這本書(shū),那書(shū)里所發(fā)明的iPod交互也就是未來(lái)交互了,因?yàn)樘O(píng)果是在2001年發(fā)布iPod的;也就是說(shuō)如果上面的第二種解釋是正確的,那我就能發(fā)明未來(lái)的交互。
但實(shí)際上我無(wú)法早出生20年,但我們可以換一個(gè)角度思考,如果我晚出生20年的話(huà),那么相對(duì)地,我寫(xiě)出這本書(shū)的時(shí)間是公元2040年;2040年的20年前,也就是現(xiàn)在公元2020年,那我是不是就能發(fā)明現(xiàn)在還沒(méi)出現(xiàn)的交互設(shè)計(jì)方案了?
所以,我們可以這么進(jìn)行推理,假設(shè)第二種解釋是正確的,那么理論上,現(xiàn)在的我可以發(fā)明創(chuàng)造一些在未來(lái)20年里的新產(chǎn)品才會(huì)使用的交互設(shè)計(jì)。
4. 小結(jié)
一句話(huà),想要驗(yàn)證這本書(shū)的理論是否正確有兩種驗(yàn)證方法,我沒(méi)有辦法回到過(guò)去,但我可以創(chuàng)造未來(lái)。
二、創(chuàng)造未來(lái)
開(kāi)始進(jìn)入正題了,現(xiàn)在擺在我面前的問(wèn)題是,如何創(chuàng)造未來(lái)的交互?該從哪些方面或者產(chǎn)品入手?
本章雖然是叫未來(lái)交互,但實(shí)際還是講“歷史”。
因?yàn)槲磥?lái)本質(zhì)上跟過(guò)去和現(xiàn)在沒(méi)有區(qū)別,之所以稱(chēng)之為未來(lái),只是因?yàn)樗沁€沒(méi)有發(fā)生,但它終究會(huì)隨著時(shí)間流逝成為歷史;而現(xiàn)在的我在未來(lái)20年后我的眼里是歷史了,我們不妨看看過(guò)去的產(chǎn)品和交互,看看能不能從中找到發(fā)明未來(lái)交互的靈感。
上圖是喬布斯2007年iPhone發(fā)布會(huì)上的畫(huà)面,上面的交互設(shè)計(jì)依次是鼠標(biāo),轉(zhuǎn)盤(pán),多點(diǎn)觸控,這些設(shè)計(jì)所對(duì)應(yīng)的產(chǎn)品是Mac,iPod,iPhone;這些產(chǎn)品交互可以說(shuō)都是世界級(jí)的,它們的誕生改變了整個(gè)世界。
我們可以試著用前面章節(jié)的知識(shí)去分析這些交互,鼠標(biāo)可以控制屏幕中的光標(biāo),在平面上移動(dòng),屬于2維功能;信息接收(鼠標(biāo))和信息發(fā)送(屏幕)都是二維的面。
iPod的轉(zhuǎn)盤(pán)可以作為線(xiàn)功能的信息接收器,iPhone的屏幕則可以作為面功能的信息接收器。
我們?cè)俳Y(jié)合下面的表來(lái)思考,我們能夠做什么東西出來(lái)。
世界上所有的交互都在這幅圖里,那么未來(lái)的交互,也必定是在這幅圖中。
左上角的是最簡(jiǎn)單的,功能是點(diǎn),接收發(fā)送都是點(diǎn),就比如開(kāi)燈;與之相對(duì),右下角是最難的,功能是體,接收發(fā)送都是體,基本上屬于虛擬現(xiàn)實(shí)、AR、VR相關(guān)產(chǎn)品的范疇了。
1. 我的答案
下面的一張視頻截圖,就是我根據(jù)書(shū)中知識(shí)所推理出來(lái)的未來(lái)交互:
上面發(fā)布會(huì)中列舉的指尖交互手勢(shì)可以使用在電視、電腦、游戲、虛擬現(xiàn)實(shí)這幾個(gè)產(chǎn)品上,通過(guò)手指指尖的接觸來(lái)實(shí)現(xiàn)不同的功能。
其實(shí)手勢(shì)控制不是什么新鮮的東西,有些產(chǎn)品已經(jīng)搭載手勢(shì)控制了;像電視用手勢(shì)控制,最早的一波熱潮是在2013年左右,那時(shí)候就有各種電視廠(chǎng)家在電視上加入手勢(shì)控制功能。
TCL在13年的時(shí)候出過(guò)手勢(shì)識(shí)別的電視,但如果你現(xiàn)在去TCL的體驗(yàn)店問(wèn)有沒(méi)有哪臺(tái)電視有手勢(shì),工作人員會(huì)對(duì)你說(shuō):你來(lái)晚了,你早來(lái)幾年就有,現(xiàn)在早就沒(méi)有手勢(shì)控制的電視生產(chǎn)了。
像小米電視至今也沒(méi)有任何一款搭載了,康佳電視現(xiàn)在也只有一臺(tái)機(jī)型有,華為2019年發(fā)布的電視也有搭載。
早年這么電視多爭(zhēng)先恐后搭載手勢(shì),想要實(shí)現(xiàn)無(wú)遙控器電視,那么為什么直到現(xiàn)在都沒(méi)有大規(guī)模應(yīng)用起來(lái)呢?
有的人可能認(rèn)為是成本或者技術(shù)方面的考慮,不過(guò)我覺(jué)得不是這些原因,我認(rèn)為真正限制的原因是即便這臺(tái)電視搭載了手勢(shì)控制,消費(fèi)者用過(guò)幾次之后,就會(huì)發(fā)現(xiàn)太難用了;電視遙控器比這些手勢(shì)要好用多了,也就不會(huì)用手勢(shì)控制這個(gè)功能了。
既然沒(méi)人用,廠(chǎng)家也就沒(méi)必要再花而外的成本去搭載這一功能。
究其原因,就像我視頻所說(shuō)的那樣,這些手勢(shì)存在一些問(wèn)題,比如容易誤判、響應(yīng)需要等待、實(shí)現(xiàn)的功能很少、沒(méi)有遙控器那樣知道自己點(diǎn)沒(méi)點(diǎn)按鍵的控制感。
存在問(wèn)題:
1)容易誤判
為什么容易誤判,因?yàn)檫@些手勢(shì)是真的以某個(gè)“手勢(shì)”作為一種信息,比如OK手勢(shì)?、張開(kāi)手掌??、剪刀手??、握拳?;以這些手勢(shì)作為指令必然容易誤判,因?yàn)槲覀兤綍r(shí)就會(huì)做出類(lèi)似的手勢(shì);再加上判定邏輯沒(méi)有那么完善,每個(gè)人所做的手勢(shì)又有所區(qū)別,這就更加難以平衡了。
2)響應(yīng)需要等待
有的產(chǎn)品為了減少誤判,就通過(guò)延長(zhǎng)判斷時(shí)間來(lái)實(shí)現(xiàn),這樣就造成了產(chǎn)品響應(yīng)需要等待一下,比如華為電視就是這樣;現(xiàn)在的很多手勢(shì),包括微軟的hololens,或者其他VR、AR相關(guān)產(chǎn)品,都是采用時(shí)間維度來(lái)進(jìn)行輔助確定。
3)功能有限
設(shè)計(jì)這些手勢(shì)的設(shè)計(jì)師被自己的經(jīng)驗(yàn)所束縛,認(rèn)為手勢(shì)就是一只手處于某種形態(tài)才是手勢(shì),而我們所熟悉的手勢(shì)就那么幾種所以能實(shí)現(xiàn)的功能也就只有簡(jiǎn)單的點(diǎn)功能;當(dāng)然也有部分手勢(shì)是線(xiàn)功能,面功能,比如用你的手掌在空中移動(dòng)來(lái)控制電視的光標(biāo)移動(dòng)。
而指尖交互手勢(shì)已經(jīng)是最高的體了,即便在不考慮時(shí)間維度,比如長(zhǎng)按、雙擊等情況下;就單憑一只手,指尖交互手勢(shì)就有78個(gè)功能維度可以控制了,要控制電視一些點(diǎn)功能和線(xiàn)功能或者面功能是綽綽有余的;所以我們可以只用一只手就能控制電視、控制電腦;至于玩游戲的話(huà),肯定是比不上游戲手柄了,只能玩一些簡(jiǎn)單的游戲。
我們平時(shí)手的狀態(tài)握拳、張開(kāi)手掌、手掌自然下垂,這些狀態(tài)從指尖交互手勢(shì)的角度看——握拳就是5指指尖交互,張開(kāi)手掌就是沒(méi)有指尖交互,手掌自然下垂就是4指指尖交互;我們?cè)O(shè)計(jì)的時(shí)候盡量避免這些指尖交互。
就如同視頻中展示的那些手勢(shì),基本上日常的生活中會(huì)比較少出現(xiàn)的,也就沒(méi)有了誤判的問(wèn)題;另外通過(guò)指尖接觸也不會(huì)存在個(gè)體差異,一個(gè)人的OK手勢(shì)和另外一個(gè)人的OK手勢(shì)會(huì)有不同一樣的情況,角度不一樣、方向不一樣等;但必定相同的一點(diǎn)是拇指和食指的指間是接觸的。
2. 指尖交互手勢(shì)的應(yīng)用
而想要實(shí)現(xiàn)指尖交互手勢(shì)其實(shí)也是非常簡(jiǎn)單,現(xiàn)在的技術(shù)條件已經(jīng)可以做到了,最簡(jiǎn)單的方法只要產(chǎn)品配備一個(gè)攝像頭加上一些視覺(jué)算法就可以了,當(dāng)然也可以用雷達(dá)來(lái)感應(yīng)指尖的手勢(shì)。
具體怎么實(shí)現(xiàn)就不是交互設(shè)計(jì)師要考慮的重點(diǎn)了,所以電視、電腦、手機(jī)、AR眼鏡等都可以應(yīng)用這個(gè)手勢(shì)。
1)電視遙控器
在我小時(shí)候,看電視用的遙控器,那按鍵多到不得了?,F(xiàn)在的電視把這些功能都轉(zhuǎn)移到屏幕上了,按鍵也就少了很多。但如果能夠完全用你的手,就能控制電視,那該多好呀,所以視頻中我展示了用手控制電視的例子。因?yàn)樗枰墓δ懿⒉欢?,用指尖交互手?shì)就可以很輕松地將現(xiàn)在電視遙控器的功能給取代。
2)電腦鼠標(biāo)
鼠標(biāo)的2個(gè)按鍵和滑動(dòng)光標(biāo)也是一樣的道理,高緯度容納低維度,這個(gè)就比較簡(jiǎn)單了;相信大家在視頻中都看到了,視頻中還有一些平時(shí)鼠標(biāo)沒(méi)有的功能,那是因?yàn)槲抑苯影烟O(píng)果觸控板的功能給做上去了,所以使用過(guò)蘋(píng)果觸控板的讀者就知道視頻中那些對(duì)應(yīng)的功能了;比如啟動(dòng)臺(tái)、調(diào)度中心等。
3)AR眼鏡
在說(shuō)AR眼鏡之前,我們先談?wù)労?jiǎn)單點(diǎn)的內(nèi)容,就像第一代iPhone采用擬物化的設(shè)計(jì)方案,讓我們可以更好地從已有的實(shí)物操作經(jīng)驗(yàn)去嘗試新的手機(jī)界面交互;AR眼鏡一開(kāi)始最好能夠電腦和手機(jī)進(jìn)行移植,一方面可以很好地教育使用者,讓其很好地從電腦和手機(jī)的使用中過(guò)渡;同時(shí)也解決了一開(kāi)始沒(méi)有很多開(kāi)發(fā)者給AR眼鏡進(jìn)行軟件開(kāi)發(fā)的問(wèn)題。
移植了電腦和手機(jī)后,只要人們帶上眼鏡,就能夠使用對(duì)自己有用的產(chǎn)品,無(wú)需額外學(xué)習(xí)。
4)電腦移植
我們所看到的世界,其實(shí)是3維空間的2維投影,所以我認(rèn)為很多時(shí)候我們要進(jìn)行交互的界面應(yīng)該是二維平面。
我們平時(shí)用的電腦就屬于平面。那么我們能不能將現(xiàn)有的電腦操作界面直接搬到3維空間去呢?
帶上AR眼鏡,就能直接出現(xiàn)windows或macos操作界面懸浮在空中,用指尖交互手勢(shì)控制光標(biāo);就像我在視頻中演示的那樣,我們可以完全展示出一塊屏幕去控制。
一塊屏幕,能顯示的東西很少,現(xiàn)實(shí)中的屏幕因?yàn)槭菍?shí)體的,所以會(huì)有邊界,不能隨便變大變小;當(dāng)我們覺(jué)得一個(gè)屏幕不夠用的時(shí)候,我們會(huì)多屏協(xié)作。
因?yàn)槲覀儸F(xiàn)實(shí)中的屏幕是有邊界的,很多程序頂部都有一些功能選項(xiàng),如上圖所示:在現(xiàn)實(shí)屏幕上,可以大幅度地上移,因?yàn)楣鈽?biāo)必定會(huì)停留在屏幕頂部邊緣。
但在虛擬現(xiàn)實(shí)中,如果光標(biāo)的移動(dòng)是任意移動(dòng),不受虛擬桌面的邊界影響;那么就需要我們比較精準(zhǔn)地控制,才能很好地選中我們想要的功能,不然鼠標(biāo)就很容易移動(dòng)到虛擬桌面外面了。
那能不能完全模擬現(xiàn)實(shí)的屏幕,光標(biāo)只在虛擬桌面的范圍內(nèi)移動(dòng),不能超過(guò)界限。
這樣做可以解決上面提到的問(wèn)題,但隨之而來(lái)的是另一個(gè)問(wèn)題——我可以有很多個(gè)虛擬桌面,當(dāng)我想要控制其他虛擬桌面的時(shí)候怎么辦?
怎么從一個(gè)軟件窗口,移動(dòng)到另一個(gè)軟件窗口,就是我們要思考的問(wèn)題了;用上圖那種現(xiàn)有的多屏控制系統(tǒng)當(dāng)然是可以的,但沒(méi)有那么隨心所欲,想怎么放置就怎么方式。
我們可以面前的空間當(dāng)成是一個(gè)大的桌面,每個(gè)程序都有自己的一個(gè)區(qū)域,不可避免地會(huì)有重疊的地方;但我有希望每個(gè)程序都有一個(gè)虛擬邊界,來(lái)實(shí)現(xiàn)更好地掌控。
這個(gè)時(shí)候該怎么去選擇另外一個(gè)程序呢?
我的答案是:從空間的另外一個(gè)維度入手,我們可以將光標(biāo)從二維屏幕中拖拽出來(lái),再移到另一個(gè)軟件窗口中;這時(shí)候的光標(biāo)就像一個(gè)水滴一樣,從一個(gè)程序的屏幕上脫離出來(lái)。
5)手機(jī)移植
上面我提到,單純用指尖交互手勢(shì),只能玩一些簡(jiǎn)單的游戲;雖然我在視頻中展示了用指尖交互手勢(shì)玩守望先鋒中的麥克雷角色,其實(shí)是比較不方便的,兩只手最多可以同時(shí)控制4個(gè)功能,這種控制力度在游戲過(guò)程中往往是不夠的。
現(xiàn)在很多人都玩手機(jī)游戲,像王者榮耀、和平精英等,這些就很難通過(guò)指尖交互手勢(shì)來(lái)玩了。
那么,未來(lái)手機(jī)會(huì)是怎么樣的?
我在這里進(jìn)行一些思考,大家看看即可,不必較真。
我們?cè)谝恍┛苹闷锌催^(guò)完全透明的手機(jī),但基于我所了解的知識(shí)來(lái)判斷,一款完全透明的手機(jī)是基本不可能的。
除非什么時(shí)候電池、攝像頭、喇叭等所有材料都可以透明;如果只是顯示屏透明,周?chē)蝗Σ煌该?,其?shí)還是可以的,而且很早就有廠(chǎng)家實(shí)現(xiàn)了,只是無(wú)法量產(chǎn),效果也不太理想;而最近發(fā)布的小米透明電視,是可以量產(chǎn)的,我去到現(xiàn)場(chǎng)體驗(yàn)了一下,效果也還是不錯(cuò)的。
但如果是一塊透明玻璃跟AR眼鏡相碰撞,會(huì)擦出什么樣的火花呢?
我個(gè)人認(rèn)為這兩種結(jié)合,基本上就能實(shí)現(xiàn)一款完全透明的手機(jī)了;唯一需要解決的問(wèn)題就是怎么獲取到手指和屏幕接觸的信息線(xiàn),這個(gè)解決了的話(huà),基本上就沒(méi)有問(wèn)題了;當(dāng)然這塊玻璃手機(jī)因?yàn)榫椭皇且粔K玻璃,不會(huì)震動(dòng)、不能自拍、不能播放音樂(lè)。
如果不在乎透明,想要更加實(shí)用,那我們可以加上攝像頭、震動(dòng)、按鍵、觸摸、電池、麥克風(fēng)、喇叭,不過(guò)AR眼鏡可能已經(jīng)有麥克風(fēng)和喇叭了,或者你戴個(gè)AirPods也行;屏幕的話(huà)就不需要了,我們可以通過(guò)AR眼鏡來(lái)貼上一塊屏幕,那基本上就像一款無(wú)劉海的iPhone了。
那這款沒(méi)有屏幕的“手機(jī)”用起來(lái)完全跟現(xiàn)在的手機(jī)一摸一樣,你可以在上面做任何現(xiàn)在手機(jī)能做的事情;只是旁人看起來(lái),你就是拿著一塊東西一通亂按。
現(xiàn)在手機(jī)最頭疼的前置攝像頭,后置攝像頭隨便你怎么放都行,即使整臺(tái)手機(jī)兩面有都幾個(gè)攝像頭,加入你自拍,你看到的依舊是全屏顯示你的自拍畫(huà)面。
我們?cè)偕钊胂胂耄绻昂髢蓚€(gè)攝像頭同時(shí)拍攝,遠(yuǎn)程傳輸數(shù)據(jù),再加上AR眼鏡就可以身臨其境了;當(dāng)然最好還是控制一下顯示范圍,方圓幾米還是現(xiàn)實(shí)環(huán)境,避免不小心撞到其他東西的,這個(gè)時(shí)候可以看成是VR的場(chǎng)景了。
如果只是做到上面的目的,我們現(xiàn)在的360環(huán)繞看,其實(shí)只是平面,就好比現(xiàn)在你拿手機(jī)屏幕看街景一樣,沒(méi)有立體感;我們想要拍攝立體感的圖片或者視頻,就需要兩個(gè)攝像頭相距眼睛的距離,同時(shí)拍攝,那樣就可以得到立體的畫(huà)面。
如果想要360度的環(huán)繞立體,那就至少需要4個(gè)攝像頭才能做到,當(dāng)然更多最好,但4個(gè)是最低要求了。
這種時(shí)候才真正叫做身臨其境,而不是單純的360環(huán)繞圖片。
那這么多攝像頭,還能叫手機(jī)嗎?這只是AR眼鏡的一個(gè)應(yīng)用場(chǎng)景而已,你甚至可以隨便拿一塊硬一點(diǎn)的紙板,直接當(dāng)成iPad使用;因?yàn)橥ㄟ^(guò)眼鏡,你看到的就是一臺(tái)iPad,不過(guò)這樣就沒(méi)有震動(dòng)、攝像等其他功能了。
3. AR眼鏡應(yīng)用層拓展
喬布斯在發(fā)布iPhone的時(shí)候,提到的電腦鼠標(biāo)、iPod上的轉(zhuǎn)盤(pán)、iPhone的多點(diǎn)觸控,這些都屬于媒介的信息接收方式;指尖交互手勢(shì)在我看來(lái),也屬于一種信息接收方式,而不是具體的某一種交互。
舉個(gè)例子,我們?cè)谑謾C(jī)上的操作都是基于多點(diǎn)觸控這一信息接收方式,雙指捏合縮小照片,雙指旋轉(zhuǎn)照片也旋轉(zhuǎn),或是下拉刷新的操作;這些具體的交互都建立在多點(diǎn)觸控的基礎(chǔ)上;再比如我們的電腦鼠標(biāo),不但可以控制光標(biāo),也能在射擊游戲里控制準(zhǔn)星。
我在視頻中展示的是部分的功能操作和一些手勢(shì)對(duì)應(yīng)的功能,至于不同的手勢(shì)對(duì)應(yīng)什么功能,其實(shí)完全可以自己去想象;我在視頻中的舉例只是自己想到的,給大家一個(gè)參考。
除了這些舉例之外,我沒(méi)有說(shuō)到具體的軟件界面和指尖交互手勢(shì)的聯(lián)動(dòng);因?yàn)檫@個(gè)東西,其實(shí)已經(jīng)到了大家自由創(chuàng)作的階段了。
上面的手機(jī)和電腦是將已有產(chǎn)品移植到AR眼鏡系統(tǒng)上,就像當(dāng)年iPhone將iPod作為一個(gè)app進(jìn)行移植類(lèi)似。
那么iPhone應(yīng)用商店里那層出不窮的各種APP就屬于應(yīng)用層的拓展了。
到了軟件層面,下拉刷新、雙擊點(diǎn)贊;看視頻時(shí),屏幕左邊上下滑動(dòng)調(diào)整亮度、屏幕右邊上下滑動(dòng)調(diào)整音量、水平滑動(dòng)調(diào)整播放進(jìn)度;這些交互都是建立在屏幕上的。
而在虛擬現(xiàn)實(shí)中,基于指尖交互手勢(shì)能夠衍生出哪些具體的交互出來(lái)呢?展示的內(nèi)容是平面的時(shí)候怎么樣交互?三維立體的內(nèi)容又是怎么樣的交互?開(kāi)始菜單的展示又是怎么樣的?多任務(wù)是怎么樣的?
這些各位讀者都可以基于之間交互手勢(shì)去進(jìn)行想象,也許你想到的交互,就是未來(lái)我們會(huì)使用的。
4. 不足之處
雖然說(shuō)指尖交互手勢(shì)有很多優(yōu)點(diǎn),但也是存在局限性的,就像手機(jī)屏幕大到一定程度就不好單手操作一樣。
1)打字
如果在空中顯示虛擬鍵盤(pán)來(lái)打字的話(huà),這個(gè)時(shí)候用指尖交互手勢(shì)就不太合適了,直接手指放在相應(yīng)的位置就行。
但這也不像實(shí)體鍵盤(pán)那樣有觸覺(jué)反饋,即便將虛擬鍵盤(pán)投射到桌面上,有點(diǎn)擊的觸覺(jué)反饋,但沒(méi)有按鍵間隙的觸覺(jué)反饋,你的視覺(jué)焦點(diǎn)還必須在虛擬鍵盤(pán)和虛擬屏幕間切換。
這種交互就違背了書(shū)中所說(shuō)的理念了,所以在打字方面,未來(lái)也只會(huì)通過(guò)實(shí)體鍵盤(pán)或者通過(guò)語(yǔ)音來(lái)實(shí)現(xiàn)打字。
順便說(shuō)一下未來(lái)電腦,有的設(shè)計(jì)折疊電腦,鍵盤(pán)是屏幕,絕對(duì)不是好的交互;我為什么這么說(shuō)?
因?yàn)檫@種交互跟我書(shū)中所說(shuō)的交互設(shè)計(jì)理念相違背;除非能夠?qū)崿F(xiàn)觸覺(jué)反饋,跟現(xiàn)實(shí)的鍵盤(pán)一樣,而不是敲一塊鋼板;按下去的觸覺(jué)可以模擬,比如現(xiàn)在mac上的觸控板就可以,但每個(gè)按鍵間的間隙觸摸的感覺(jué)也需要能夠模擬出來(lái)才行。
要么就是有一款手套,戴上之后,即便是在空中,也能有觸覺(jué)反饋,那這種手套倒是一個(gè)不錯(cuò)的選擇。
至于如何實(shí)現(xiàn)?
四周有磁力控制裝置和手套上的磁力能夠?qū)?yīng)起來(lái)再加上震動(dòng)應(yīng)該就可以了,甚至可以讓你真實(shí)地握住空氣中的物體;如果你全身穿上這種裝置,有可能實(shí)現(xiàn)坐在空氣中,原理大致像現(xiàn)在的懸浮地球儀一樣;當(dāng)然我對(duì)這塊不太了解,也不知道會(huì)不會(huì)違背某些物理學(xué)原理,所以大家看看就好。
2)選擇物品
因?yàn)槲覀兛吹降氖嵌S圖像,大多數(shù)時(shí)候可以使用射線(xiàn)來(lái)移動(dòng)光標(biāo),選中物體,會(huì)比真正控制光標(biāo)在3維空間中移動(dòng)要來(lái)的快些。
5. 未來(lái)的其他可能
未來(lái)的交互必然不止有指尖交互,還有其他的一些產(chǎn)品交互,比如,通過(guò)眼睛、寧?kù)o技術(shù)、擬態(tài)、語(yǔ)音、腦機(jī)連接等的發(fā)展。
我在這里也寫(xiě)一些自己的一些見(jiàn)解——概括來(lái)說(shuō),未來(lái)的交互設(shè)計(jì)有一條規(guī)律:利用還沒(méi)被利用上的信息線(xiàn),無(wú)論是接收的信息線(xiàn)或是發(fā)出的信息線(xiàn)。
1)眼睛交互
眼睛讓我們可以看到東西,接收視覺(jué)信息線(xiàn);除了接受信息,我們是不是也可以通過(guò)眼睛發(fā)送信息呢?
我們先從使用者信息發(fā)送的角度,看看我們可以控制眼睛做什么東西:眨眼、眼珠轉(zhuǎn)動(dòng)、睜大眼睛、瞇起眼睛、瞳孔大小。
眨眼:眨眼就跟打摩斯密碼一樣,只要給你足夠的時(shí)間,多復(fù)雜的功能你都能控制;但眨眼是我們生理必須要做的事情,我們可以主動(dòng)控制是否眨眼,但我們會(huì)不自覺(jué)地眨眼,所以用眨眼來(lái)輸出信息是欠妥的;當(dāng)然我們還可以單獨(dú)控制一只眼睛眨眼才觸發(fā)相應(yīng)操作之類(lèi)的,但太費(fèi)勁了;基于這個(gè)考慮,眨眼來(lái)輸出信息是不可取的。
眼珠轉(zhuǎn)動(dòng):眼珠轉(zhuǎn)動(dòng)其實(shí)是一個(gè)面輸出,我們已經(jīng)在應(yīng)用這個(gè)信息了,就是我們的眼動(dòng)儀、視覺(jué)跟蹤等;你也可以用來(lái)玩游戲之類(lèi)的,但如果你需要接受視覺(jué)信息的同時(shí),用眼睛去控制,那就不太好了;假如你用眼睛玩賽車(chē)游戲,你控制車(chē)向左轉(zhuǎn)的時(shí)候,眼珠向左偏移,視線(xiàn)也在屏幕左邊,那樣你就看不清屏幕中間的內(nèi)容了;另一方面,眼珠的轉(zhuǎn)動(dòng)受環(huán)境影響很大,外面的閃電或者巨大的聲響,我們都會(huì)不自覺(jué)地將注意力轉(zhuǎn)移,想要看看發(fā)生了什么;我們就算盯著某個(gè)地方,眼睛的焦點(diǎn)也是在不停抖動(dòng)的,只是人自己覺(jué)得自己眼球沒(méi)有轉(zhuǎn)動(dòng)罷了。
如果是通過(guò)其他感官的信息線(xiàn)接受,用眼珠轉(zhuǎn)動(dòng)控制,那還是可以的;比如控制音量,或者你所坐的椅子向左轉(zhuǎn)向右轉(zhuǎn),升高或者降低。
微軟的hololens在瀏覽網(wǎng)頁(yè),看到下面的時(shí)候,頁(yè)面會(huì)自動(dòng)上移,這種交互恰似減少了人的主動(dòng)交互,但實(shí)際上讓人沒(méi)有控制感;且容易受到影響,滾動(dòng)速度也無(wú)法準(zhǔn)確控制。
睜大眼睛、瞇起眼睛、眉毛:睜大眼睛、瞇起眼睛,可以看成是控制眼皮的張合,可以看作線(xiàn)信息發(fā)送器,這兩種方式我們可以主動(dòng)控制,但我們不可能經(jīng)常做這些行為的,環(huán)境亮度會(huì)影響;瞇起眼睛也會(huì)影響到視覺(jué)信息的接受;控制眉毛的上下移動(dòng)的方案倒是稍微好一些,但不是每個(gè)人都能隨心所欲地控制眉毛的。
瞳孔大小:這個(gè)不是我們所能夠主動(dòng)控制的,主要是周?chē)庠矗蛘呤巧矸磻?yīng),比如受到驚嚇之類(lèi)的。
小結(jié):使用眼睛相關(guān)的交互,只能在非常局限的場(chǎng)景下才比其他交互好用一些,所以未來(lái)我并不看好這種交互方式。
2)寧?kù)o技術(shù)(calm technology)
什么是寧?kù)o技術(shù)?
我個(gè)人也是最近才了解的,所以可以跟大家簡(jiǎn)單說(shuō)一下這個(gè)事情,下面是國(guó)外對(duì)這一技術(shù)的相關(guān)描述:
維基百科上對(duì)寧?kù)o技術(shù)的一些介紹:
用戶(hù)對(duì)產(chǎn)品的注意力需要保持在邊緣區(qū)域,這意味著該技術(shù)可以讓人在注意的中心和外圍之間輕松地切換,或者說(shuō)寧?kù)o技術(shù)更多出現(xiàn)在注意邊緣而不是注意中心;寧?kù)o技術(shù)增加了人們對(duì)邊緣注意的利用程度,不會(huì)給用戶(hù)增加信息負(fù)擔(dān),從而造就了良好的用戶(hù)體驗(yàn);寧?kù)o技術(shù)給人們熟悉的感覺(jué),并讓用戶(hù)了解以往的,現(xiàn)在和將來(lái)的環(huán)境。
a good tool is an invisible tool.By invisible, we mean that the tool dose not intrude on your consciousness; you focus on the task, not the tool。
一個(gè)好的工具是看不見(jiàn)的,這里的看不見(jiàn)指的是這個(gè)工具本身不會(huì)占據(jù)我們的注意,你只會(huì)集中在怎么完成任務(wù)上而不是這個(gè)工具上。
Mark Weiser–1993
下面我舉幾個(gè)例子解釋一下:
上面的左邊的手環(huán)就是寧?kù)o技術(shù)的體現(xiàn),只有一個(gè)按鈕和一個(gè)彩色的狀態(tài)指示燈,小米手環(huán)就是寧?kù)o技術(shù)的反面,使用電子屏幕了。
寧?kù)o技術(shù)把電子屏幕看作是寧?kù)o技術(shù)的對(duì)立面,把電子屏幕看作是會(huì)吸引用戶(hù)注意力的東西,在我看來(lái),這是不對(duì)的——屏幕是現(xiàn)實(shí)的延伸,是一種可變的現(xiàn)實(shí)。
長(zhǎng)得機(jī)械手表的電子屏手表和機(jī)械手表的差異在哪里?
這是寧?kù)o技術(shù)不能合理解釋的事情:我們看到屏幕,就知道這是一個(gè)屏幕,可以顯示內(nèi)容,是否支持觸摸,就需要我們?cè)囈幌虏胖馈?/p>
但這算是我們的注意被電子屏幕吸引走了嗎?
如果是黑色桌面上嵌上一塊的屏幕呢,那一樣完全沒(méi)有占據(jù)注意力。
寧?kù)o技術(shù)傾向用非屏幕展示信息,比如下方蘋(píng)果電腦的電源狀態(tài);如果有讀者沒(méi)見(jiàn)過(guò)的話(huà),先不要往后看,先猜一下這3幅圖都代表著什么意思;這比較重要,猜好了再接著看。
插入電源后,蘋(píng)果電腦是否在充電,我們看電腦屏幕可以看到充電狀態(tài),寧?kù)o技術(shù)則認(rèn)為接口上的那盞燈可以起到同樣的效果。
燈沒(méi)亮說(shuō)明還沒(méi)連接上;燈是黃色,說(shuō)明在充電;燈是綠色說(shuō)明電量是滿(mǎn)的;不知道大家有沒(méi)有猜對(duì),可能大部分人都猜對(duì)了,有極少部分讀者猜錯(cuò)了。
寧?kù)o技術(shù)的應(yīng)用只能是一些簡(jiǎn)單的功能提示才可以完全嵌入到平常的產(chǎn)品中;因?yàn)檫@些東西是要用戶(hù)去推理,這個(gè)燈亮起來(lái)了是接上了電源,這個(gè)燈是黃色的說(shuō)明電腦在充電;這些都是要用戶(hù)學(xué)習(xí)這種對(duì)應(yīng)關(guān)系,因?yàn)橛脩?hù)一開(kāi)始是不知道綠色的燈和黃色的燈代表著什么含義。
但這種設(shè)計(jì)又稍微違背了寧?kù)o技術(shù)的理念;因?yàn)榘凑諏庫(kù)o技術(shù)的觀(guān)念看,沒(méi)有內(nèi)容的黑色屏幕會(huì)占據(jù)我們的注意力,那上面沒(méi)有亮的指示燈一樣會(huì)占據(jù)我們的注意力;所以如果按照寧?kù)o技術(shù)的理念去設(shè)計(jì),運(yùn)用到極致的情況,應(yīng)該就是蘋(píng)果鍵盤(pán)的指示燈,如下圖所示。
沒(méi)有開(kāi)啟時(shí),你根本就看不到有燈在那里,而燈亮了之后,你才會(huì)注意到有一盞燈。所以說(shuō)寧?kù)o技術(shù)認(rèn)為“對(duì)于手機(jī)、電腦等智能產(chǎn)品的界面而言,未來(lái)硬生生的UI界面越來(lái)越少,反而界面會(huì)融入到我們的生活當(dāng)中”。
對(duì)這種觀(guān)點(diǎn)我是不太認(rèn)同的,我們從交互環(huán)的角度看看運(yùn)用到極致的寧?kù)o技術(shù)會(huì)出現(xiàn)什么問(wèn)題。
第一步媒介發(fā)送信息線(xiàn)到使用者;我知道這個(gè)東西有什么用嗎?如果是屏幕,我知道可以點(diǎn)擊,這個(gè)就是我們熟悉的,學(xué)會(huì)了的。
屏幕是可變的顯示,你不可能不使用到的;而如果非得將屏幕嵌入到你家的墻上,你家的桌面上。平時(shí)不用的時(shí)候,看起來(lái)就是普通的墻或者桌面;用的時(shí)候才顯示屏幕,這顯然是不行的。
如果真的有一天,到處都是用了寧?kù)o技術(shù)的屏幕,誰(shuí)知道這堵墻有沒(méi)有顯示屏呢?這種不確定感給人的帶來(lái)困擾倒是真的。
寧?kù)o技術(shù)的運(yùn)用可以讓我們不會(huì)受到信息轟炸,但前提是我至少得知道你這個(gè)產(chǎn)品在哪里吧,而不是“消失不見(jiàn)”;我至少得直接知道這個(gè)是什么功能,而不是讓我從結(jié)果中推導(dǎo)對(duì)應(yīng)的功能進(jìn)行學(xué)習(xí)。
若沒(méi)有做到上面兩點(diǎn),那這款產(chǎn)品根本就沒(méi)有發(fā)送有效信息線(xiàn)給我,那這種設(shè)計(jì)又有什么用呢?
3)多模態(tài)交互
什么是多模態(tài)交互,其實(shí)就是多種感官的交互——就好比你可以用鍵盤(pán)打字,也能夠通過(guò)語(yǔ)音打字。
多模態(tài)交互其實(shí)跟我在術(shù)三中提到的優(yōu)化策略:多樣性,是一樣的。
有電話(huà)打進(jìn)來(lái)時(shí),手機(jī)震動(dòng)、播放鈴聲、屏幕亮起來(lái),這些是必要的的多模態(tài);因?yàn)楦鶕?jù)stump分析,你有可能將放兜里逛街,周?chē)h(huán)境嘈雜,這個(gè)時(shí)候就需要震動(dòng)的信息線(xiàn)給到使用者。
當(dāng)手機(jī)放其他地方,距離你比較遠(yuǎn),就需要聲音信息線(xiàn);有時(shí)候你將手機(jī)靜音了,又放得比較遠(yuǎn);屏幕亮起來(lái),閃光燈閃爍也可以將信息線(xiàn)傳遞給你。
但并不是說(shuō)多模態(tài)交互就一定是好的,把握住提高體驗(yàn)和造成騷擾間的度是很重要的,你不可能說(shuō)每個(gè)app的每個(gè)按鍵都加上震動(dòng)反饋,或者頁(yè)面切換加入震動(dòng)反饋,那樣的多模態(tài)體驗(yàn)就很差了。
4)語(yǔ)音交互
上面說(shuō)到用手勢(shì)打字,無(wú)論是用指尖交互手勢(shì),或者是直接指尖接觸打字,都不是很方便,這個(gè)時(shí)候語(yǔ)音打字就更加方便了;當(dāng)然這也是有適用場(chǎng)景的,如果你在安靜的圖書(shū)館,那么最好還是別用語(yǔ)音打字了。
語(yǔ)音發(fā)送的是點(diǎn)信息,加上時(shí)間維度則是線(xiàn)信息,語(yǔ)音交互這條路走到盡頭,大概就是AI智能基本能夠像人一樣進(jìn)行交流。
如果再進(jìn)一步,就到腦機(jī)連接——即媒介讀懂一般人無(wú)法讀懂的信息。
5)腦機(jī)連接
前面的道和術(shù)已經(jīng)將整個(gè)交互的框架及設(shè)計(jì)的要點(diǎn)都講透了。
以后的交互如果想要跳出這個(gè)框架,基本上就只有腦機(jī)連接技術(shù)應(yīng)用了;那樣人就不用通過(guò)信息發(fā)送器發(fā)出信息線(xiàn),而是直接通過(guò)黑箱子發(fā)出信息線(xiàn)讓媒介的信息接收器直接獲取,媒介直接就能理解你想要的是什么。
意念控制物品,這在某些方面確實(shí)很好,比如因?yàn)楦呶唤匕c、無(wú)法控制身體的人。
但意念控制同樣有無(wú)法避免但缺陷,我們沒(méi)有辦法完全控制腦子想什么,想象你在騎自行車(chē),能想著一直騎,不翻車(chē)嗎?
這個(gè)我個(gè)人是比較難做到的。
當(dāng)你看到大象兩個(gè)字,你現(xiàn)在能做到不想象大象的樣子嗎?大象的耳朵、大象的鼻子…我相信很多人做不到,這就是我所說(shuō)的,我們沒(méi)有辦法完全控制腦子想什么。
哪怕最簡(jiǎn)單的用意念隔空移物,其實(shí)也你需要借助你的眼睛去控制物體,而不是閉上眼睛。
為了減少中途出錯(cuò),假設(shè)這些都可以先模擬出來(lái),再自動(dòng)執(zhí)行,你必須有一個(gè)確定的指令,來(lái)讓產(chǎn)品執(zhí)行你的指令;不然周?chē)h(huán)境因素變化會(huì)奪取你的注意力,最容易被影響的是你的思維。
這是腦機(jī)連接關(guān)于信息發(fā)送的設(shè)想。目前的腦機(jī)連接可以讓人通過(guò)大腦去控制物體,這是一個(gè)信息發(fā)送的過(guò)程。
至于接收方面,如果我們沒(méi)有借助任何光學(xué)產(chǎn)品,就能夠在眼前看到文字,那就是到了這本書(shū)范圍之外的交互了。
憑空造物,制作你的各種感覺(jué),就如同電影黑客帝國(guó)里的那般,那時(shí)候的交互會(huì)是怎么樣的,就留給各位讀者自己想象了。
三、結(jié)語(yǔ)
上面所說(shuō)到的未來(lái)交互,有的是現(xiàn)有技術(shù)就能做到,有的則還需要等待技術(shù)發(fā)展才能實(shí)現(xiàn)。
不知道有沒(méi)有讀者記得我在術(shù)篇的開(kāi)篇中說(shuō)過(guò):交互設(shè)計(jì)師理應(yīng)突破現(xiàn)有的技術(shù)水平限制,對(duì)未來(lái)交互進(jìn)行想象;現(xiàn)在是時(shí)候回收這個(gè)伏筆了,我已經(jīng)將指尖交互手勢(shì)發(fā)明了出來(lái),視頻里的內(nèi)容就是我所構(gòu)思的未來(lái)交互形式;至于未來(lái)的交互是不是真的就是如此,只能等待時(shí)間證明了。
我是如何從0到1將指尖交互手勢(shì)思考出來(lái)的,我想就沒(méi)必要再畫(huà)蛇添足多說(shuō)一遍了,各位讀者只要多看一兩遍iPod的案例就能夠懂的,我在iPod篇章中說(shuō)的很詳細(xì)了。
如果讀者認(rèn)真閱讀了,吸收了書(shū)里的知識(shí),那么稍加推理就能夠知道我是怎么想出來(lái)的;如果沒(méi)有認(rèn)真去讀,那么我即便將指尖交互手勢(shì)的思考過(guò)程寫(xiě)出來(lái),對(duì)你的作用也不大,大概率也就看完之后就忘記了;所以我還是建議各位讀者自己嘗試去創(chuàng)造一些東西出來(lái),或者試著將iPod或者指尖交互手勢(shì)推理出來(lái)。
如果未來(lái)的交互真的如我所設(shè)想的那樣,那就證明這套理論是正確的——即這套理論是真的能讓我從無(wú)到有發(fā)明出iPod,即便我從來(lái)沒(méi)有見(jiàn)過(guò)iPod,也能讓我發(fā)明未來(lái)的交互。
未來(lái)是不確定的,我也不是預(yù)言家,也沒(méi)有時(shí)光機(jī)穿越到未來(lái),看看未來(lái)的交互是怎么樣的,再寫(xiě)進(jìn)這本書(shū)里。
但我相信交互設(shè)計(jì)也是有一個(gè)演化的過(guò)程,而通過(guò)這個(gè)過(guò)程,我們可以稍微窺探一下未來(lái);我也沒(méi)有辦法保證絕對(duì)像我所想的那樣,我只是把我的想法寫(xiě)出來(lái),10年后、20年后,回頭再看——當(dāng)書(shū)中的交互被實(shí)際應(yīng)用時(shí),我將會(huì)是什么樣的感覺(jué)呢。
如果大家是從頭看到現(xiàn)在,應(yīng)該會(huì)發(fā)現(xiàn)迄今為止的一切交互都有跡可循;至于交互的終點(diǎn)是什么,甚至有沒(méi)有終點(diǎn),就留給大家去思考吧。
我將這本書(shū)命名為交互靈光,是希望這本書(shū)能夠像愛(ài)迪生的燈,在漫漫長(zhǎng)夜里照亮一處地方。希望這本書(shū)能夠像夜晚的燈塔一樣,讓各位交互設(shè)計(jì)師在交互設(shè)計(jì)的茫茫大海中尋找到前進(jìn)方向。
我自認(rèn)為不是一個(gè)非常聰明的人,如果我也能夠?qū)⑾氤鲆恍┙换?chuàng)新,那么各位讀者,請(qǐng)相信你自己——?jiǎng)?chuàng)造未來(lái)沒(méi)有那么難,你也可以發(fā)明iPod、發(fā)明鼠標(biāo)、發(fā)明指尖交互手勢(shì)。
寫(xiě)到這,也快要結(jié)束了,我想模仿哥爾·D·羅杰,對(duì)各位讀者說(shuō)一句話(huà):“想要?jiǎng)?chuàng)造未來(lái)的交互嗎?想要的話(huà)就去書(shū)里找吧,我把所有的一切都放在了書(shū)里!”
相關(guān)閱讀:
公眾號(hào):交互靈光
本文由 @交互靈光 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可,禁止轉(zhuǎn)載
題圖來(lái)自Unsplash,基于CC0協(xié)議
在點(diǎn)線(xiàn)面那張交互表格就卡住了。。
同卡