美文网首页
手机 — 点击区域

手机 — 点击区域

作者: 橴Zzzz | 来源:发表于2016-01-13 12:18 被阅读0次

摘自:http://xiaohedaniel.lofter.com/post/1d2235_750306

1、点击区域

一般人手可点击区域,左撇子翻过来。

2、热区

EASY区域为热区,热区是用户手指最灵活的区域,最易于点击,而且出错率最低。

3、上部视野好,下部易操作

人的阅读习惯是从上往下的,所以会首先注意上部,所以上部视野好,适合放重要信息。

下部易于用户点击操作,所以下部适合放重要的操作。

4、扩大可触控区域

为方便用户点击,而在按钮的上下左右增加可触控区域。可灵活运用。

5、注意留白,以方便用户点击

避免离按钮太近,而发生误点击。

6、点击要有反馈

无论点击了哪个按钮,都要给用户一个反馈,提示用户:“你已经点击了”!

7、无效点击不要给用户任何反馈!

上图的红圆内,是点击屏幕会出现的一个“白点”。但实际上点击屏幕,不会产生任何效果。所以,这里就不应该有这个白点,无效点击不要给用户任何反馈!

8、食指点击区域

用户食指紧贴按钮时,能看到按钮的边缘。这为他们提供了清晰的交互反馈,帮助用户判断击中目标的准确性,也提升用户击中目标的效率。

9、拇指点击区域

一个成人大拇指平均宽度为1英寸(2.5厘米),折算下来是72像素。

用户点击拇指大小的按钮时,是非常的轻松准确的,能带来良好的愉悦体验。

10、行走状态下,拇指点击准确率95%以上的最小尺寸

行走状态下,单手拇指操作触击正确率均值达到95%的最小尺寸。

设计界面时,参考控件所在位置的触击尺寸要求,避免因尺寸小带来误操作,影响操作效率。

在(部分资料是来自大神的博客,非个人原创,在此向大神致敬!)

相关文章

  • 手机 — 点击区域

    摘自:http://xiaohedaniel.lofter.com/post/1d2235_750306 1、点击...

  • 如何修改头像

    打开钉钉app手机客户端—点击菜单栏[我的]—点击[头像和名字]区域进行修改头像

  • 点击区域扩大

    之前有个需求,按钮很小会很难点到,于是就需要扩大点击区域,一个UIButton的分类和runtime能很好解决问题...

  • PopupWindow在三星手机上不消失的问题

    PopupWindow在三星手机设置Focusable为true 点击以外区域不会dismiss,在华为手机上正常...

  • 25岁之后,我看到鸡汤就想吐

    点击下方空白区域查看「反鸡汤」 ▼ ▼ ▼ 点击下方空白区域查看「反鸡汤」 ▼ 点击下方空白区域查看「反鸡汤」 ▼...

  • Vue指令实现区域点击放大

    在H5的项目中,通常有很多区域性的 点击icon ,布局实现比较麻烦,为了放大点击区域,实现区域点击放大的效果,我...

  • 增加点击区域

    项目中很多时候需要扩大点击(交互)区域,或子试图超出了父视图后,无法点击或交互等,我们可以通过响应者链-(UIVi...

  • 增加UIButton 点击区域

  • jq点击区域外

    ('body').click(function(e) { var target =$(e.target); c...

  • 扩大按钮点击区域

    参考自印第安的老斑鸠 参考了很多的文章,主要是有三个方法: 例如:按钮的大小是25pt * 25pt,想要的点击范...

网友评论

      本文标题:手机 — 点击区域

      本文链接:https://www.haomeiwen.com/subject/axrifttx.html