你所不知道的鼠標(biāo)

<br />

dota打了快10年,水平一點(diǎn)沒進(jìn)步灰瞻,最近已經(jīng)開始被小學(xué)生們虐腥例,但這并不能妨礙我作為年長豬隊(duì)友辅甥,仗著物質(zhì)優(yōu)勢(shì),擁有各種神器鼠標(biāo)鍵盤燎竖。大神和我說璃弄,以你的豬意識(shí),遠(yuǎn)沒到設(shè)備影響水平的時(shí)候构回。而我的一貫哲學(xué)是夏块,反正意識(shí)水平就這樣了,如果設(shè)備好一點(diǎn)纤掸,發(fā)揮多少還是有些進(jìn)步的脐供。
<br />

但每次剛換鼠標(biāo)都是后悔剁手,因?yàn)樵趺磩?dòng)都不如舊糟糠順手借跪。 今天看到這個(gè)問題政己,才想起鼠標(biāo)移動(dòng)的過程里藏著這么一個(gè)好梗√统睿回答完覺得還沒顯完老夫手段匹颤,再補(bǔ)發(fā)一彈。

<br />

筆記本觸摸板的滑動(dòng)距離是如何映射到屏幕上的實(shí)際距離的托猩?
做兩個(gè)實(shí)驗(yàn):
1.緩慢移動(dòng)手指印蓖,這時(shí)候屏幕上光標(biāo)的移動(dòng)速度基本等同手指的移動(dòng)速度
2.快速移動(dòng)手指,這時(shí)候與1移動(dòng)相同的距離京腥,但是屏幕上的光標(biāo)可以移動(dòng)很遠(yuǎn)的距離
我想知道:
1.觸摸板是用什么樣的方法來判斷手指移動(dòng)的速度赦肃?
2.應(yīng)該用什么樣的映射方法使人覺得在觸摸板上進(jìn)行操作是“自然的”?
3.是否有其他變量(除手指移動(dòng)速度之外)決定屏幕上光標(biāo)的移動(dòng)速度公浪?

<br />
人機(jī)交互里有一個(gè)特別有名的費(fèi)茨定律-Fitts' law他宛,指點(diǎn)的當(dāng)前位置和目標(biāo)位置相距越遠(yuǎn),就需要越多的時(shí)間來移動(dòng)欠气;而同時(shí)厅各,目標(biāo)的大小又會(huì)限制移動(dòng)的速度,因?yàn)槿绻苿?dòng)得太快预柒,到達(dá)目標(biāo)時(shí)就會(huì)停不住队塘,不得不根據(jù)目標(biāo)的大小提前減速,這就會(huì)減緩到達(dá)目標(biāo)的速度, 延長到達(dá)目標(biāo)的時(shí)間宜鸯。

<br />


從一個(gè)起始位置移動(dòng)到一個(gè)最終目標(biāo)所需的時(shí)間由兩個(gè)參數(shù)來決定憔古,到目標(biāo)的距離和目標(biāo)的大小(上圖中的 D與 W)淋袖,用數(shù)學(xué)公式表達(dá)為時(shí)間 T = a + b log2(D/W+1)
從一個(gè)起始位置移動(dòng)到一個(gè)最終目標(biāo)所需的時(shí)間由兩個(gè)參數(shù)來決定鸿市,到目標(biāo)的距離和目標(biāo)的大小(上圖中的 D與 W),用數(shù)學(xué)公式表達(dá)為時(shí)間 T = a + b log2(D/W+1)

<br />

這個(gè)定律因?yàn)樘?jīng)典焰情,UX少年們研究了很多(readlist)陌凳,也愛用這個(gè)定律當(dāng)令箭欺負(fù)工程師改界面。

  • T = a + b log2(D/W+1)
  • T代表完成移動(dòng)所需的平均時(shí)間
  • a 代表光標(biāo)開始/停止時(shí)間
  • b 代表光標(biāo)的移動(dòng)速度 (主角光環(huán)加粗顯示)
  • D 代表從起點(diǎn)到目標(biāo)中心的距離
  • W 代表目標(biāo)的寬度 (按移動(dòng)方向)

