菲茨定律與未來(lái)交互方式

5 評(píng)論 13747 瀏覽 59 收藏 12 分鐘

未來(lái)已來(lái),隨著科技的不斷發(fā)展,交互的方式也發(fā)生巨大的變化,它正一步步顛覆著我們的生活習(xí)慣。

來(lái)讓我們一起看看費(fèi)茨定律是個(gè)啥?

百度all in AI之后,前天發(fā)布了無(wú)人駕駛的Apollo(阿波羅)系統(tǒng),隨著李彥宏被堵在五環(huán)的消息刷遍朋友圈,互聯(lián)網(wǎng)圈好像一夜之間好像都在對(duì)未來(lái)的無(wú)人駕駛充滿(mǎn)遐想。

尤瓦爾·赫拉利在《未來(lái)簡(jiǎn)史》中令人最眼前一亮的就是信數(shù)據(jù)得永生的概念,在數(shù)據(jù)積累到2016這個(gè)節(jié)點(diǎn)之后。仿佛什么東西如果不粘上大數(shù)據(jù)、智能算法和AI你都不好意思寫(xiě)B(tài)P。

進(jìn)入今天交互閑談的主題,在很多展現(xiàn)未來(lái)科技的電影和美劇中,我其實(shí)有著重留意他們對(duì)于未來(lái)設(shè)備的交互方式。不同的導(dǎo)演為我們展現(xiàn)了各自心目中對(duì)于未來(lái)人機(jī)交互的遐想,有雙手多點(diǎn)交互,眼動(dòng)追蹤交互,語(yǔ)音識(shí)別交互等等。

有心人不禁會(huì)問(wèn),人機(jī)交互方式的發(fā)展到底是否有所據(jù)可依?在上一篇文章:《app中的交互手勢(shì)和意符設(shè)計(jì)》中我闡述了關(guān)于屏幕上的交互方式的“據(jù)”,并且從長(zhǎng)遠(yuǎn)來(lái)看,倘若在人類(lèi)與未來(lái)科技交互未擺脫『界面』這個(gè)范疇的話(huà),那交互方式仍然繞不開(kāi)觸控。

在這里引入一個(gè)交互設(shè)計(jì)定律:費(fèi)茲定律(Fitts’ Law)

費(fèi)茲定律(Fitts’ Law)是心理學(xué)家 Paul Fitts 所提出的人機(jī)介面設(shè)計(jì)法則,是一種主要用于人機(jī)交互中的人類(lèi)運(yùn)動(dòng)的預(yù)測(cè)模型。它主要定義了游標(biāo)移動(dòng)到目標(biāo)之間的距離、目標(biāo)物的大小和所花費(fèi)的時(shí)間之間的關(guān)系。

定律的表達(dá)式如下圖:

解釋之前需要事先明確,費(fèi)茲定律這個(gè)公式描述的是PC端鼠標(biāo)點(diǎn)擊事件的操作花費(fèi)時(shí)間,雖然如此,但其實(shí)他對(duì)app中手勢(shì)交互和意符設(shè)計(jì)有深遠(yuǎn)的影響,同時(shí)也對(duì)于未來(lái)科技的交互方式的推測(cè)起著指引作用。

關(guān)于這個(gè)公式的推演和發(fā)展比較復(fù)雜,我嘗試追本溯源的探索了一下這個(gè)公式最初的的推演,在這里就不多做介紹,有興趣的可以去認(rèn)真閱讀Wikipedia中的相關(guān)定義,在這里只做最基本的科普性解釋?zhuān)?/p>

回到公式本身,其中:

MT 代表平均完成這次操作所花費(fèi)的時(shí)間,a和b是一個(gè)取決于輸入設(shè)備選擇的常數(shù), a代表系統(tǒng)一定會(huì)花費(fèi)的時(shí)間(理想耗時(shí)),b 是系統(tǒng)速率(不同設(shè)備的a和b大抵也是正態(tài)離散分布在一條函數(shù)上,大家只需要了解a和b是一個(gè)常數(shù)就行了),ID是負(fù)責(zé)度指數(shù),他的值是后面這個(gè)log函數(shù);log里面的D是指從光標(biāo)(指示位置)與目標(biāo)中心的距離,W指的是點(diǎn)擊目標(biāo)寬度,同時(shí)W也是容許用戶(hù)犯錯(cuò)的最后邊界。

