按钮设计易用性和鼠标移动最短距离

“如图一，正常情况下应该是这样的

根据用户体验分析，正确的应该是：确认提交放左边，重置放右边

（图1）

但真正在使用的时候，我比较习惯右边点击确定，以前就经常点错，

不知道是“我”自己的习惯问题还是大家也有这种情况

所以来问问。

如下图（apple是这么做的用户体验)

（图2）

两个按钮到底怎么摆才叫好呢？有时我也有这个疑惑。

但我觉得可以从两方面进行考虑：

1. 用户的使用习惯。

2. 用户鼠标移动的最短距离。

其实用户的使用习惯是慢慢培养起来的，看下图

（图3，我们使用windows的操作时）

（图3，我们使用word时）

（图4，我们使用其他软件时）

以上几幅图中，”红色框“则代表按钮区域，褐色框表示”最短距离“。

红色框里的顺序是 （左"确定"，右"取消" 或 “浏览”），这个习惯是我们在频繁使用windows系统或其平台软件时潜移默化养成的。

另外，有”提交“的地方，就绝大多数都会有表单的”输入框“。

“提交”按钮离“输入框”越近，用户在输入完内容后，点“确定”时鼠标移动的距离就越短（结合上图褐色区域），整个过程花费的时间就越少。

对于“距离”有异议的同学，可以试想“确定”和“取消”位置对调一下，再用鼠标在褐色区域上下挪移模拟感受一下，我猜测windows的按钮当时设计成这样，也和最短距离有一定关系吧