品牌設(shè)計(jì)
Hi,are you ready?

準(zhǔn)備好開始了嗎?
那就與我們?nèi)〉寐?lián)系吧

有一個(gè)品牌項(xiàng)目想和我們談?wù)剢?您可以填寫右邊的表格,讓我們了解您的項(xiàng)目需求,這是一個(gè)良好的開始,我們將會(huì)盡快與你取得聯(lián)系。當(dāng)然也歡迎您給我們寫信或是打電話,讓我們聽到你的聲音!

PID派點(diǎn)互動(dòng)

地 址:廣州市天河區(qū)金慧路88號11棟138單元(華南農(nóng)業(yè)大學(xué)內(nèi))

電 話:+020- 3855 0205 3855 0745

傳 真:+020-3855 0745

E-mail:925774558@qq.com

填寫您的項(xiàng)目信息

captcha

移動(dòng)觸屏的手指觸發(fā)尺寸

標(biāo)簽:派點(diǎn)互動(dòng)廣|網(wǎng)站制作|廣州網(wǎng)站制作|手機(jī)移動(dòng)端制作

來自各移動(dòng)平臺的設(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)致用戶在觸摸移動(dòng)設(shè)備時(shí)產(chǎn)生目標(biāo)定位不精準(zhǔn)的問題

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

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

派點(diǎn)互動(dòng)廣|網(wǎng)站制作|廣州網(wǎng)站制作|手機(jī)移動(dòng)端制作

0.jpg

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

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

平均食指像素寬度

麻省理工學(xué)院的觸摸實(shí)驗(yàn)室研究人類的指尖觸覺,發(fā)現(xiàn)大多數(shù)成年人的食指平均寬度為1.6至2厘米(16–20毫米),轉(zhuǎn)換為45–57像素,這是比之前移動(dòng)設(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)樗鼤?huì)耗費(fèi)用戶額外的注意力。一個(gè)手指大小的目標(biāo),為用戶提供了足夠的空間去擊中它,而不必?fù)?dān)心精準(zhǔn)度。

平均拇指像素寬度

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

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

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

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

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

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


返回列表
在線溝通

Are you interested in ?

感興趣嗎?

有關(guān)我們服務(wù)的更多信息,請聯(lián)系

135 7039 2915 李先生

與我們合作

與派點(diǎn)合作,您將會(huì)得到更成熟的網(wǎng)站建設(shè)服務(wù)。我們以客戶至上,同時(shí)也相互挑戰(zhàn),力求呈現(xiàn)最好的網(wǎng)站建設(shè)成果。

品牌顧問熱線(李生):

+135 7039 2915

TOP

QQ客服

免費(fèi)電話