如上圖所示,解釋一下,就是如果光標(biāo)現(xiàn)在在任易地點(diǎn)想要去點(diǎn)擊目標(biāo)target,最短路徑一定是D,最短路徑上容錯(cuò)的最長(zhǎng)路徑是D+W,只要水平上移動(dòng)超過(guò)了D+W你就點(diǎn)不到了,而這個(gè)點(diǎn)擊動(dòng)作所耗的時(shí)間是一個(gè)常數(shù)加上一個(gè)以D為正比W為反比的函數(shù)的和。

上面沒(méi)讀懂就算了,主要看結(jié)論,那費(fèi)茲定律這能給到我們什么啟示呢?

結(jié)論:目標(biāo)越大,完成點(diǎn)擊越快,時(shí)間越短。同樣地,目標(biāo)越近,指向越快,完成點(diǎn)擊時(shí)間越短。也就是說(shuō),定位點(diǎn)擊一個(gè)目標(biāo)的時(shí)間,取決于目標(biāo)與當(dāng)前位置的距離,以及目標(biāo)的大?。ㄔ谔囟▓?chǎng)景下,當(dāng)然還會(huì)有其他因素,但這并不在我們今天的討論范疇)。

關(guān)于費(fèi)茲定律在PC端網(wǎng)頁(yè)設(shè)計(jì)和app設(shè)計(jì)中的應(yīng)用,在這里我就不多說(shuō)了,網(wǎng)上大把大把這樣的文章,我主要想談的是費(fèi)茲定律對(duì)于未來(lái)交互方式的影響。

在可以預(yù)期的未來(lái),當(dāng)科技發(fā)展到不是物理屏幕,而是光投屏或者別的方式的時(shí)候。

可以預(yù)言的是,只要屏幕智能達(dá)不到腦控或者眼控,其滿(mǎn)足的交互方式一定是:

1.多點(diǎn)觸控 + 手勢(shì)感應(yīng) + 眼控識(shí)別

先說(shuō)說(shuō)多點(diǎn)觸控,大家印象最深的多點(diǎn)觸控其實(shí)是pinch操作,雙指放大縮小一張圖片。其次就是ipad上多指向上推啟動(dòng)任務(wù)后臺(tái)管理器,這個(gè)功能其實(shí)和iphone里面雙擊home鍵是一樣的,但是由于ipad屏幕比較大,所以額外引入了這種交互方式。

前幾天和幾個(gè)交互小伙伴喝茶聊天,我們一致的觀點(diǎn)都認(rèn)為其實(shí)現(xiàn)在手機(jī)端的交互手勢(shì)是已經(jīng)很固定了,而且點(diǎn)擊啊,滑動(dòng)啊這些交互手勢(shì)其內(nèi)在的用戶(hù)心理預(yù)期也基本成熟,如果需要在交互方式上有大的創(chuàng)新,大概就需要等到下一輪科技的刺激,或者等到無(wú)屏幕的時(shí)代。

多點(diǎn)操控其實(shí)在很多關(guān)乎未來(lái)的電影里面都有描述,比如遠(yuǎn)程操控一個(gè)無(wú)人駕駛的飛機(jī),比如操作一個(gè)更加復(fù)雜的數(shù)據(jù)工作臺(tái)。

這些未來(lái)一定會(huì)出現(xiàn)的更加復(fù)雜的交互方式,一定也會(huì)受到傳統(tǒng)交互手勢(shì)和交互定律的啟示,比如這個(gè)交互:

將流媒體變?yōu)樯舷聝绍?,每一個(gè)時(shí)間段展示一個(gè)幀截圖,屏幕盡頭是無(wú)限延伸的軌道,這時(shí)候如果要設(shè)計(jì)滑動(dòng)整個(gè)軌道的交互方式,一定是五指觸碰然后滑動(dòng)。

那比如我們需要設(shè)計(jì)一個(gè)非線(xiàn)編的交互方式,使得第一屏的視頻A放到第五屏的視頻B前面,那這時(shí)候需要做的大概是長(zhǎng)按拎起視頻A,然后另一只手五指滑動(dòng)軌道到第五屏,再把視頻A拎到B前面,而這里采用的就是通過(guò)五指滑動(dòng)這一個(gè)手勢(shì),減小了費(fèi)茲定律表達(dá)式中的D,從而使得這個(gè)操作時(shí)間更快。

其他的例子其實(shí)還有很多,大家多留心身邊的科幻電影中的交互就好。

