觸摸屏按鈕設(shè)計(jì):尺寸與間距

在觸摸屏按鈕設(shè)計(jì)當(dāng)中,尺寸對(duì)可用性的影響相當(dāng)巨大。ISO和ANSI標(biāo)準(zhǔn)都推薦0.75" x 0.75"(約19 x 19毫米)的尺寸,來自萊特州立大學(xué)心理系的一項(xiàng)研究也表明0.75" x 0.75"的按鈕對(duì)于用戶來說是滿意率最高的。

原文:Touchscreen Button Dimensions and Spacing — Hell If Phi Know
譯文:http://iconmoon.com/blog2/Touchscreen-Button-Dimensions-and-Spacing/
作者:Morgan Strauss

讓我們來稍微深入地探討一下,我覺得1.25" x 0.75"(約32 x 19毫米)才是最佳尺寸。為什么呢?這個(gè)當(dāng)然和比例有關(guān),就像陪你度過童年的普通電視機(jī)現(xiàn)在早已被寬屏電視劇所取代了,這背后的道理其實(shí)也是比較簡單的。

觸摸屏按鈕設(shè)計(jì):尺寸與間距

按鈕本身的尺寸是一個(gè)方面,按鈕間的間距呢?非常有意思的事實(shí)是按鈕間的間距對(duì)于整個(gè)交互的性能和精確度影響微乎其微。所以即使在屏幕尺寸很小的情況下,仍 然建議增大按鈕面積,哪怕這樣做會(huì)使很多按鈕緊挨著。當(dāng)然如果有多余的空間,最高0.125"(約3毫米)的間隔還是有助于讓界面用起來更舒服,盡管整體 精度和速度不會(huì)發(fā)生變化。

希望在你的設(shè)計(jì)里使用尺寸更小的按鈕?沒問題,我們這里討論的尺寸都是按鈕的實(shí)際可觸摸面積。如果你使用了更小的按鈕,只要保證按鈕的可觸摸面積超過他本身的可視面積,達(dá)到我們的要求就好了。當(dāng)然這種情況下就得考慮按鈕間的間距問題了。

如 果你要處理的觸摸屏尺寸實(shí)在是非常小,你可能不得不使用小于0.75"(約19毫米)的按鈕。這個(gè)時(shí)候0.375"(約9.5毫米)的尺寸可以作為參考, 但是絕對(duì)不能讓按鈕小于0.25"(約6.4毫米)。就像投擲飛鏢一樣,無論用戶離觸摸屏多近,都很難每次都“命中”按鈕的中心區(qū)域。一個(gè)普通的人多次按 同一個(gè)點(diǎn),其精度一般在0.125"(約3.2毫米)以內(nèi)。

那尺寸變大呢?不得不說這也未必是好事,因?yàn)榇筮^一定程度之后用戶點(diǎn)擊的精度不會(huì)提高,速度反而會(huì)下降,因?yàn)橐苿?dòng)于各個(gè)按鈕間的時(shí)候手指必須移動(dòng)更大的距離。

觸摸屏按鈕設(shè)計(jì):尺寸與間距

現(xiàn)在讓科學(xué)來告訴我們一個(gè)理想的按鈕應(yīng)該是什么樣的。

希臘字母 "φ" 在數(shù)學(xué)上往往表示一個(gè)定值——1.618,也就是大家非常熟悉的“黃金分割”。了解文藝復(fù)習(xí)的朋友肯定都知道黃金分割被廣泛應(yīng)用在非常多的地方。比如蒙娜麗莎這幅畫上所使用的黃金分割就足夠你寫一整本書了。

如果你把這個(gè)黃金比例用在按鈕上,那這個(gè)“理想”的按鈕大小就是1.25" x 0.75"(約32 x 19毫米)

文中Food Network App配圖作者:Isaac Sanchez

收藏 4
點(diǎn)贊 1

復(fù)制本文鏈接 文章為作者獨(dú)立觀點(diǎn)不代表優(yōu)設(shè)網(wǎng)立場,未經(jīng)允許不得轉(zhuǎn)載。