【触控控件尺寸】分析触控控件尺寸与人类手指触摸区域的关系与参考值

一、参数

使用物理尺寸衡量，即屏幕上使用英寸in，生活中使用毫米mm为单位。

二、数据

控件过小则会导致触控失灵，从而产生大量的无效用户操作，导致体验较差，因此，需利用合适的数据参数来计算或制定控件的尺寸与规则。以指尖触控为例，主流有以下两种：

2.1食指触控

根据麻省理工的触摸实验室的人类触觉报告，对于食指有以下列表数据：

1. 平均宽度：16~20mm
2. 指腹触摸区域尺寸：10~14mm
3. 指尖触摸区域尺寸：8~10mm

2.2拇指触控

根据麻省理工的触摸实验室的人类触觉报告，对于拇指有以下列表数据：

1. 平均宽度：25mm
2. 指腹触摸区域尺寸：12~16mm
3. 指尖触摸区域尺寸：10~12mm

三、设计

对于触控控件，控件的最小尺寸不应小于触摸的实际最小尺寸。

因此对于食指触摸应保证在8mm*8mm以上，且控件间距应保证至少在1mm以上。

因此对于拇指指触摸应保证在10mm*10mm以上，且控件间距应保证至少在2mm以上。

因此对于表单类触摸控件，控件间距应保证至少在5mm以上。

因此对于其他UI元素，间距应保证至少一个指头的距离。

四、总结

调参害死人，所以这部分控件布局与计算应先以合适的理论构建模型，之后再上机实机调试，不同的产品或主题往往有着不同的规则，因此要在规则与用户体验度上作出平衡。