触摸屏上最小的按钮尺寸是多少?

3

我参与编写一款医疗设备的触摸屏应用程序。该程序类似于信息亭,因为用户无法访问开始菜单等内容,并且用户将使用屏幕键盘在极少数情况下输入任何文本。规定的屏幕尺寸为1280x1024。

问题是:合理界面的最小可触摸按钮大小是多少?我认为美国10分硬币在各个方向上都是合理的最小大小,理由是我们可以期望人们用手指感觉到的最小尺寸大约是10分硬币的直径(根据万能的维基百科,它的直径为17.91毫米)。

或者10分硬币有点太大了吗?

编辑:关于我们的用户还有一些额外的知识。由于设备的性质,他们必须拥有双手,并且他们不会戴手套。他们需要能够操作长达14x17英寸的胶片盒,因此我相信他们具有一定的手动灵活性。

5个回答

3

有很多因素需要考虑,这可能需要更大的按钮。

根据我的经验,我会使用不小于美国25美分硬币大小的按钮——重复使用的话,10美分硬币实在太小了。如果用户会戴手套或其他东西来“加粗”手指,您将需要更大的按钮。如果您有残疾人或运动控制能力差的用户(比您想象的要普遍),10美分大小的按钮绝对没有用。请记住,有些触摸屏并不是特别准确的。我曾经使用过一些在边缘处偏差高达25个像素的触摸屏。

此外,他们会经常按按钮吗?屏幕上会有多少个按钮?需要连续按下许多小触摸屏按钮会让用户发疯。这就是为什么您会注意到许多触摸屏系统(例如自动取款机)开始拥有超过1英寸x 2英寸的按钮的原因之一。

此外,如果他们意外按错按钮,系统的容错性如何?也许是因为屏幕关闭或者他们从一个角度看?容错性越低,您需要的按钮就越大。错误是难免的。按钮越小,犯错的次数就越多。


2
这将在很大程度上取决于设备本身以及您放置在其上的UI界面。许多触摸屏(不包括多点触控)平均触摸区域,因此您不希望将UI元素放得比手指触摸区域更近,以减少误触。触摸屏需要在安装后进行校准,即使如此,根据屏幕类型或从屏幕被查看的自然角度可能会有一些视差。您还可以考虑在触摸时提供视觉反馈,并仅在触摸释放时才让事件通过。当您获得触摸时,在接触点上方显示一个大于手指触摸区域的x,并让它跟踪直到触摸被释放。那个点就是点击点。最重要的是,用户测试,用户测试,用户测试。如果您真的担心尺寸问题-使其流动,以便您可以轻松更改它并在实际环境下对真实用户进行测试。我是否提到过用户测试?

1

取决于许多因素...

所有触摸屏都会随时间逐渐退化,变得不那么准确、更嘈杂和不那么线性。电阻式触摸屏随着时间的推移有了巨大的改进,但您仍然会遇到问题,特别是对于如此大的触摸屏。

此外,人们手指大小和手眼协调水平也各不相同。

最后,实际处理触摸的硬件和软件在进入您的应用程序之前需要进行校准和表征。

所以这比仅仅问按钮需要多大要困难得多。

首先,我会与触摸屏本身的制造商以及硬件/软件接口的制造商交谈,了解他们的建议。

其次,我会进行一些测试 - 在屏幕上制作几个目标,然后记录触摸屏硬件在按下它们时发送给您的所有点。进行一些测试,包括快速刺击按压、长时间强力按压、轻按等。看看输入跳跃有多大(你可能会惊讶...)以及它实际响应的速度有多快(重滤波可能会使按压过晚而降低可用性,没有及时反馈)。

第三,我会为GREAT用户反馈设计用户界面。将按钮做得比手指宽,这样当用户按下按钮时,他们仍然能看到一点按钮,并且在按下按钮时会有一个凹陷的感觉。
第四,我会考虑添加自适应学习功能。你需要定期运行校准程序,但在此之间,你可以稍微调整一下用户信息来减少出错的可能性。这不是一项简单的任务,容易出错,所以如果你想考虑它,请小心谨慎。
-亚当

1

我有点同意詹姆斯的观点,美国25美分硬币是更好的目标,但通常你可以将其改为在一个维度上是关于美国25美分硬币,在另一个维度上是关于美国10美分硬币。当然,你希望将活动UI元素的中心彼此分开至少一个美国10美分硬币的距离,这取决于点击错误元素的“可解决性”程度。(如果只是选择它,则在列表中单击错误元素很容易解决;但在对话框的退出按钮上单击则不太容易。)

确保使您最常见的情况变得非常容易。这通常意味着制作一个非常大的按钮;或者有时将整个UI区域“可点击”(但如果您这样做,对用户来说也看到该区域中的某种按钮会更好,以暗示他们可以单击它。)

根据触摸屏的质量,您通常可以在边缘“作弊”。不仅传统基于鼠标的界面上最容易点击到的是边缘和角落,而且在基于触摸屏的界面上也是如此,因为用户可以将手指按在框架元素的旁边,而不必担心触发其他操作。如果 UI 元素靠近屏幕边缘,请确保它们接受点击直到屏幕边缘。利用这一点,您可以在每个角落放置一个美国硬币大小的按钮,这些按钮仍然非常可重复点击(尽管可能缺乏反馈,如果您的用户有大手指)。


1

众所周知,大小事关重要,因此越大越好。

对于触摸界面的用户来说,在屏幕上单击某处时获得反馈非常重要,因为这不能像普通键盘或鼠标按钮那样是机械的,所以我们使用声音和/或改变颜色。

仅在单击控件时播放声音而不是在屏幕上任何位置都触摸以实现良好的可用性。

如果工作环境嘈杂,您还必须提供颜色反馈,并且在这种情况下,按钮应比手指两到三倍大。用户可以看到手放在屏幕上时的反馈很重要,您知道手不是由玻璃制成的。

在屏幕上的排序也很重要。对于鼠标驱动的界面,使用下拉组合框、菜单等是很好的,但是对于触摸屏幕,使用它们会降低可用性。因此,将控件放在屏幕的右下角而不是左上角。这将为您的用户提供一个无需使用双手的信息区域。

考虑左/右手布局和日/夜配色方案。

目前我正在开发一套适用于触摸屏幕的.net UI组件,您可以很快在我的网站上查看演示。

Atanas


关于配色方案和手部布局的优秀观点!我完全忘记了这些。左右手布局也会影响反馈机制。 - James Schek

网页内容由stack overflow 提供, 点击上面的
可以查看英文原文,
原文链接