blocks|key|1929514|text|苹果公司表示，avg手指轻拍的大小是44x44+(来自WWDC)。建议所有表行的高度至少为该高度。图标通常显示为32x32，但具有填充以使可触摸区域为44x44。当然，如果人们非常小心，他们可以点击1x1，但为什么要让人们为了使用你的应用程序而更加努力呢？|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1929515|entityMap^0|0^^$0|@$1|2|3|4|5|6|7|D|8|@]|9|@]|A|$]]|$1|B|3|-4|5|6|7|E|8|@]|9|@]|A|$]]]|C|$]]

Apple says that the avg finger tap is 44x44 (from WWDC). All table rows are recommended to be at least that height. It is common for icons to appear 32x32, but have padding to make the touchable area 44x44. Of course, people can tap a 1x1 if they are very careful, but why make people try harder than they need to in order to use your app?

blocks|key|629093|text|最近的科学研究发现：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|629094|629095|用于离散任务的9.2+mm目标尺寸和用于串行任务的9.6+mm目标尺寸应足够大，以便在基于触摸屏的手持设备上使用单手拇指，而不会降低性能和偏好。|blockquote|offset|length|style|BOLD|629096|629097|629098|引用自+(Parhi，Karlson，&+Bederson+2006)。其他来源同意这一“接近0.4英寸的规则”(例如+(Saffer2008，p.42))。|629099|考虑到iPhone的像素密度163+PPI+(6.417px/mm)，对于任何目标，你最好将对准不低于59px的对角线。|629100|(请注意，这仅针对单手拇指使用进行验证。)|629101|entityMap|0|LINK|mutability|MUTABLE|url|http://www.apple.com/iphone/specs.html^0|0|0|7|6|0|0|0|0|1A|D|E|7|0|0|0^^$0|@$1|2|3|4|5|6|7|Z|8|@]|9|@]|A|$]]|$1|B|3|-4|5|6|7|10|8|@]|9|@]|A|$]]|$1|C|3|D|5|E|7|11|8|@$F|12|G|13|H|I]]|9|@]|A|$]]|$1|J|3|-4|5|6|7|14|8|@]|9|@]|A|$]]|$1|K|3|-4|5|6|7|15|8|@]|9|@]|A|$]]|$1|L|3|M|5|6|7|16|8|@]|9|@]|A|$]]|$1|N|3|O|5|6|7|17|8|@$F|18|G|19|H|I]]|9|@$F|1A|G|1B|1|1C]]|A|$]]|$1|P|3|Q|5|6|7|1D|8|@]|9|@]|A|$]]|$1|R|3|-4|5|6|7|1E|8|@]|9|@]|A|$]]]|S|$T|$5|U|V|W|A|$X|Y]]]]

Recent scientific research has found that:

<blockquote>
 [A] target size of 9.2 mm for discrete
 tasks [i.e., single-target pointing tasks] and targets of 9.6 mm for serial
 tasks should be sufficiently large for
 one-handed thumb use on
 touchscreen-based handhelds without
 degrading performance and preference.
</blockquote>

Cited from <a href="http://portal.acm.org/citation.cfm?id=1152260" rel="noreferrer">Target Size Study for One-Handed Thumb Use on Small Touchscreen Devices</a> (Parhi, Karlson, &amp; Bederson 2006). Other sources agree on this "close-to-0.4-inch-rule" (e.g. <a href="http://www.designinggesturalinterfaces.com/" rel="noreferrer">Designing Gestural Interfaces</a> (Saffer 2008, p. 42)).

Given the iPhone's pixel density of <a href="http://www.apple.com/iphone/specs.html" rel="noreferrer">163 PPI</a> (6.417px/mm), you should preferably aim no lower than 59px diagonal for any target.

(Please note that this is verified for one-handed thumb use only.)

blocks|key|629105|text|苹果在这一点上并不一致，也没有硬性规定。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|629106|他们建议您在UI指南中提供指尖大小的目标，然后继续说明计算器按钮为44x44。|offset|length|style|BOLD|629107|另外，在该文档中，他们说工具栏和导航图标的图像应该是20x20，而选项卡栏图标的图像应该是30x30。|629108|我认为你必须简单地测试你的应用程序，并确保它很容易按下按钮-即使你有相当大的手……|629109|-t|629110|entityMap^0|0|D|7|0|0|0|0^^$0|@$1|2|3|4|5|6|7|P|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|Q|8|@$D|R|E|S|F|G]]|9|@]|A|$]]|$1|H|3|I|5|6|7|T|8|@]|9|@]|A|$]]|$1|J|3|K|5|6|7|U|8|@]|9|@]|A|$]]|$1|L|3|M|5|6|7|V|8|@]|9|@]|A|$]]|$1|N|3|-4|5|6|7|W|8|@]|9|@]|A|$]]]|O|$]]

