iPhone上的最小敏感按钮尺寸

Sev*_*yev 66 iphone usability user-interface uibutton

我正在设计一款iPhone应用程序,其中包含一组相当大的屏幕圆形矩形按钮.给定基于手指的触摸屏UI,您认为最小的合理按钮大小是什么?我需要在视口中尽可能多地适应它们而不会过多地损害可用性.也许苹果推荐的最小尺寸?现在它是33x33,它在模拟器上看起来还不错,但我昨晚在真实手机上玩这款应用程序,这很尴尬 - 按钮感觉太小了.

con*_*are 105

苹果称平均手指点击是44x44(来自WWDC).建议所有表行至少为该高度.图标通常显示为32x32,但有填充以使可触摸区域为44x44.当然,如果他们非常小心,人们可以点击1x1,但为什么让人们为了使用你的应用而努力尝试?

  • 当然苹果公司违反了这个令人愤怒的App Store应用程序免费/安装按钮...... (75认同)
  • 在谈论UI时,不要想像素,想想点.无论视网膜与否,答案仍然是44x44分. (15认同)
  • 当你谈到手指点击是'44x44'时这是正确的点? (3认同)
  • 在发布时,它是非视网膜显示器并参考设备上的像素.现在,随着视网膜,它将加倍到88像素. (2认同)

jen*_*ram 53

最近的科学研究发现:

[A]离散任务的目标尺寸为9.2毫米[即,单目标指向任务],对于连续任务而言9.6毫米的目标应该足够大,以便在基于触摸屏的手持设备上单手使用,而不会降低性能和偏好.

引自小型触摸屏设备上单手拇指使用的目标尺寸研究(Parhi,Karlson,&Bederson 2006).其他消息来源同意这种"接近0.4英寸规则"(例如Designing Gestural Interfaces(Saffer 2008,p.42)).

鉴于iPhone的像素密度为163 PPI(6.417px/mm),对于任何目标,最好不要低于59px对角线.

(请注意,这仅用于单手拇指使用.)

  • 顺便说一句,如果你认为9.6mm是理想的(而不是9.2),那么最小尺寸就是61.6 px对角线,这又相当于一个44像素的正方形 - 正是苹果推荐的!再一次(2年后来到这里进行无关的搜索!)很好的研究. (8认同)
  • +1提及实际尺寸而不是像素^^(虽然我猜到目前为止Iphone使用相同的屏幕?) (2认同)

Tim*_*Tim 5

苹果在这方面并不一致,也没有硬规则.

他们建议您在UI准则中提供指尖大小目标,然后继续说计算器按钮是44x44.

同样在该文档中,他们说工具栏和导航图标的图像应为20x20,标签栏图标的图像应为30x30.

我认为你必须简单地测试你的应用程序,并确保按下按钮很容易 - 即使你有相当大的手......

-t

  • "同样在该文件中,他们说工具栏和导航图标的图像应为20x20,标签栏图标的图像应为30x30." - 图标,是的,但是hitbox围绕图标延伸. (2认同)