關(guān)于眼控識(shí)別,我能想到的腦洞是用于定位和拖拽交互。比如還是上面的那個(gè)例子,如果引入眼控的話(huà),大概流程是長(zhǎng)按拎起視頻A,然后眨三下眼讓系統(tǒng)識(shí)別你開(kāi)啟眼控拖拽,然后你看著第一屏的信息,通過(guò)眼動(dòng)快速滑到第五屏,再把視頻A拎到B前面,完成整個(gè)交互,然后再眨巴三下眼,系統(tǒng)識(shí)別到關(guān)閉眼控拖拽。

關(guān)于其他的未來(lái)交互方式,語(yǔ)音交互一定也算在其中。

2.VUI(Voice User Interface)

上周我去參加了IxDC,聽(tīng)了一場(chǎng)關(guān)于VUI的專(zhuān)題演講,這個(gè)概念其實(shí)自從電影《Her》出來(lái)之后就越來(lái)越受到交互設(shè)計(jì)師的關(guān)注。

其實(shí)與其說(shuō)是Interface,我倒覺(jué)得這個(gè)Interface應(yīng)該寫(xiě)作Interaction(交互協(xié)作)更為恰當(dāng),大家看電影《Her》中,或者去看《星際迷航》、《星際穿越》、《生化危機(jī)》中,他們操縱大型設(shè)備更多的時(shí)候是靠語(yǔ)音直接輸入指令的。這樣做當(dāng)然更加高效便利,他甚至已經(jīng)超出了觸控交互,不在墨菲定理所能起作用的范疇之內(nèi)。

但是腦洞一開(kāi),VUI其實(shí)需要很成熟的語(yǔ)音識(shí)別反饋技術(shù),如果技術(shù)尚未成熟,那就需要花費(fèi)大量的用戶(hù)教育成本才可以大力推行。

我曾經(jīng)理想的點(diǎn)外賣(mài)場(chǎng)景是打開(kāi)一個(gè)app,它傳來(lái)磁性的妹子聲音問(wèn)你現(xiàn)在想要吃點(diǎn)啥?然后我說(shuō)我也不清楚,但是想吃辣,然后她說(shuō)給你推薦了人氣最高的酸辣魚(yú),冒菜和麻辣香鍋,然后我說(shuō)行就酸菜魚(yú)吧,40塊錢(qián)以?xún)?nèi)直接下單,要快。于是整個(gè)流程結(jié)束?;蛘咚鼒?bào)出的沒(méi)有我想吃的,然后我說(shuō)你把附近最火的辣的東西列出來(lái)我看看,然后馬上屏幕上出現(xiàn)分好類(lèi)的item列表,我再手動(dòng)選擇也可以。

讓我們來(lái)期待這一天。

3.腦控一切

這個(gè)就牛逼了,簡(jiǎn)直就是上帝啊,在這里就不做過(guò)多討論。

寫(xiě)在最后

為什么要和大家討論未來(lái)交互方式呢?

用一句文藝的話(huà)來(lái)說(shuō)叫做:『未來(lái)已來(lái)。』

不管大家信不信,我是堅(jiān)信最多不超過(guò)5年,第一代手機(jī)的替代產(chǎn)品就會(huì)問(wèn)世(也許現(xiàn)在已經(jīng)問(wèn)世了只是我們還不知道)。它可能是一個(gè)眼睛,一支筆,或者一個(gè)別的什么鬼我們現(xiàn)在只能有一個(gè)方向但是并不能窺其具體的物件。

但是未來(lái)不論科技如何發(fā)展,總是會(huì)有交互設(shè)計(jì)師更廣闊的空間的,想想未來(lái)茫茫多的智能硬件,每一個(gè)智能硬件的交互都千差萬(wàn)別,我們?nèi)绾巫龅较袷謾C(jī)發(fā)展到今天那樣的交互形式統(tǒng)一。想想未來(lái)還有那么多新鮮玩意兒的交互需要去制定,想想我們可以讓未來(lái)生活在設(shè)計(jì)中更加智能和更加易用。

想想就開(kāi)心。

 

