3

我参与为医疗设备编写触摸屏应用程序。该程序类似于信息亭,因为用户无法访问开始菜单等,并且用户将使用屏幕键盘在他们需要的罕见事件中键入任何文本。指定的屏幕尺寸为 1280x1024。

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

还是大尺寸的一角钱?

编辑:关于我们用户的一些额外知识。由于设备的性质,他们必须有双手,而且他们不会戴手套。他们必须能够操作尺寸最大为 14x17 英寸的胶卷盒(同样,由于设备的性质),所以我有理由相信他们有一定的手动灵活性。

4

5 回答 5

3

有很多因素会导致按钮变得更大。

根据我的经验,我会使用不小于美国 25 美分硬币的东西——一角硬币对于重复使用来说实在是太小了。如果用户会戴手套或其他东西来“增肥”手指,那么您将需要更大的按钮。如果您的用户有残疾或运动控制不佳(比您预期的更常见),那么一角钱大小的按钮绝对没用。请记住,某些触摸屏并不是特别准确。我已经使用了一些在边缘附近最多 25 像素的东西。

此外,他们多久按一次按钮,屏幕上有多少个按钮?必须按顺序点击许多小的触摸屏按钮会让用户发疯。这就是您会注意到许多触摸屏系统(例如 ATM)开始具有超过 1 英寸 x 2 英寸的按钮的原因之一。

此外,如果他们不小心按下了错误的按钮,系统的容错能力如何?Mabye是因为屏幕关闭还是他们从某个角度观看?它的容错性越差,你的按钮就需要越大。错误发生。较小的按钮意味着更多的错误。

于 2009-03-03T19:12:33.407 回答
2

这在很大程度上取决于设备本身以及您在其上放置的 UI。

许多触摸屏(不包括多点触控)平均触摸区域,因此您可能不想将 UI 项目放置在比指尖区域更近的位置以减少误触。

触摸屏需要在安装后进行校准,即便如此,根据屏幕类型或观看屏幕的自然角度,仍可能存在一些视差。

您还可以考虑在触地时提供视觉反馈,并且仅在触地释放时让事件通过。当你得到触摸时,以接触点为中心显示一个大于指尖的 x 并让它跟踪,直到触摸被释放。该点就是点击点。

最重要的是,用户测试,用户测试,用户测试。

如果您真的担心大小 - 让它变得流畅,以便您可以轻松更改它并在真实情况下在真实用户身上进行测试。我提到用户测试了吗?

于 2009-03-03T19:16:01.310 回答
1

取决于很多因素...

所有触摸屏都会随着时间的推移而退化,并且随着时间的推移会产生更不准确、更嘈杂和更少线性的结果。随着时间的推移,电阻式触摸屏已经有了很大的改进,但您仍然会遇到问题,尤其是对于如此大的触摸屏。

此外,人们有不同大小的手指,以及不同程度的手/眼协调。

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

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

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

其次,我会做一些测试——在屏幕上制作几个目标,然后记录触摸屏硬件在您按下它们时向您发送的所有点。对快速猛击、长按、轻按等进行一系列测试。查看输入跳跃的幅度(您可能会感到惊讶……)以及它实际响应的速度(重过滤可能会使压力迟到,这可能会在没有快速反馈的情况下降低可用性)。

第三,我会设计用户界面以获得良好的用户反馈。使按钮比手指宽,这样当用户按下它时,他们仍然能看到按钮的一小部分,并且在按下它时它看起来会被压下。

第四,我会考虑增加适应性学习。您必须偶尔运行校准并重新运行,但在此期间您可以稍微调整以适应用户以减少出错的可能性。但是,它不适合胆小的人,而且很容易做错,所以如果你想考虑它,请小心。

-亚当

于 2009-03-03T19:29:12.307 回答
1

我会在某种程度上同意James的观点,即美国 25 美分是一个更好的目标,但通常你可以改变它,所以它在一个维度上是一个美国四分之一,另一个是一美分。当然,您希望将活动 UI 元素的中心彼此分开至少一美分的距离,具体取决于单击错误元素的“可解决性”程度。(如果正在做的只是选择它,单击列表中的错误元素很容易解决;单击对话框的退出按钮不是那么多。)

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

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

于 2009-03-03T19:37:33.723 回答
1

越大越好,因为我们知道尺寸很重要。

当点击屏幕上的某个地方时,触摸屏界面的用户获得反馈很重要,因为这不能像普通键盘或鼠标按钮那样是机械的,我们使用声音和/或改变颜色。

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

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

在屏幕上订购也很重要。对于鼠标驱动的界面,使用下拉组合框、菜单等是好的,但对于触摸屏,你会扼杀它们的可用性。因此,不要将控件放在屏幕的左上角,而是将它们放在右下角。这将使您的用户在工作时可以在屏幕上解放双手信息区域。

想想左/右手布局,以及日/夜配色方案。

目前我正在努力为触摸屏创建一组 .net UI 组件,您可以很快在我的网站上查看演示。

阿塔纳斯

于 2009-03-06T10:01:46.687 回答