先给结论
手机端按钮要够大、间距要够开，核心是减少误触与挫败感。自查时重点看相邻按钮间距、整行可点区域和小图标链接，改法上优先扩大热区，而不是把字缩小。
最容易出问题的位置
| 位置 | 典型问题 | 后果 |
|---|---|---|
| 相邻按钮 | 距离过近，动作又相近 | 点错后需要撤销，流程变长 |
| 列表行 | 整行可点但视觉上没有提示 | 用户不知道点哪里，或误触跳转 |
| 小图标 | 眼睛看着是图标，热区只有文字那么大 | 反复点不中，直接放弃 |
| 表单选项 | 选项区域过窄、行距太小 | 选错后反复修改 |
| 关闭与返回 | 叉号太小或贴在屏幕边缘 | 误触退出页面 |
修改方式
- 扩大内边距：视觉元素不变，把可点区域向外扩展。
- 拉开间距：相邻主次动作之间留出明显空隙，必要时上下排列。
- 热区对齐视觉：可点范围与图标、文字的实际边界一致。
- 边缘留安全距离：关闭、返回等高危操作不要贴得太靠边。
- 整行可点时给提示：加入箭头或背景反馈，让用户知道可以点。
改动时注意保持整体观感：热区扩大不等于把按钮画得更大，多数情况是把可点范围向外延，视觉样式保持克制。同一类操作的处理方式要一致，用户在页面之间才有稳定的预期。表单提交、返回首页这类高频操作优先修，悬浮元素不要遮住可点区域。改完用真机把主流程再走一遍，确认相邻动作不再互相抢。
自查顺序
用真机从头到尾走一遍主流程：先看两个动作是否挨得太近，再点小图标是否顺手，最后检查表单选项与弹窗关闭是否好按。问题按流程出现的频率排序，优先改高频动作。移动端适配的检查清单可参考移动端优化的相关说明。
常见问题
按钮做大了页面会不会显得臃肿？
可以通过调整间距与排版保持精致，可用性优先于视觉密度，尤其是主行动按钮。
图标按钮太小怎么处理？
保持图标视觉大小不变，扩大其外围的可点区域，并与相邻控件拉开距离。
悬浮按钮挡住内容怎么办？
给页面留出底部空间，避免悬浮元素覆盖表单与关键信息，并保证它自身够大好按。
上线前怎么系统检查一遍？
按主流程逐屏走查，记录点不中的位置，按出现频率排序后统一修改，再复测一轮。