<br />

fitts' law 中一般關(guān)注在D 和 W, 但如果討論鼠標(biāo)内舟,b (代表光標(biāo)的移動(dòng)速度) 其實(shí)變成了非常有意思的對(duì)象合敦。

1.緩慢移動(dòng)手指,這時(shí)候屏幕上光標(biāo)的移動(dòng)速度基本等同手指的移動(dòng)速度
2.快速移動(dòng)手指谒获,這時(shí)候與1移動(dòng)相同的距離蛤肌,但是屏幕上的光標(biāo)可以移動(dòng)很遠(yuǎn)的距離
筆記本觸摸板的滑動(dòng)距離是如何映射到屏幕上的實(shí)際距離的?

打開設(shè)置批狱,取消"提高指針精確度" 再試試看裸准?

<br />
"提高指針精確度" 是mouse acceleration的設(shè)置,不知道為什么搞了這么個(gè)詭異的翻譯赔硫,而且事實(shí)上炒俱,勾選這個(gè)通常不能讓你移動(dòng)的更精確。真正地區(qū)別是你快速移動(dòng)手指時(shí)爪膊,屏幕上的光標(biāo)會(huì)移動(dòng)幾倍的距離权悟。

<br />
mouse acceleration 的存在是因?yàn)橐郧暗氖髽?biāo) cpi 特別低。早期的鼠標(biāo)只有15-20的cpi推盛,也就是說鼠標(biāo)移動(dòng)一英寸峦阁,最多能采樣出20個(gè)點(diǎn)≡懦桑考慮到鼠標(biāo)需要能夠準(zhǔn)確地指到屏幕上的每一個(gè)像素榔昔,如果把這些點(diǎn)映射到屏幕上,手移動(dòng)一英寸瘪菌,光標(biāo)在屏幕上移動(dòng)20個(gè)像素撒会。所以跨越1280px的屏幕,需要移動(dòng)64英寸师妙,162厘米诵肛。當(dāng)時(shí)的大牛們就發(fā)明了mouse acceleration來解決這個(gè)問題,當(dāng)移動(dòng)速度變快時(shí)默穴,比例就不再是1:1怔檩,聽起來有點(diǎn)縮地成寸的道法味道。

<br />
事實(shí)上也不是所有人都喜歡mouse acceleration壁顶。移動(dòng)的過程中是肌肉記憶和反應(yīng)時(shí)間互相適應(yīng)的過程珠洗。但mouse acceleration的存在會(huì)使得整個(gè)移動(dòng)過程的坐標(biāo)映射變得非線性,從而破壞肌肉記憶 - 當(dāng)離目標(biāo)越來越近若专,用戶就需要不停地調(diào)整手移動(dòng)速度。

<br />
另外一方面蝴猪,今天的大部分鼠標(biāo)其實(shí)并不怎么需要 mouse acceleration 调衰。在自己PC上了截了個(gè)圖膊爪,可以看到我的鼠標(biāo)是Razor DeathAdder 2013。本身是 6400的cpi, 被我降成了4900嚎莉,然后禁止了mouse acceleration米酬。因?yàn)?400 cpi 太高, 所以反而調(diào)整了sensitivity,把高cpi 重采樣成了4900趋箩。

Razor DeathAdder 2013

<br />
最后補(bǔ)一彈萬能的hci research赃额。大神們好多年前就開始考慮肌肉記憶這個(gè)問題,希望能有一個(gè)線性移動(dòng)距離映射(不影響肌肉記憶)叫确,同時(shí)又能縮地成尺的方案跳芳。這里面有各種充滿想像力的思路,但我最欣賞的是偶像takeo在2000年發(fā)表的 auto zoom竹勉。簡單有效飞盆。

<br />


auto zoom - 滾動(dòng)條是等比例的,而瀏覽器的內(nèi)容是隨著速度縮放的

