【问题标题】:Smallest button size on a touchscreen触摸屏上最小的按钮尺寸
【发布时间】:2009-03-03 19:04:05
【问题描述】:

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

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

还是大号上一毛钱有点?

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

【问题讨论】:

    标签: user-interface touchscreen


    【解决方案1】:

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

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

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

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

    【讨论】:

      【解决方案2】:

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

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

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

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

      首先,用户测试,用户测试,用户测试。

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

      【讨论】:

        【解决方案3】:

        取决于很多因素...

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

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

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

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

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

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

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

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

        -亚当

        【讨论】:

          【解决方案4】:

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

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

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

          【讨论】:

            【解决方案5】:

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

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

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

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

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

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

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

            阿塔纳斯

            【讨论】:

            • 配色方案和手工布局的优点!我完全忘记了那些。左右手布局也会影响反馈机制。
            猜你喜欢
            • 1970-01-01
            • 2023-01-29
            • 2011-01-08
            • 1970-01-01
            • 2012-01-23
            • 1970-01-01
            • 2022-12-11
            • 1970-01-01
            • 1970-01-01
            相关资源
            最近更新 更多