iPhone上的最小合理按钮尺寸

问题描述 投票:66回答:6

我正在设计一个iPhone应用程序,该应用程序具有相当大的一组屏幕圆形rect按钮。给定基于手指的触摸屏UI,您认为最小的合理按钮尺寸是多少?我需要在视口中尽可能多地容纳它们,而又不会过多地损害可用性。也许有苹果建议的最小尺寸?现在是33x33,在模拟器上看起来还不错,但昨晚我在真实的手机上玩该应用程序,而且很尴尬-按钮感觉太小。

iphone user-interface usability uibutton
6个回答
105
投票

Apple表示平均手指点按为44x44(来自WWDC)。建议所有表格行至少为该高度。图标通常以32x32的比例出现,但具有填充以使可触摸区域变为44x44。当然,如果人们非常小心,则可以使用1x1,但是为什么要使人们比他们更努力地尝试才能使用您的应用?


53
投票

最近的科学研究发现:

[[A] 9.2 mm的目标尺寸(离散)任务[即单目标指向任务]和9.6毫米的串行目标任务应该足够大单手拇指使用不带触摸屏的手持设备降低性能和偏好。

引自Target Size Study for One-Handed Thumb Use on Small Touchscreen Devices(Parhi,Karlson,&Bederson 2006)。其他消息来源也同意这一“接近0.4英寸的规则”(例如Designing Gestural Interfaces(Saffer 2008,第42页))。

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

((请注意,此验证仅用于单手拇指使用。)


5
投票

Apple在这方面并不一致,也没有硬性规定。

[他们建议您在UI指南中提供指尖大小的目标,然后继续说计算器按钮为44x44。

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

我认为您只需要简单地测试您的应用程序,并确保容易按下按钮-即使您的手相当大...

-t


2
投票

我可能发誓他们说最小像素为37像素,但今天我发现有44像素。无论哪种方式,33似乎都很小。

((请注意图像可以较小,因为它们通常是较大矩形区域的一部分。)

((如果像素大小较大,您可能会在其他设备上获得更少的像素。)


2
投票

[实际上,在早期的触摸屏上创建基于Web的自定义设备UI时,我们发现重要的是,为我们的一个Beta测试人员所称的“我的胖手指”进行设计。他是对的:设计优雅,精细的控件很容易,很多用户会发现容易出错或无法使用。在那个项目中,确切的大小取决于应用程序,但是测试人员发现40 x 40可用(对于高清晰度/ Retina显示屏是两倍),少了任何东西都会增加遗漏和错误(和挫败感)的数量;此外,手指细长的人发现,他们感觉自己可以移动得更快,而不必做得那么精确,这使整个过程变得更平滑,主观摩擦更少,呼吸空间更大。诀窍是使这种大小的控件看起来不笨拙或霸道。上面提到了一种解决方案,尽管不是通用解决方案,但它使控件的可视部分小于其实际尺寸。


0
投票

根据HIG,它应至少为44pt x 44pt:

© www.soinside.com 2019 - 2024. All rights reserved.