鼠标点击交互映射中容易出现的一点误区

10/23/2018 ☼ UX设计

在常见的设计环节,往往控件的大小也就意味着可操作区域的大小。屏幕中的可操作区域大小,映射到真实世界中在大部分情况下是等比的。也就是基本上两个控件的形状与尺寸相同,也就代表着这两者的投射到真实世界的操作区域大小也是相同的。无论交互方式是触摸的移动端屏幕或是鼠标点击的浏览器网页,应该说“大部分”情况是这样的。但是也有例外。

如上图中所示,上面的方框表示浏览器窗口,而下方的灰色矩形表示鼠标垫。可以看到浏览器中虽然两个不同颜色的区域尺寸相同。但是由于绿色区域所处在浏览器边缘,位置的特殊性导致浏览器窗口对光标做出了 x 负方向的约束,故而在映射到鼠标的操作上,对鼠标的操作空间形成了方向上的“扩展”。

而这种“扩展”对于用户而言,意味着更高的操作容错率,用户为此能够得到更高的安全感与可控性。所以在设计上有时可以考虑来利用这种屏幕中的边缘来做设计。


All Rights © Justin Bibi, 2018. Please do not use without permission.