恭喜你成为UI中国推荐设计师 (详情)
//百度统计 20220402 uicn

您的意见是我们 UI 中国进步的动力!
点击立即反馈按钮,发表您的意见!
立即反馈
QQ群反馈
您也可以加入UI中国官方反馈群进行反馈!
群号:302892100
备注:反馈问题后@管理员能让我们及时了解您的意见

提交需求

赛事与广告咨询合作,请填写需求表单,我们会在第一时间与您联系!

0/20
0/200

设计大赛

  • 设计大赛
  • 发布广告
  • 发布招聘
  • 其它需求

提交完成
感谢您对UI中国的支持和信赖!
「确定」和「取消」按钮到底谁左谁右?
0.0°
2018-07-25 原创文章 经验/观点 举报 3340 8 12 0

这篇文章是我对于「确定」和「取消」按钮摆放位置的一个思考,到底谁左谁右才对呢?不知同为射鸡师的你们是否也有同样的困惑呢?如果有,那就接着(我的随笔碎碎念)看下去吧~


在进入正式唠嗑前,不得不回忆一段我的青葱岁月(害羞脸):记得我在15年做设计的时候,那会的大环境还依然是将iOS和Andriod的平台设计规范区分的特别清楚,作为一个合格的射鸡师要时刻谨记iOS和Andriod的人机界面设计指南,其中就包括按钮这部分,想当年青涩的我会傻傻的去背:Andriod平台中,「确定」按钮在左,「取消」按钮在右;iOS平台中,「确定」按钮在右,「取消」按钮在左...



然而随着时间的推移,到了现在的2018年,会发现如今iOS和Andriod平台界面中按钮位置的交互方式都基本统一了:「确定」按钮在右,「取消」按钮在左,Why(黑人问号脸)??当然不仅是按钮位置这部分,还有很多其他模块的组件、控件的使用方式和规范都趋向统一了(but此文并不唠嗑其他,只唠嗑按钮这部分)。


一种交互方式的演变肯定是有其原因和价值的,特别是安卓平台的用户,他们已经习惯了「确定」按钮在左,「取消」按钮在右的这种操作方式,那射鸡师们为什么要不惜成本的去打破这种习惯和规则,让用户去重新学习和适应新的方式呢?emmm..其实这个问题我也想了好久,那我就把思考的过程从两个方面去结合唠嗑下~


重要且高频的思考维度


说到「确定」和「取消」按钮,我们先来想想企业或商家的诉求和希望的是什么,他们肯定是希望用户能够沿着他们设定好的用户使用路径去操作,并且最后能够顺畅的完成企业、商家设定的目标,保证盈利。


通常情况下,「确定」代表着完成、结束当前的任务,或是引导用户进入下一步骤中设定好的流程与场景中去,总体来说是一种肯定、不拒绝的操作反馈,默认操作路径或任务是可以被接受的。而「取消」呢,则代表一种拒绝或停止状态。


对比两者,「确定」操作是更符合企业利益和商业目标的,所以说「确定」相对「取消」来说是一个更重要的操作。


另一方面,对于普通用户来说,通常情况下「确定」按钮都属于高频操作,我想经常使用互联网产品的童鞋们肯定也会有所感知,点击「确定」的频率一定是高于「取消」的频率的,所以「确定」按钮也是一个高频率的操作按钮。


那么「确定」作为一个重要且高频的功能按钮,它是有理由被放在更重要的位置。


But..怎么去判定左和右哪边更重要呢?下面就要引入古腾堡法则了。


古腾堡法则


我根据网上搜索的结果可以将古腾堡法则简要理解为:人的眼球移动规律趋向于从上到下,从左到右,左上角是第一视觉落点区,而右下角则是最终视觉落点区,与之相对,右上角和左下角则是视觉盲点。


结合「重要且高频」与「古腾堡法则」求解



根据古腾堡法则我们知道了右下方是最终的视觉落点区,那么可以理解为相对于左下方,它是更“重要”(自行体会文字含义)的一个位置,所以呢,也理所当然的应该将重要且高频的「确定」按钮放在右下方(右边),这样既不违背用户的自然生理习惯,又借助了这一自然生理习惯去引导、吸引用户点击更重要的按钮,商业/产品目标和用户目标两不误嘛~



当然除了我自噶儿碎碎念的思考,网上也有其他的一些分析,说的貌似也挺有道理,比如:视觉流、视觉轨迹啊,“上一步”与“下一步“的操作习惯啊等等(感兴趣的好奇宝宝自行去网上搜索,一搜一大片解释)...



好啦,此文就这么简短干脆的结束啦,顺便给看到此文的小伙伴们拜个晚年啦:新年快乐哦~!新的一年,祝大家伙事业、爱情全部都能吃到鸡~!!







更新:2018-07-25

收藏

8人已收藏

S1mple_

一枚在UX道路上努力的射鸡师~

  • 4

    作品

  • 2

    粉丝

  • 14

    关注

  • #2018UCAN会议记录#蜕变与重塑-新零售时代的产业升级
  • 交互设计之“费茨定律”“格式塔”
  • 产品设计分析-微医
相关标签

    猜你喜欢

      2018-07-25 原创文章 经验/观点 举报 3340 8 12 0

      「确定」和「取消」按钮到底谁左谁右?

      0.0°

      你确定要举报「确定」和「取消」按钮到底谁左谁右?

      如果查出恶意举报,十天内禁止提交任何举报申请。

      0/200

      上传证据: 超过10M的附件请使用网盘地址

      点击上传附件

      对谁可见:

      全部设计师
      • 全部设计师
      • 推荐设计师和认证设计师

      您确认要推荐?

      该作品发布时间:2018年02月28日

      评分

      完整度

      启发性

      勤奋性

      排版布局

      推荐心得

      建议20-200字以内

      0/200

      12
      8
      0

      账号或密码错误,请重新输入

      账号或密码错误,请重新输入

      登录

      手机号

      发送验证码 120s 验证码错误

      登录
      第三方账号登录