瀏覽器的內(nèi)容會(huì)根據(jù)用戶滾動(dòng)地速度自動(dòng)地放大縮小次乓,以此來保證在用戶端感知滾動(dòng)條移動(dòng)地速度是恒定地吓歇。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個(gè)濱河市票腰,隨后出現(xiàn)的幾起案子城看,更是在濱河造成了極大的恐慌,老刑警劉巖杏慰,帶你破解...
    沈念sama閱讀 221,198評(píng)論 6 514
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件测柠,死亡現(xiàn)場(chǎng)離奇詭異,居然都是意外死亡逃默,警方通過查閱死者的電腦和手機(jī)鹃愤,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 94,334評(píng)論 3 398
  • 文/潘曉璐 我一進(jìn)店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來完域,“玉大人软吐,你說我怎么就攤上這事∫魉埃” “怎么了凹耙?”我有些...
    開封第一講書人閱讀 167,643評(píng)論 0 360
  • 文/不壞的土叔 我叫張陵,是天一觀的道長肠仪。 經(jīng)常有香客問我肖抱,道長,這世上最難降的妖魔是什么异旧? 我笑而不...
    開封第一講書人閱讀 59,495評(píng)論 1 296
  • 正文 為了忘掉前任意述,我火速辦了婚禮,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘荤崇。我一直安慰自己拌屏,他們只是感情好,可當(dāng)我...
    茶點(diǎn)故事閱讀 68,502評(píng)論 6 397
  • 文/花漫 我一把揭開白布术荤。 她就那樣靜靜地躺著倚喂,像睡著了一般。 火紅的嫁衣襯著肌膚如雪瓣戚。 梳的紋絲不亂的頭發(fā)上端圈,一...
    開封第一講書人閱讀 52,156評(píng)論 1 308
  • 那天,我揣著相機(jī)與錄音子库,去河邊找鬼舱权。 笑死,一個(gè)胖子當(dāng)著我的面吹牛刚照,可吹牛的內(nèi)容都是我干的刑巧。 我是一名探鬼主播,決...
    沈念sama閱讀 40,743評(píng)論 3 421
  • 文/蒼蘭香墨 我猛地睜開眼无畔,長吁一口氣:“原來是場(chǎng)噩夢(mèng)啊……” “哼啊楚!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起浑彰,我...
    開封第一講書人閱讀 39,659評(píng)論 0 276
  • 序言:老撾萬榮一對(duì)情侶失蹤恭理,失蹤者是張志新(化名)和其女友劉穎,沒想到半個(gè)月后郭变,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體颜价,經(jīng)...
    沈念sama閱讀 46,200評(píng)論 1 319
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 38,282評(píng)論 3 340
  • 正文 我和宋清朗相戀三年诉濒,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了周伦。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點(diǎn)故事閱讀 40,424評(píng)論 1 352
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡未荒,死狀恐怖专挪,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情片排,我是刑警寧澤寨腔,帶...
    沈念sama閱讀 36,107評(píng)論 5 349
  • 正文 年R本政府宣布,位于F島的核電站率寡,受9級(jí)特大地震影響迫卢,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜冶共,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,789評(píng)論 3 333
  • 文/蒙蒙 一乾蛤、第九天 我趴在偏房一處隱蔽的房頂上張望每界。 院中可真熱鬧,春花似錦幻捏、人聲如沸盆犁。這莊子的主人今日做“春日...
    開封第一講書人閱讀 32,264評(píng)論 0 23
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至醋奠,卻和暖如春榛臼,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背窜司。 一陣腳步聲響...
    開封第一講書人閱讀 33,390評(píng)論 1 271
  • 我被黑心中介騙來泰國打工沛善, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留,地道東北人塞祈。 一個(gè)月前我還...
    沈念sama閱讀 48,798評(píng)論 3 376
  • 正文 我出身青樓金刁,卻偏偏與公主長得像,于是被迫代替她去往敵國和親议薪。 傳聞我的和親對(duì)象是個(gè)殘疾皇子尤蛮,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 45,435評(píng)論 2 359

推薦閱讀更多精彩內(nèi)容