手机 — 点击区域

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

1、点击区域

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

手机 — 点击区域_第1张图片

2、热区

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

手机 — 点击区域_第2张图片

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

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

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

手机 — 点击区域_第3张图片


4、扩大可触控区域

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

手机 — 点击区域_第4张图片


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

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

手机 — 点击区域_第5张图片


6、点击要有反馈

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

手机 — 点击区域_第6张图片


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

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

手机 — 点击区域_第7张图片


8、食指点击区域

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

手机 — 点击区域_第8张图片

9、拇指点击区域

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

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

手机 — 点击区域_第9张图片


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

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

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

手机 — 点击区域_第10张图片

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

你可能感兴趣的:(手机 — 点击区域)