原型图的“确认”和“取消”的按钮,哪个适合放右边,有什么规律吗?

回答·36
最热
最新
  • 在业务场景下、你侧重的是什么点…通用就是遵循用户习惯就好
  • 根据不同场景来的 1、当用户【删除】操作,可能:左边确定,右边取消。希望用户保留当前的,同时希望用户取消当前操作。 2、当用户提交只是【返回】,可能:左边取消,右边确认。 3、当用户申请【退订】可能:弱化取消。等等。
  • 1.以视觉流的角度分析 如果将“确认”放在左边,“取消”放在右边。 我们相信大部分用户在决定采取哪一个操作之前,都会把所有可以选择的操作都看一遍,以免做出错误的操作(当然不排除会有专家级用户 选择只看自己想进行的操作)。根据从左到右的阅读习惯,用户会首先看到左侧的“确认”,然后看一下在它旁边的“取消”,了解到所有可以进行的操作后,再回到“确认”按钮上,最后点击。 用户的视觉流将会如下: 如果将“确认”放在右边,“取消”放在左边呢?则用户会首先看到“取消”,然后看到“确认”,这个时候用户已经看到所有的操作,直接点击“确认”,完成操作。 确认按钮在左,取消按钮在右的情况,用户需要三步才可以最后确认操作。而确认按钮在右取消按钮在左的话,用户则通过二步就可以完成确认操作。这样来说,“确认“在右,“取消”在左,视觉上是不是更顺畅、更轻松一些呢? 2.古腾堡法则 古腾堡图指人们在浏览页面的时候,视觉都趋向于从上到下,从左到右的眼动规律。左上角是视觉的第一落点区,而右下角是视觉最终落点区。用户的视觉中心往往在页面的左上方,而结束浏览时视线往往落在右下角,所以合理利用这个法则可以帮助用户更好地获取内容并采取行动。 既然用户最终操作行为是“确认“,我们是不是就应该把“确认”按钮放在最终视觉落点区呢?这样用户既不会错过“确认”这个重要操作,也保证用户在这之前都扫描到了所有的操作。 如果把确认按钮放在左边,那么这个最重要的操作就一直在视觉的落盲点,这样是不是不合理呢? 3.”上一步”与“下一步“的操作习惯 对于确认与取消这 2 个操作来说,确认意味着执行该操作,即进入到下一步;而取消按钮则是放弃该操作,即返回到上一步。按钮的位置,映射到用户阅读和浏览从左到右的顺序,右边是前进,左边是回退。而按照现有一致性的布局,“上一步”一般放在左边,“下一步”则放在右边。那么根据上一步和下一步按钮的逻辑来说,确认在右边,取消在左边,是不是更加符合用户的心理预期呢? 总结 根据以上 3 点分析,结论如下 1.根据视觉流来分析,确认在右、取消在左能让用户的视觉流更加顺畅2.根据古腾堡法则,确认在右边,取消在左边能为用户提供更高效的任务流程3.根据”上一步”与“下一步“的逻辑,确认在右、取消在左能符合用户的心理预期 以上 3 点均证明确认在右,取消在左,对用户来说体验更佳。 然而现实中却并非如此,可怕的 windows 规范已经培养了强大的用户习惯,确认按钮在左边,取消按钮在右边。这在用户的心中已经形成一个默认的原则,改变用户的习惯非常艰难。如果我们维持 windows 的按钮位置,用户依然要付出更多的精力去选择;如果我们站出来做一些改变,这样的改变用户是否能接受,又是否会在全网一致性上给用户造成更大的困惑……到底是为提高用户体验做一些改变,还是延续用户的使用习惯?这是一个问题……
  • 移动端左:大部分人都是习惯右手拿手机,想象一下单手的时候你要买包烟,需要点确认,大拇指在手机的左侧,你让大拇指点右边是不是不习惯,同理不同 app 会把这个用户习惯用在自己的 app 特性上面,就是想把它希望用户点的选项放在左边(你可以看一下你自己手机的 app 参考 淘宝下单的确认按钮和取消会员订阅的确认按钮方向 pc 端右:大致以上同理逻辑(懒的编,该下班了
  • 取消左边,确认右边,右手边我们有惯性
  • 一般用右手定律判断,但是还有一个重要因素这个按钮对应的功能要实现什么需求,什么目的,有时候会反常识为了达到让用户操作时犹豫,当然如果是为了卸载,退出时为了让用户出错而故意设置反常识,能得到一时的效果,也会让用户对产品心生厌恶感,积累负面情绪。
  • 移动端积极按钮(想让用户点或者用户应该点的按钮)放在右边,消极按钮放在左边。PC 端不存在这种规律,Windows 确认在左,macOS 确认在右。
  • 要看场景和目的,如果你想让用户触发某种操作,比如保存编辑,那么确认放在右侧方便操作,如果用户删除一些你不想他删除的东西,点击删除后,取消在右,其实没什么规范
  • 说点白话文通俗的:看本次操作的重要性是否默认要审核的意思。不需要就默认左侧确定,需要左侧是取消避免误操作。这个跟控件默认顺序有关就是平时按 TAB 操作
  • 从智能机开始,一直都是右边确认,左边取消!除了当年的摩托罗拉;基本上用户习惯已经养成; 从操作习惯上看大部分人习惯右手操作;所以你在产品设计上需要把你想要用户点击的信息放在右边,同时加以颜色区分,达到你想要的效果