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

　“如图一，正常情况下应该是这样的 　　根据用户体验分析，正确的应该是：确认提交放左边，重置放右边 　　

（图1） 　　但真正在使用的时候，我比较习惯右边点击确定，以前就经常点错， 　　不知道是“我”自己的习惯问题还是大家也有这种情况 　　所以来问问。 　　如下图（apple是这么做的用户体验) 　　

（图2） 　　两个按钮到底怎么摆才叫好呢？有时我也有这个疑惑。 　　但我觉得可以从两方面进行考虑： 　　1. 用户的使用习惯。 　　2. 用户鼠标移动的最短距离。 　　其实用户的使用习惯是慢慢培养起来的，看下图 　　

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

（图3，我们使用word时） 　　

（图4，我们使用其他软件时） 　　以上几幅图中，”红色框“则代表按钮区域，褐色框表示”最短距离“。 　　红色框里的顺序是 （左"确定"，右"取消" 或 “浏览”），这个习惯是我们在频繁使用windows系统或其平台软件时潜移默化养成的。 　　另外，有”提交“的地方，就绝大多数都会有表单的”输入框“。 　　“提交”按钮离“输入框”越近，用户在输入完内容后，点“确定”时鼠标移动的距离就越短（结合上图褐色区域），整个过程花费的时间就越少。 　　对于“距离”有异议的同学，可以试想“确定”和“取消”位置对调一下，再用鼠标在褐色区域上下挪移模拟感受一下，我猜测windows的按钮当时设计成这样，也和最短距离有一定关系吧。