Apple is not consistent in this, and there are no hard rules.

They recommend you provide Fingertip-Size Targets in the UI Guidelines, and then go on to say that the calculator buttons are 44x44.

Also in that document they say that images for toolbar and navigation icons should be 20x20, and for tab bar icons should be 30x30.

I think you have to simply test your application and make sure that it's easy to press the buttons - even when you have fairly large hands...

-t

blocks|key|725820|text|我可以发誓他们说的最小像素是37像素，但我今天发现是44像素。无论哪种方式，33看起来都很小。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|725821|(请注意，图像可以更小，因为它们通常是较大矩形区域的一部分。)|725822|(如果像素较大，您可能会在其他设备上使用较少的像素。)|725823|entityMap^0|0|0|0^^$0|@$1|2|3|4|5|6|7|H|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|I|8|@]|9|@]|A|$]]|$1|D|3|E|5|6|7|J|8|@]|9|@]|A|$]]|$1|F|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|G|$]]

I could have sworn they said the minimum was 37 pixels, but I'm finding 44 today. Either way, 33 seems small.

(Note that images can be smaller because they're often part of a larger rectangular area.)

(You might get away with fewer pixels on other devices, if the pixel size is larger.)

blocks|key|2134921|text|在实践中，当我们在早期的触摸屏上创建一个自定义的基于web的设备UI时，我们发现为我们的一位beta测试者所说的“我的胖手指”进行设计是很重要的。他是对的:很容易设计出优雅、精细的控件，而大量用户会发现这些控件容易出错或无法使用。在那个项目中，确切的尺寸取决于应用程序，但测试人员发现40+x+40是可用的(高清/视网膜显示器的两倍)，任何低于40+x+40的尺寸都会增加未命中和错误的数量(以及挫败感)；作为一个额外的好处，手指纤细的人发现他们可以移动得更快，不需要那么精确，这使得整个过程感觉更流畅，主观摩擦更少，呼吸空间更大。诀窍是让这种大小的控件看起来不那么笨拙或专横；上面提到了一种解决方案，使控件的可视部分比实际尺寸小，尽管这不是通用的解决方案。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|2134922|entityMap^0|0^^$0|@$1|2|3|4|5|6|7|D|8|@]|9|@]|A|$]]|$1|B|3|-4|5|6|7|E|8|@]|9|@]|A|$]]]|C|$]]

In practice while creating a custom web-based device UI on early touch screens, we found it important to design for what one of our beta testers referred to as "my fat fingers." And he was right: it is easy to design elegant, fine controls that a significant number of users will find error prone or unusable. In that project, the exact size was application dependent, but that tester found 40 x 40 to be usable (double that for hi-def/Retina displays), anything less increased the number of misses and errors (and frustration); and as a bonus, people with slender fingers found it felt like they could move faster and didn't have to be as precise, which made the whole thing feel smoother, less subjective friction, more breathing room. The trick is to make controls of that size not seem clunky or overbearing; one solution is mentioned above, making the visual part of the control smaller than its actual dimensions, though that isn't a universal solution.

blocks|key|629196|text|根据HIG，它至少应该是44pt+x+44pt：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|629197|629198|为交互元素提供了充足的触摸目标。尝试保持所有控件的最小可点击区域为44pt+x+44pt。|blockquote|629199|629200|629201|https://developer.apple.com/design/human-interface-guidelines/ios/visual-design/adaptivity-and-layout/|offset|length|629202|entityMap|0|LINK|mutability|MUTABLE|url^0|0|0|0|0|0|0|2U|0|0^^$0|@$1|2|3|4|5|6|7|S|8|@]|9|@]|A|$]]|$1|B|3|-4|5|6|7|T|8|@]|9|@]|A|$]]|$1|C|3|D|5|E|7|U|8|@]|9|@]|A|$]]|$1|F|3|-4|5|6|7|V|8|@]|9|@]|A|$]]|$1|G|3|-4|5|6|7|W|8|@]|9|@]|A|$]]|$1|H|3|I|5|6|7|X|8|@]|9|@$J|Y|K|Z|1|10]]|A|$]]|$1|L|3|-4|5|6|7|11|8|@]|9|@]|A|$]]]|M|$N|$5|O|P|Q|A|$R|I]]]]

