APP開發時(shí)關于手指觸發尺寸大(dà)小的(de)問題

手機APP開發時(shí)，手指觸碰的(de)尺寸應該多(duō)少比較合适？蘋果iPhone人(rén)機界面指南(nán)推薦的(de)最小目标大(dà)小爲44px寬，44px高(gāo)。微軟的(de)Windows手機用(yòng)戶界面設計和(hé)交互設計指南(nán)建議(yì)一個(gè)最低目标尺寸是26px乘以34px。諾基亞的(de)開發者指南(nán)建議(yì)，目标尺寸應不小于1cm×1cm平方或28×28像素。

 

雖然這(zhè)些指南(nán)給到了(le)觸摸目标的(de)一般測量建議(yì)，但彼此不同，也(yě)與人(rén)體實際手指大(dà)小不一緻。事實上，他(tā)們建議(yì)的(de)尺寸比用(yòng)戶平均手指尺寸小得(de)多(duō)，從而導緻用(yòng)戶在觸摸移動設備時(shí)産生目标定位不精準的(de)問題

 

小的(de)可(kě)觸目标會讓用(yòng)戶在使用(yòng)時(shí)非常麻煩，因爲他(tā)們需要更精準的(de)定位。用(yòng)戶需要調整他(tā)們的(de)手指，從指墊調整到指尖，讓自己能清晰的(de)擊中目标。當用(yòng)戶用(yòng)手指墊操作時(shí)，會覆蓋整個(gè)目标，以至于他(tā)們完全看不到交互反饋，而用(yòng)指尖操作時(shí)，卻能看到部分(fēn)的(de)交互反饋。那麽，用(yòng)戶在使用(yòng)設備時(shí)，切換指尖與手指墊，無疑降低了(le)他(tā)們的(de)操作效率。

 

不僅如此，小的(de)觸摸目标會導緻操作錯誤。當幾個(gè)小觸摸目标彼此靠得(de)比較近時(shí)，用(yòng)戶會不小心觸到鄰近的(de)目标而引發意外操作。而拇指觸屏時(shí)導緻的(de)錯誤會更明(míng)顯，因爲它的(de)尺寸是最大(dà)的(de)。所以有時(shí)用(yòng)戶會傾斜拇指，讓其側身去觸及屏幕目标，這(zhè)是一個(gè)很不必要的(de)操作。

 

用(yòng)拇指交互， 在移動設備中其實很常用(yòng)，因爲大(dà)多(duō)數用(yòng)戶在使用(yòng)時(shí)并非兩手都處于閑暇狀态，很多(duō)用(yòng)戶會覺得(de)用(yòng)一隻手再加一個(gè)大(dà)拇指，這(zhè)樣操作是最方便的(de)。用(yòng)戶不希望爲了(le)去擊中一個(gè)目标，而使原先使用(yòng)一個(gè)手的(de)情況變成使用(yòng)兩隻手，又或是原先喜歡用(yòng)大(dà)拇指的(de)情況變成去使用(yòng)其他(tā)手指，可(kě)見，目标太小，給用(yòng)戶的(de)操作帶去的(de)麻煩會有多(duō)大(dà)。

 

麻省理(lǐ)工學院的(de)觸摸實驗室研究人(rén)類的(de)指尖觸覺，發現大(dà)多(duō)數成年人(rén)的(de)食指平均寬度爲1.6至2厘米(16–20毫米)，轉換爲45–57像素，這(zhè)是比之前移動設備給到的(de)建議(yì)尺寸要更大(dà)。

 

觸摸目标45–57像素，允許用(yòng)戶的(de)手指緊貼目标且又能讓用(yòng)戶看到目标的(de)邊緣，這(zhè)爲他(tā)們提供了(le)清晰的(de)交互反饋，幫助用(yòng)戶判斷擊中目标的(de)準确性，也(yě)提升用(yòng)戶擊中目标的(de)效率。這(zhè)與費茨定律一緻， 就是擊中目标的(de)時(shí)間與目标的(de)大(dà)小成反比，即目标越小，擊中時(shí)間就越長(cháng)，因爲它會耗費用(yòng)戶額外的(de)注意力。一個(gè)手指大(dà)小的(de)目标，爲用(yòng)戶提供了(le)足夠的(de)空間去擊中它，而不必擔心精準度。

 

很多(duō)用(yòng)戶會用(yòng)食指去激活目标，但也(yě)有很多(duō)用(yòng)戶喜歡用(yòng)大(dà)拇指。用(yòng)拇指大(dà)的(de)區(qū)别是，它比食指寬。一個(gè)成人(rén)大(dà)拇指平均寬度爲1英寸(2.5厘米)，折算(suàn)下(xià)來(lái)是72像素。

 

因此用(yòng)戶在用(yòng)拇指擊中一個(gè)72px寬的(de)目标時(shí)是很愉悅的(de)，既能快(kuài)速精準定位，又能獲得(de)交互反饋，更不需要爲了(le)擊中目标去傾斜拇指，這(zhè)樣的(de)話(huà)，一隻手，一個(gè)拇指足以完成操作。

 

一項針對(duì)“大(dà)拇指與觸屏設備交互”的(de)研究中顯示，用(yòng)戶操作的(de)出錯率會随著(zhe)目标尺寸的(de)變大(dà)而降低。用(yòng)戶無須爲擊中目标去切換手指的(de)角色。

 

單純講手指的(de)尺寸是比較理(lǐ)想化(huà)的(de)，在實際運用(yòng)中有時(shí)并不可(kě)行

 

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

 

使用(yòng)手指大(dà)小的(de)可(kě)觸目标在平闆電腦(nǎo)上的(de)應用(yòng)比移動設備要容易得(de)多(duō)，因爲平闆有更大(dà)的(de)屏幕空間。你可(kě)以自由地使用(yòng)這(zhè)些尺寸，而不必恐懼這(zhè)些尺寸是否占據了(le)太多(duō)空間。然而，移動設備屏幕的(de)局限性，手指大(dà)小能觸及的(de)目标目标是最需要去考慮的(de)。設計師面臨的(de)挑戰就是如何定義出最常用(yòng)的(de)适用(yòng)于移動設備的(de)可(kě)觸面積大(dà)小。或許，較少的(de)可(kě)觸目标是一個(gè)合理(lǐ)的(de)解決方案，但這(zhè)個(gè)方案的(de)前提一定是需要設計師精簡導航内容。