飛鏢,擊中靶心是很難做到的。這是因?yàn)榘行氖亲钚〉哪繕?biāo)。這個(gè)道理同樣也適用于觸摸移動(dòng)設(shè)備上的目標(biāo)。較小的觸摸目標(biāo)比大的操作困難。但究竟有多大,最佳易用性是什么?許多移動(dòng)設(shè)計(jì)人員不知如何把握,用戶界面的設(shè)計(jì)只能參考平臺(tái)開發(fā)商提供的指引幫助。
移動(dòng)平臺(tái)的指引幫助總結(jié)
蘋果的 iPhone 人機(jī)接口指南建議的觸摸最小目標(biāo)是44×44像素大小。微軟的 Windows 電話的用戶界面設(shè)計(jì)指南建議最低觸摸目標(biāo)是26×34像素大小。諾基亞開發(fā)指引的建議是不小于1x1cm的正方形或28×28像素大小。這些指引相互并不一致。事實(shí)上,平臺(tái)開發(fā)商建議的尺寸比一般的手指尺寸小,可能導(dǎo)致在移動(dòng)設(shè)備上觸摸目標(biāo)的可用性問題。
小的觸摸目標(biāo)導(dǎo)致大問題
小的觸摸目標(biāo),需要準(zhǔn)確地?fù)糁小S脩粜枰{(diào)整自己的手指,從手指到指尖擊中目標(biāo),界面要有清晰的視覺反饋。用手指涵蓋整個(gè)目標(biāo),有時(shí)用戶無法看到他們所要試圖擊中的目標(biāo)。用戶需要知道擊中目標(biāo)后的視覺反饋。
不僅如此,小的觸摸目標(biāo)可能導(dǎo)致接觸錯(cuò)誤。小型觸摸目標(biāo)分組彼此靠近時(shí),用戶有時(shí)不小心碰到相鄰的目標(biāo),可能觸發(fā)意想不到的動(dòng)作。這是因?yàn)橛脩舻氖种钢丿B到鄰近的按鈕,從而引發(fā)錯(cuò)誤的交互行為。有時(shí)用戶會(huì)翹起拇指側(cè)邊點(diǎn)擊一個(gè)小的觸摸目標(biāo)。這樣做的目的往往是為了規(guī)避錯(cuò)誤的點(diǎn)擊目標(biāo)。
用戶在使用移動(dòng)設(shè)備的時(shí)候,愿意只用一只手完成目標(biāo)任務(wù),用食指或拇指準(zhǔn)確地?fù)糁心繕?biāo),目標(biāo)的大小不應(yīng)該使他們觸摸錯(cuò)誤。小型觸摸目標(biāo)有時(shí)會(huì)造成用戶比較困難的操作。
食指像素寬度的平均值
麻省理工學(xué)院的一個(gè)觸摸實(shí)驗(yàn)室發(fā)現(xiàn),食指像素寬度的平均值是1.6 – 2厘米(成人)。等于45–57像素。
拇指像素寬度的平均值
有許多用戶,他們用自己的食指操作移動(dòng)目標(biāo)。但也有很多用戶使用他們的經(jīng)驗(yàn)(拇指操作)。拇指操作的區(qū)別是,它比食指寬。一個(gè)成人拇指平均寬度為1英寸(2.54厘米)左右,等于72像素。用戶使用大拇指(72個(gè)像素)操作移動(dòng)設(shè)備。這使得觸摸邊緣從各個(gè)角度更容易看到。這意味著用戶不必調(diào)整自己的拇指即可看到點(diǎn)擊的目標(biāo)。
手機(jī)游戲的觸摸方式應(yīng)用拇指大小的目標(biāo)特別有用。用戶可以通過拇指大小的應(yīng)用來控制目標(biāo),發(fā)揮更好的處理控制比賽。
無論您的應(yīng)用程序是一個(gè)游戲或其他,觸摸的目標(biāo)是為用戶設(shè)計(jì)開發(fā),觸摸式按鍵的大小尺寸越小點(diǎn)擊錯(cuò)誤的發(fā)生數(shù)量越多。設(shè)計(jì)師面臨的挑戰(zhàn)是要弄清楚如何使手機(jī)屏幕上的觸摸目標(biāo)適合手指的大小。迫使設(shè)計(jì)師力求保持簡潔的導(dǎo)航和快速明了的交互響應(yīng)。
本文轉(zhuǎn)載自新浪博客,
原文鏈接http://blog.sina.com.cn/s/blog_53aa88df0101299f.html