优界网

首页 > 教程经验 > UI陷阱!按钮总是看得到却点不到?

UI陷阱!按钮总是看得到却点不到?

75

0

0

2015-04-23 19:46:42

 青青莲子

分享一下,又不会怀孕!

本作品为转载作品,版权为作品原作者所有,感谢上传者的分享!

在茫茫的APP 海中,总是会有很多小不拉机的按钮,怎么点也点不到,使用触控式行动装置时最痛苦的事莫过于此,如果上天能够给我一个重来的机会,我一定不会下载这个APP但同样是一些娇小的内建按钮,如iOS 导览列上的导览按钮以及清单列的删除按钮,为何它们却不会造成使用上的困扰呢?

秘诀在于设定按钮的触控感应区(Touch area,按钮其实可以分为两个部分:

一、视觉目标(Visual targe)- 使用者可以看的到,并且想要去点击的区域。
二、触控感应区(Touch area)- 使用者看不到,用于判断检测手指是否有触碰到按钮的区域。

touchm

一般来说,对于小于建议大小的按钮,我们需要手动将触控感应区调整的比视觉目标更大一些,这样一来即使使用者没有真的触碰到按钮的视觉目标(如下图),也可以成功地点击到按钮,但开发者一般在撰写自定的按钮时,很容易忽略了这个细节,忘了要将触控感应区指定到适合的大小,以方便使用者点击。

example

触控式行动装置上的萤幕空间寸土寸金,过大的按钮设计会浪费空间,有质感的小按钮又总是让人按不到,那么到底按钮应该要设计多大才方便使用呢?根据过去的统计资料,人们最常用于操控触控式萤幕的拇指与食指平均宽度为:男性2.29 cm 与1.82 cm;女性1.91 cm 与1.55 cm,因此传统上建议按钮大小为2.2 cm。

但随着触控萤幕的改进与进步,许多研究发现有效率且合适的按钮大小约为??0.9 cm??1.0 cm?,在Apple所提供的iOS Human Interface Guidelines上也明确建议可接受的按钮大小为?44pt(约??0.65 cm),再小则会严重影响使用者的操作(实际上需再配合使用费兹定律来作设计)。

如果你的服务是设计给50岁以上年长的使用者的话,合适的大小则为??1.14 cm(单一按钮)以及?1.65 cm(并列式按钮)。

已有0人赞过

+1赞

认真评论的都成大咖了

还可输入1000个字

  • 刚刚
  • 登录优界网 ×