当前位置: 首页 >文章 > 确定按钮该放在左边还是右边?
收藏
分享

确定按钮该放在左边还是右边?

举报ZYuhanZYuhan发布于 2018-08-032188阅读0点赞
仔细想想,我们做交互设计,讲了那么多“高大上”的理念,竟然很多小细节都还没有弄清楚——比如,确定和取消按钮哪个该放左边哪个该放右边? 其实这个问题,连世界最大的技术公司都没有确切的答案。...

P.S. 这是我在英国约克大学读研时,一个关于 error 定量研究的课题作业。

仔细想想,我们做交互设计,讲了那么多“高大上”的理念,竟然很多小细节都还没有弄清楚——比如,确定和取消按钮哪个该放左边哪个该放右边?

其实这个问题,连世界最大的技术公司都没有确切的答案。

苹果说,不论移动或电脑设备,行动按钮(Action button)都放在右边,也就是说*确定按钮放在右边*:

苹果的移动设备:

苹果的桌面设备:

微软说,除了删除之类的负向操作外,不论移动或电脑设备,*确定按钮放在左边*:

微软的移动设备:

微软的桌面设备:

实验

为了弄清楚这个问题,我做了一个实验。

试验中A组和B组的区别只是交换了按钮位置:

我一共找了30人,先让他们在九张图中选择最喜欢的一张,然后按确定按钮提交。然后再让他们在剩下的图中选择最不喜欢的,再按确定按钮提交。这个实验的关键是,在选择不喜欢的图时,*确定和重置按钮的位置被悄悄替换了*。用来测试的是一个在iPad上展示的黑白简易网站(真实截图在文章最后):

然而,这30人被分成A和B两组,A组先使用放在左边的确定按钮,再使用放在右边的确定按钮;B组先使用放在右边的确定按钮,再使用放在左边的确定按钮。

整个实验过程中,唯一被记录的只有*点击重置按钮的次数*。(当然,为了避免有人故意点重置按钮,事后会问他们是不是故意点的,如果是,就不会把此人的数据计算在内。)

结果出乎意料地有趣(两组的错误率完全不同):

分析

人们在第一次选图时,如果确定按钮在左(A组),则有13.33% (2/15) 的错误率;如果确定按钮在右边(B组),则没有人出错。然而2个人未免有点少,不够说服力,所以到这里还看不出什么证据。

真正意想不到的是,在第二次选图时,如果按钮从左换到右边(A组),错误率稍有提升达到23.08%(3/13,注:减去了第一次出错的人);如果确定按钮从右换到左边(B组),错误率竟然从第一步的0%冲到了*66.66%*(10/15)!如果不是亲自做的这个实验,我可能不会相信这个结果。

那么,为什么唯独将确定按钮从右换到左时,才有超过一半的人点错呢?

我的推测如下:从两组的第一步实验就可看出端倪,人们是比较习惯确定按钮在右边的,所以B组的第一步才*没有人出错*。A组出错的人不是很多可能是因为,像点按钮这样的简单任务,即便不符合习惯,也很容易在最后一刻发现自己即将点错,并及时纠正。所以15个人里也不过2个人点错了。

所以A组的大部分测试者虽然在第一部中没有犯错,但因为差点按错按钮而提高了警觉,所以在第二步中,虽然按钮的位置出现了意想不到的翻转,但大部分人还是再次察觉到了按钮位置的异常。

相对的,B组的被测试者因为在第一步走得很顺利,所以在第二步中根本不会考虑按钮位置的问题,猝不及防地改变了确定按钮的位置后,他们中的大部分人都点错了。估计那些没点错的少部分人中,不少人都是差点按错,在最后时刻才发现并纠正的。

结论

所以,得出结论,只有确定按钮放在右边时,使用体验才是最顺畅的吗?

这个结论,无法轻易得出。因为影响人们使用习惯的因素很多,例如设备(本实验使用平板)、系统(本实验使用IOS)和载体(本实验使用网页)等。尤其是本实验使用iPad,而包括iPad在内的苹果设备都是把确定按钮放在右边的。因此无法判断被测试者在右边寻找确定按钮的习惯是出于本能还是对IOS系统的适应。

个人认为,*系统规则*可能影响更大。举一个例子,中国人用筷子,西方人用刀叉,要证明筷子和刀叉哪个更加适合人类本能,怎么设计实验?恐怕唯一的实验对象只能是还没学会用餐的小孩,因为在每个人已经被环境同化的情况下,本能的影响已经微乎其微了。而就算真的证明了筷子和刀叉哪个更符合人类本能又怎样呢?也不可能因为那一点微小的学习成本就让全世界废弃任何一种餐具。思考到这里,恐怕*顺应大环境*才是最好的选择。

最后附上该实验的真实工具(我自己做的):


P. S. 这原本是一个完整的学术研究,调研分析中我几乎把人机交互领域关于左右差异的研究,甚至认知心理学的相关研究都调查过了(怕大家无聊就没在这里摆出),这个问题的确到目前为止还没人能给出定论。另外,关于样本数量的问题,其它此类研究的样本大多也不过三四十人,所以这个实验的样品数量算是合格的。

未经允许请勿转载此文


0条评论
别默默看啦~登录/注册一起参与讨论吧~

暂无评论

请选择举报理由

违反法律法规

侵犯个人权益

有害网站环境

更多训练营>>

为你推荐 · 训练营(全勤打卡报名费全额返累计全额返用户133,481人)

【4月】趣味MG动画制作训练营
距离开班仅剩11天33人已报名
【4月】零基础手绘插画训练营
距离开班仅剩11天60人已报名
电商海报设计训练营
距离开班仅剩39天23人已报名
猜你喜欢
特惠
充值
7折购
今日还在继续学习的你,太棒了!
7
折扣券可用于
年费无限VIP
立 即
使 用
此活动优惠不可与其他活动叠加使用
有效期:000000
消息
登录即可查看消息记录
建议
意见
官方
客服
在线咨询客服热线

您可以与在线客服进行沟通获得帮助

工作日:9:00~22:00节假日:9:00~18:00

联系在线客服

您可以电话联系客服进行沟通获得帮助

工作日:9:30~18:30

400-862-9191
虎课
积分
免费学习89000+个教程!
配套素材、源文件一键下载!
昨日学员已学习了46,688
并提交了341份作业!
登录后立即学习!
loading
微信扫码关注即可登录
您需要同意协议才可以进行登录
登录虎课网,每天免费学课程全站 89000+ 视频会员教程 | 每日可免费学 1
为确保账户信息安全
请先进行真实姓名验证后进行充值付款
立即验证