人生的路口屈糊,向左還是向右,會讓你遇到不同的人琼了,過上截然不同的生活逻锐。無所謂哪邊更好,不過是若干年后回頭望時雕薪,給你留下一個想象空間昧诱,假如當初當初沒做設(shè)計......用戶體驗設(shè)計里,一個圖標的擺放位置所袁,比如搜索圖標盏档,靠左還是靠右,則會分分鐘影響你的心情燥爷。
UX設(shè)計師日常問答場景再現(xiàn):
問:為什么你的設(shè)計里這個放大鏡要放在中間蜈亩,而不是放在右邊,或者放在左邊前翎?
自言自語:為什么稚配?
自言自語:為什么?
自言自語:為什么港华?
答:因為蘋果這么做的道川。
繼續(xù)答:網(wǎng)易也是這么做的。
沉默片刻立宜,繼續(xù)發(fā)問冒萄,
問:那為什么QQ是放在左邊?為什么微軟是放在右邊橙数?
答:因為蘋果和網(wǎng)易的用戶體驗做的好尊流。
問者表示不能接受。
對話到此灯帮,我自己也表示不能接受自己的解釋奠旺。
于是蜘澜,我嘗試著用Fitts’ law來解釋這個問題,當然响疚,我對這個定律應(yīng)用的還不是那么嫻熟。我接下來又要一本正經(jīng)的胡扯了瞪醋,目的還是一樣忿晕,讓自己更好的吸收這個知識,也希望可以達到拋磚引玉的效果银受。一切都是為了我自己践盼。
首先先復(fù)述一下Fitts’ Law / 菲茨定律(費茨法則)
費茨法則 是一個人機互動以及人體工程學(xué)中人類活動的模型,它預(yù)測了快速移動到目標區(qū)域所需的時間是目標區(qū)域的距離和目標區(qū)域的大小的函數(shù)宾巍。費茨法則多用于表現(xiàn) 指咕幻、點 這個動作的概念模型,無論是用手或者手指進行物理接觸顶霞,抑或是在電腦屏幕上用假想的設(shè)備(例如鼠標)進行虛擬的觸碰肄程。 該法則由Paul Fitts 于 1954 年提出。
費茨法則可以用多種不同的公式進行表達选浑。比較通用的是用于一維運動的 Shannon 公式(由MacKenzie蓝厌,約克大學(xué)教授提出,并因為其與香農(nóng)定理的相似而命名)古徒。
T = a + b \\log_2 \\Bigg(1+\\frac{D}{W}\\Bigg)
T 是完成動作的平均時間拓提。(傳統(tǒng)的命名方式,會寫成MT 隧膘,表示運動時間 Movement Time)
a 代表裝置(攔截)開始/結(jié)束的時間代态,b 表示該裝置本身的速度(斜率)。這些常數(shù)可以以測得數(shù)據(jù)進行直線近似的方式通過實驗取得疹吃。
D 是起始位置到目標中心的距離蹦疑。(傳統(tǒng)上來說,研究者多用 A 來表示互墓,意味著運動的振幅 Amplitude)
W 是目標區(qū)域在運動維向上的寬度必尼。因為運動的最終點必須落在目標中心 ±W
?2以內(nèi),所以 W 也可以被認為是被允許的最終位置的容差篡撵。
從這個等式我們可以看出判莉,小并且/或者遠的目標,需要更長的時間才能得以準確到達育谬,這便是權(quán)衡指的動作的 速度的準確性券盅。
Fitts_law.png
這個公式對我來說,開始的時候很復(fù)雜膛檀。因為這里出現(xiàn)了log2,據(jù)說這是我們中學(xué)時候?qū)W過的以2為底的對數(shù).......我表示完全沒有印象锰镀。不過娘侍,不慌,科技進步為懶蛋造福泳炉。
也許你會說憾筏,說什么呢,看不下去了花鹅。好吧氧腰。
其實,你也不用計算刨肃。請注意這句話古拴,a和b這些常數(shù)可以測得數(shù)據(jù)進行直線近似的方式通過試驗取得。什么意思真友?
意思就是黄痪,有人已經(jīng)做過試驗了,比如coursera交互設(shè)計課程考試題里有道計算題就告訴你a和b的值盔然。
The Fitts’ law formulation to use is: t = a + b·log2(d/w). For the fixed cost portion a, use 0.8 seconds. For the control rate b of the mouse use 0.204 s/b (the reciprocal of 4.9 b/s).
......
假如我要對比Icon放置的位置桅打,對鼠標移動的速度的影響,那也就是意味者使用 t = a + b·log2(d/w)這個公式時轻纪,a.b和w都是一樣的油额。區(qū)別就在D,距離這個因素上刻帚。距離越遠潦嘶,移動時間越長。
為了一目了然崇众,我稍微夸張了一下掂僵,以鼠標停留的位置畫了一個直角三角形,顯而易見顷歌,斜邊大于直邊锰蓬。
我們大膽猜測放在中間這個方案更優(yōu),因為更快眯漩。
到這里芹扭,只能算我裝B成功。也許可以唬住一部分人赦抖。但是舱卡,不管是裝B也好,真研究也好队萤,這條定律請作為設(shè)計師的你知曉轮锥,它很重要。
如果遇到有人直接跟你說要尔,我數(shù)學(xué)不好舍杜,不要聽新娜。或者有人表現(xiàn)出了極大的興趣既绩,較真概龄。。熬词。旁钧。。
比如我互拾。我后來又嘗試了把窗口最大化,最小化嚎幸,自定義窗口大小等等操作颜矿。用這個定律來解釋貌似也有點不是那么確定。但是嫉晶,菲茨定律對于設(shè)計來說骑疆,真的是個重要的東西。它至少給我指明了方向替废。我下意識的去點搜索輸入框的時候箍铭,我發(fā)現(xiàn)了,無論圖標在哪椎镣,我點的都是中間诈火。
我又去觀察了我貌美如花的視覺設(shè)計師偲偲小姐(她經(jīng)常出現(xiàn)在我的用戶觀察作業(yè)里,我所有的故事板的女一状答。)
她也是點中間冷守。
你點哪里,請試試惊科,歡迎留言反饋拍摇。
由此,我大膽猜測馆截。搜索圖標放在中間的方案比較優(yōu)充活,更符合用戶習(xí)慣。因為不論圖標放哪里蜡娶,人們都習(xí)慣去點中間混卵。所以,蘋果的設(shè)計就把圖標放中間翎蹈,迎合用戶習(xí)慣淮菠。
同時,圖標放在中間荤堪,在視覺上也有一定聚焦作用合陵,我覺得可以讓用戶枢赔,尤其是新手用戶可以在很短的時間內(nèi)明確移動時目標,減少參數(shù)A拥知,從而讓移動速度更快踏拜。
最后我也大膽表白,研究用戶體驗低剔,把玩競品速梗,我喜歡網(wǎng)易。