移動觸摸屏幕上的理想觸摸目標(biāo)

0 評論 3230 瀏覽 0 收藏 5 分鐘

飛鏢,擊中靶心是很難做到的。這是因為靶心是最小的目標(biāo)。這個道理同樣也適用于觸摸移動設(shè)備上的目標(biāo)。較小的觸摸目標(biāo)比大的操作困難。但究竟有多大,最佳易用性是什么?許多移動設(shè)計人員不知如何把握,用戶界面的設(shè)計只能參考平臺開發(fā)商提供的指引幫助。

移動平臺的指引幫助總結(jié)

理想的觸摸移動設(shè)備上的觸摸目標(biāo)

蘋果的 iPhone 人機接口指南建議的觸摸最小目標(biāo)是44×44像素大小。微軟的 Windows 電話的用戶界面設(shè)計指南建議最低觸摸目標(biāo)是26×34像素大小。諾基亞開發(fā)指引的建議是不小于1x1cm的正方形或28×28像素大小。這些指引相互并不一致。事實上,平臺開發(fā)商建議的尺寸比一般的手指尺寸小,可能導(dǎo)致在移動設(shè)備上觸摸目標(biāo)的可用性問題。

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

小的觸摸目標(biāo),需要準(zhǔn)確地?fù)糁?。用戶需要調(diào)整自己的手指,從手指到指尖擊中目標(biāo),界面要有清晰的視覺反饋。用手指涵蓋整個目標(biāo),有時用戶無法看到他們所要試圖擊中的目標(biāo)。用戶需要知道擊中目標(biāo)后的視覺反饋。

理想的觸摸移動設(shè)備上的觸摸目標(biāo)

不僅如此,小的觸摸目標(biāo)可能導(dǎo)致接觸錯誤。小型觸摸目標(biāo)分組彼此靠近時,用戶有時不小心碰到相鄰的目標(biāo),可能觸發(fā)意想不到的動作。這是因為用戶的手指重疊到鄰近的按鈕,從而引發(fā)錯誤的交互行為。有時用戶會翹起拇指側(cè)邊點擊一個小的觸摸目標(biāo)。這樣做的目的往往是為了規(guī)避錯誤的點擊目標(biāo)。

理想的觸摸移動設(shè)備上的觸摸目標(biāo)

用戶在使用移動設(shè)備的時候,愿意只用一只手完成目標(biāo)任務(wù),用食指或拇指準(zhǔn)確地?fù)糁心繕?biāo),目標(biāo)的大小不應(yīng)該使他們觸摸錯誤。小型觸摸目標(biāo)有時會造成用戶比較困難的操作。

食指像素寬度的平均值

理想的觸摸移動設(shè)備上的觸摸目標(biāo)

麻省理工學(xué)院的一個觸摸實驗室發(fā)現(xiàn),食指像素寬度的平均值是1.6 – 2厘米(成人)。等于45–57像素。

拇指像素寬度的平均值

理想的觸摸移動設(shè)備上的觸摸目標(biāo)

有許多用戶,他們用自己的食指操作移動目標(biāo)。但也有很多用戶使用他們的經(jīng)驗(拇指操作)。拇指操作的區(qū)別是,它比食指寬。一個成人拇指平均寬度為1英寸(2.54厘米)左右,等于72像素。用戶使用大拇指(72個像素)操作移動設(shè)備。這使得觸摸邊緣從各個角度更容易看到。這意味著用戶不必調(diào)整自己的拇指即可看到點擊的目標(biāo)。

理想的觸摸移動設(shè)備上的觸摸目標(biāo)

手機游戲的觸摸方式應(yīng)用拇指大小的目標(biāo)特別有用。用戶可以通過拇指大小的應(yīng)用來控制目標(biāo),發(fā)揮更好的處理控制比賽。

無論您的應(yīng)用程序是一個游戲或其他,觸摸的目標(biāo)是為用戶設(shè)計開發(fā),觸摸式按鍵的大小尺寸越小點擊錯誤的發(fā)生數(shù)量越多。設(shè)計師面臨的挑戰(zhàn)是要弄清楚如何使手機屏幕上的觸摸目標(biāo)適合手指的大小。迫使設(shè)計師力求保持簡潔的導(dǎo)航和快速明了的交互響應(yīng)。

本文轉(zhuǎn)載自新浪博客,

原文鏈接http://blog.sina.com.cn/s/blog_53aa88df0101299f.html

更多精彩內(nèi)容,請關(guān)注人人都是產(chǎn)品經(jīng)理微信公眾號或下載App
評論
評論請登錄
  1. 目前還沒評論,等你發(fā)揮!