來自各移動平臺的設(shè)計(jì)指導(dǎo)方針

蘋果iPhone人機(jī)界面指南推薦的最小目標(biāo)大小為44px寬，44px高。微軟的Windows手機(jī)用戶界面設(shè)計(jì)和交互設(shè)計(jì)指南建議一個(gè)最低目標(biāo)尺寸是26px乘以34px。諾基亞的開發(fā)者指南建議，目標(biāo)尺寸應(yīng)不小于1cm×1cm平方或28×28像素。

雖然這些指南給到了觸摸目標(biāo)的一般測量建議，但彼此不同，也與人體實(shí)際手指大小不一致。事實(shí)上，他們建議的尺寸比用戶平均手指尺寸小得多，從而導(dǎo)致用戶在觸摸移動設(shè)備時(shí)產(chǎn)生目標(biāo)定位不精準(zhǔn)的問題

太小的可觸目標(biāo)會導(dǎo)致大問題

小的可觸目標(biāo)會讓用戶在使用時(shí)非常麻煩，因?yàn)樗麄冃枰珳?zhǔn)的定位。用戶需要調(diào)整他們的手指，從指墊調(diào)整到指尖，讓自己能清晰的擊中目標(biāo)。當(dāng)用戶用 手指墊操作時(shí)，會覆蓋整個(gè)目標(biāo)，以至于他們完全看不到交互反饋，而用指尖操作時(shí)，卻能看到部分的交互反饋。那么，用戶在使用設(shè)備時(shí)，切換指尖與手指墊，無 疑降低了他們的操作效率。

不僅如此，小的觸摸目標(biāo)會導(dǎo)致操作錯(cuò)誤。當(dāng)幾個(gè)小觸摸目標(biāo)彼此靠得比較近時(shí)，用戶會不小心觸到鄰近的目標(biāo)而引發(fā)意外操作。而拇指觸屏?xí)r導(dǎo)致的錯(cuò)誤會更明顯，因?yàn)樗某叽缡亲畲蟮?。所以有時(shí)用戶會傾斜拇指，讓其側(cè)身去觸及屏幕目標(biāo)，這是一個(gè)很不必要的操作。

用拇指交互， 在移動設(shè)備中其實(shí)很常用，因?yàn)榇蠖鄶?shù)用戶在使用時(shí)并非兩手都處于閑暇狀態(tài)，很多用戶會覺得用一只手再加一個(gè)大拇指，這樣操作是最方便的。用戶不希望為了去 擊中一個(gè)目標(biāo)，而使原先使用一個(gè)手的情況變成使用兩只手，又或是原先喜歡用大拇指的情況變成去使用其他手指，可見，目標(biāo)太小，給用戶的操作帶去的麻煩會有 多大。

平均食指像素寬度

麻省理工學(xué)院的觸摸實(shí)驗(yàn)室研究人類的指尖觸覺，發(fā)現(xiàn)大多數(shù)成年人的食指平均寬度為1.6至2厘米（16–20毫米），轉(zhuǎn)換為45–57像素，這是比之前移動設(shè)備給到的建議尺寸要更大。

觸摸目標(biāo)45–57像素，允許用戶的手指緊貼目標(biāo)且又能讓用戶看到目標(biāo)的邊緣，這為他們提供了清晰的交互反饋，幫助用戶判斷擊中目標(biāo)的準(zhǔn)確性，也提 升用戶擊中目標(biāo)的效率。這與費(fèi)茨定律一致， 就是擊中目標(biāo)的時(shí)間與目標(biāo)的大小成反比，即目標(biāo)越小，擊中時(shí)間就越長，因?yàn)樗鼤馁M(fèi)用戶額外的注意力。一個(gè)手指大小的目標(biāo)，為用戶提供了足夠的空間去擊中 它，而不必?fù)?dān)心精準(zhǔn)度。

平均拇指像素寬度

很多用戶會用食指去激活目標(biāo)，但也有很多用戶喜歡用大拇指。用拇指大的區(qū)別是，它比食指寬。一個(gè)成人大拇指平均寬度為1英寸（2.5厘米），折算下來是72像素。

因此用戶在用拇指擊中一個(gè)72px寬的目標(biāo)時(shí)是很愉悅的，既能快速精準(zhǔn)定位，又能獲得交互反饋，更不需要為了擊中目標(biāo)去傾斜拇指，這樣的話，一只手，一個(gè)拇指足以完成操作。

一項(xiàng)針對“大拇指與觸屏設(shè)備交互”的研究中顯示，用戶操作的出錯(cuò)率會隨著目標(biāo)尺寸的變大而降低。用戶無須為擊中目標(biāo)去切換手指的角色。

單純講手指的尺寸是比較理想化的，在實(shí)際運(yùn)用中有時(shí)并不可行

如果我們完全按照上述的手指尺寸去設(shè)計(jì)的話，在很多場景的運(yùn)用是不可行的。如在移動設(shè)備中，你的工作區(qū)間其實(shí)是很小很有限的。這就意味著，當(dāng)你有幾 個(gè)手指大小的目標(biāo)擠入移動設(shè)備屏幕中時(shí)，屏幕大小是不足以支撐這些目標(biāo)的。然而，當(dāng)你適當(dāng)縮減尺寸，結(jié)合進(jìn)屏幕時(shí)，才會顯得更合理些。 你需要測量你的屏幕的物理尺寸和觸摸目標(biāo)大小探索到底多大的目標(biāo)用戶才可以觸摸。

使用手指大小的可觸目標(biāo)在平板電腦上的應(yīng)用比移動設(shè)備要容易得多，因?yàn)槠桨逵懈蟮钠聊豢臻g。你可以自由地使用這些尺寸，而不必恐懼這些尺寸是否占 據(jù)了太多空間。然而，移動設(shè)備屏幕的局限性，手指大小能觸及的目標(biāo)目標(biāo)是最需要去考慮的。設(shè)計(jì)師面臨的挑戰(zhàn)就是如何定義出最常用的適用于移動設(shè)備的可觸面 積大小。或許，較少的可觸目標(biāo)是一個(gè)合理的解決方案，但這個(gè)方案的前提一定是需要設(shè)計(jì)師精簡導(dǎo)航內(nèi)容。

文章原址：uxdesign.smashingmagazine
譯者：優(yōu)秀設(shè)計(jì)