什么是触摸目标?

阅读时间:6分钟

触摸目标是指设计专门用于触摸屏的用户界面。

这就需要确保所有可交互组件(例如按钮和链接)的大小和间距都适合手指触摸。

要点:
  • 目标大小和间距
  • 为了舒适和准确的点击,谨慎的做法是提供充足的空间,以防止意外触碰。

  • 使用真机测试
  • 查找隐藏错误。

  • 上下文很重要
  • 调整目标集以增强其可用性。

Hocoos 小 logo 解答 移动设备响应式

触摸定位与鼠标定位有何不同?

与鼠标定位相比,触控目标通常需要更大、间距更大的交互元素。 虽然用手指点击提供了便捷的导航方式,但它们可能无法提供与鼠标相同的精度,从而导致意外触摸到相邻元素。

专家提示:
在实现触摸功能时,明智的做法是考虑用户的平均手指大小,以及用户在握持设备时可能摇晃设备或进行其他形式的移动。 

我应该将这些目标设置多大?

触控目标的最小尺寸设置为 44 x 44 像素。 设计复杂的移动应用程序可能需要更大的目标; 如果用户在移动中,并且手指不够精确,这会很有帮助。

专家提示:
确保在不同设备/尺寸上使用时检查触摸目标的舒适度。

要获得积极的用户体验,除其他外,还需要解决以下问题: 

  • 胖手指综合症: 它是指无意中触碰到相邻的目标;一个有用的解决方法是在目标之间添加适当的间距。

  • 小目标: 操作小或紧密排列的可点击元素可能具有挑战性,但可以通过添加适当的大小或位置来解决。

  • 悬停状态: 为鼠标设计的特效适用于桌面环境,而触摸环境需要不同的特效。

  • 响应式设计: 进行全面测试,以确保触摸目标在各种设备和屏幕尺寸上的可访问性和可用性。
专家提示:
向用户提供视觉反馈,以指示触摸目标何时处于活动状态,从而最大限度地减少意外点击。

如何测试并确保我的网站的触摸目标是用户友好的?

测试对于检查设计决策和发现可能的缺陷是必要的。可以使用以下方法:

  • 用户测试: 观察用户在触摸设备上与您的网站互动的情况,因为这可以为您提供有关可用性问题的直接反馈。

  • 辅助功能工具: 使用工具来显示触摸目标可能存在问题的区域。

  • 设备模拟: 利用不同的屏幕尺寸,借助开发者工具或浏览器来测试您的网站。

  • 分析: 监控用户操作,并在用户遇到触摸交互区域问题时进行报告。
专家提示:
与代表目标用户群体的用户进行用户测试,以收集有关其特定需求和行为的宝贵见解。

总结

触摸目标是关于触摸屏的优化。将其与目标之间的较大间距相结合,在实际设备中测试交互,并考虑上下文。确保用户与界面的交互不仅可行,而且令人愉悦。

目录

准备好开启您的小型企业之旅了吗?

重要考虑事项: 我们的专家团队提供的信息旨在帮助您大致了解网站创建流程和可用功能。请务必注意,此信息不能替代根据您的具体需求和目标量身定制的专业建议。
阅读我们的 Answers 内容的编辑标准。
我们的目标是帮助您创建一个出色的网站。如果您在构建过程中有任何疑问或需要指导,请随时 联系我们 我们很乐意提供帮助并为您指明正确的方向。