如果设计人员设计过移动程序,就会清楚图标按钮是多么流行、实用。但设计人员不明白的是,图标按钮靠得太近很容易让用户误操作。
  图标按钮都放在一行时上述问题很常见。按钮间空隙不够,用户很容易点到邻近的按钮。这种失误会令用户受挫,降低操作效率。

图标之间增加空隙

  为防止用户点错图标,可以增加图标间的空隙。将手指放在相邻两个图标之间,检查空隙是否足够。

  如果在手指两侧能看到图标,且图标和手指之间还有空隙,则相邻图标间的空隙是够的。如果手指边缘碰到或紧挨着图标,则需要增加空隙。

android 小手指 点击 动画 手指点击按钮图标_android 小手指 点击 动画

将图标放在圆垫上

  点击图标按钮和普通按钮有所不同。手指点击普通按钮时能看到按钮边缘,而点击图标按钮则看不到。

android 小手指 点击 动画 手指点击按钮图标_android 小手指 点击 动画_02


  用户看不到按钮边缘,就很难了解是否点到了按钮,反之,则能让他们确信点到了按钮。

  解决上述问题的有效办法是将图标放置在圆垫上。设置足够大的圆垫,用户手指点击图标时能看到圆垫边缘。

android 小手指 点击 动画 手指点击按钮图标_工作效率_03


  不需要再在圆垫之间增加额外空隙,圆垫就等同于间隙。事实上,圆垫越大,所需的空隙越少。

  圆垫的尺寸和形状让用户看到目标图标的边缘,防止误点到按钮之间的空白之处。不用圆垫则看不到目标图标的边缘,增加了用户的失误率。

图标按钮应便于点击

  设计图标按钮时,可以用手指测量相邻按钮的间隙。间隙不够,则增加间隙,直至在手指两侧看到相邻的图标按钮。如果要提高接触精度,可以将图标按钮放在圆垫上。
  图标按钮周围的空隙会影响工作效率。不能只想着让图标具有吸引力,也要便于用户点击,这样应用程序不仅看着好看,用着也舒服。