According to HIG it should be at least 44pt x 44pt:

<blockquote>
 Provide ample touch targets for interactive elements. Try to maintain a minimum tappable area of 44pt x 44pt for all controls.
</blockquote>

<a href="https://developer.apple.com/design/human-interface-guidelines/ios/visual-design/adaptivity-and-layout/" rel="nofollow noreferrer">https://developer.apple.com/design/human-interface-guidelines/ios/visual-design/adaptivity-and-layout/</a>

I'm designing an iPhone app that features a rather large set of onscreen rounded rect buttons. Given finger-based touchscreen UI, what do you think would be the smallest sensible button size? I need to fit as many of them as I can in the viewport without compromising the usability too much. Maybe there's an Apple-recommended minimum size? Right now it's 33x33, and it looked OK on a simulator, but I was playing with the app on a real phone last night, and it was awkward - the buttons felt too small.

Minimum sensible button size on iPhone

翻译质量差，导致语言生硬或混乱。

没有提供实际的解决方法或示例。

解答不清晰，无法理解或解决问题。

页面排版不美观，阅读体验差。

文章

问答

视频

教程

学习中心

腾讯云实验室

直播

竞赛

腾讯云代码分析专区

腾讯iOA零信任安全管理系统专区

腾讯云架构师技术同盟交流圈

腾讯云数据库专区

腾讯云智能顾问专区

腾讯云原生专区

腾讯混元专区

腾讯云TCE专区

腾讯云Lighthouse专区

腾讯云HAI专区

腾讯云Edgeone专区

腾讯云存储专区

腾讯云智能专区

腾讯轻联专区 

腾讯云开发专区

TAPD专区

腾讯轻量云游戏服专区

腾讯云最具价值专家

腾讯云架构师技术同盟

腾讯云创作之星

腾讯云开发者先锋

腾讯云AI代码助手

云原生构建

TAPD 敏捷项目管理

Cloud Studio

SDK中心

API中心

命令行工具

功能1上新10个字符

功能2描述100个字符功能2描述100个字符功能2描述100个字符功能2描述100个字符功能2描述100个字符功能2描述100个字符功能2描述100个字符功能2描述100个字符功能2描述100个字符。

功能2上新100个字符功能2上新100个字符功能2上新100个字符功能2上新100个字符功能2上新100个字符功能2上新100个字符功能2上新100个字符功能2上新100个字符功能2上新100个字符。

功能5描述100个字符功能5描述100个字符功能5描述100个字符功能5描述100个字符功能5描述100个字符功能5描述100个字符

功能5上新100个字符功能5上新100个字符功能5上新100个字符功能5上新100个字符功能5上新100个字符功能5上新100个字符功能5上新100个字符功能5上新100个字符功能5上新100个字符功能5上新100个字符

功能4上新

文章&问答评论现已支持表情

全新交互，全新视觉，新增快捷键、悬浮工具栏、高亮块等功能并同时优化现有功能，全面提升创作效率和体验

社区富文本编辑器全新改版！诚邀体验～ 

精选全网热门MCP server，让你的AI更好用 🚀

💥开发者 MCP广场重磅上线！

涵盖代码开发、场景应用、自动测试全流程，助你从零构建专属AI助手

一站式MCP教程库，解锁AI应用新玩法

聚焦“写作效率、视觉美观与运行性能”三方面进行全面升级，为您提供更高效、稳定的创作环境

社区富文本&Markdown编辑器全新改版上线，欢迎大家体验!

诚挚邀请您参与本次调研，分享您的真实使用感受与建议。您的反馈至关重要，感谢您的支持与参与！

社区新版编辑器体验调研

我正在设计一个iPhone应用程序，它有一个相当大的屏幕圆角矩形按钮集。考虑到基于手指的触摸屏用户界面，你认为最小的合理按钮尺寸是多少？我需要在不太影响可用性的情况下，尽可能多地将它们放入视口中。也许有苹果推荐的最小尺寸？现在它是33x33，在模拟器上看起来还可以，但我昨晚在一部真正的手机上玩这个应用程序时，感觉很笨拙--按钮感觉太小了。

问iPhone上的最小合理按钮大小
EN

回答 6

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问iPhone上的最小合理按钮大小EN

回答 6

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问iPhone上的最小合理按钮大小
EN