本文由@Seany. 原創(chuàng)發(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. 馬斯克的腦機(jī)接口研發(fā)到什么程度了?

    來(lái)自河北 回復(fù)
  2. 任何時(shí)候其實(shí)都應(yīng)該把眼控作為最后一種交互的選擇,眼睛從來(lái)就只是用來(lái)接收信息,它與生俱來(lái)就沒(méi)有操控的功能,眼控本身精度很低不說(shuō),操作稍微多一些也是非常非常累的,試想眨眼三下,稍微多一些這些操作馬上就會(huì)出現(xiàn)頭暈或者眼睛不適的癥狀。眼控個(gè)人認(rèn)為應(yīng)該作為一種輔助操作方式出現(xiàn),既是視線(xiàn)所達(dá)之處在界面上可能會(huì)出現(xiàn)不同的反應(yīng),比如在PS的眾多工具當(dāng)中,我眼睛所達(dá)之處的工具能夠放大或改變形態(tài):看到色板的時(shí)候色板能展開(kāi),方便我選取顏色,眼睛移開(kāi)時(shí)候又收回,方便我進(jìn)行別的操作,拖拽跟精確定位本不是眼睛這個(gè)不具備操控屬性的工具需要具備的屬性。還有既然談費(fèi)茨定律與交互的關(guān)系,最后這個(gè)VUI跟腦控提出來(lái)似乎跟主題沒(méi)有什么聯(lián)系,談到這里似乎有點(diǎn)太淺薄了,我覺(jué)得目前VUI的發(fā)展模式其實(shí)也可以運(yùn)用費(fèi)茨定律來(lái)做一些猜想:首先最原始的那種VUI非常常見(jiàn),就是目前移動(dòng)公司的電子語(yǔ)音客服,它的交互方式是線(xiàn)性的,我必須聽(tīng)完它所說(shuō)的所有選項(xiàng)(對(duì)應(yīng)屏幕上一個(gè)一個(gè)按鈕),然后精確的去按手機(jī)上的按鈕來(lái)選擇某個(gè)選項(xiàng)(對(duì)應(yīng)點(diǎn)擊這個(gè)操作),那么我目標(biāo)選項(xiàng)與這個(gè)線(xiàn)性語(yǔ)音列表上它所在的位置與第一個(gè)念出來(lái)的選項(xiàng)的距離類(lèi)比為D,此時(shí)按鈕事實(shí)上只是一個(gè)點(diǎn),但是是一個(gè)能自動(dòng)定位的點(diǎn),W為無(wú)限大。后來(lái)的Siri這一代語(yǔ)音是用戶(hù)的語(yǔ)言通過(guò)識(shí)別拆解為一個(gè)一個(gè)的詞,然后到庫(kù)里面去配對(duì),配對(duì)正確了可以給出反饋,配對(duì)不正確又有另外的一套機(jī)制,而庫(kù)中的語(yǔ)義點(diǎn)的數(shù)量可以看作費(fèi)茨定律中的W,我們此時(shí)D反而消失了,因?yàn)槲覀儾恍枰サ却?,所以語(yǔ)音交互給人的感覺(jué)是如此的流暢跟自由,而W的廣度決定了我們能否得到正確的反饋,當(dāng)這個(gè)W的廣度達(dá)到無(wú)限大的時(shí)候,費(fèi)茨定律才是真正在這個(gè)VUI的體系中消失的時(shí)候,所以目前正在努力的人工智能就是為了將這整個(gè)W的范圍繼續(xù)擴(kuò)大,讓用戶(hù)不需要去想我該怎么做,只需要說(shuō)就行(將D減到0),同時(shí)讓用戶(hù)不需要去考慮我需要說(shuō)的內(nèi)容是什么,會(huì)不會(huì)說(shuō)錯(cuò)(將W擴(kuò)大到無(wú)限大),請(qǐng)問(wèn)什么叫VUI不在費(fèi)茨定律(文中是寫(xiě)錯(cuò)了?)的起作用范圍之內(nèi)?作者是不是對(duì)這個(gè)定律的理解稍微有點(diǎn)窄了?

    來(lái)自廣東 回復(fù)
    1. 這一大段,我只堅(jiān)持看到一半,你這個(gè)按菲茨怎么說(shuō)

      來(lái)自上海 回復(fù)
    2. 難道說(shuō)你跟這個(gè)文本發(fā)生交互了?

      來(lái)自廣東 回復(fù)
    3. 是啊,我的眼睛焦點(diǎn)移到你問(wèn)題重點(diǎn)的距離無(wú)限大,一篇突出重點(diǎn),語(yǔ)言精簡(jiǎn)的文章就是在減少D和W值

      來(lái)自新疆 回復(fù)