欢迎访问 夜阑小雨 我的学习碎片档案,这里记录了我的学习内容和工作中经验,希望给您带去帮助。

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

PHP 夜阑小雨 410℃ 0评论

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


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

(图2)”

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

但我觉得可以从两方面进行考虑:
1. 用户的使用习惯。
2. 用户鼠标移动的最短距离。

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


(图3,我们使用windows的操作时)


(图3,我们使用word时)


(图4,我们使用其他软件时)

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

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

另外,有”提交“的地方,就绝大多数都会有表单的”输入框“。
“提交”按钮离“输入框”越近,用户在输入完内容后,点“确定”时鼠标移动的距离就越短(结合上图褐色区域),整个过程花费的时间就越少。

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

转载请注明:夜阑小雨 » 按钮设计的易用性和鼠标移动最短距离

喜欢 (0)or分享 (0)
发表我的评论
取消评论

表情

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址