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

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


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

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

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

重要且高频的思考维度

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

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

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

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

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

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

古腾堡法则

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

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

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

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

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

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 214,172评论 6 493
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 91,346评论 3 389
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 159,788评论 0 349
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 57,299评论 1 288
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 66,409评论 6 386
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 50,467评论 1 292
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 39,476评论 3 412
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 38,262评论 0 269
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 44,699评论 1 307
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 36,994评论 2 328
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 39,167评论 1 343
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 34,827评论 4 337
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 40,499评论 3 322
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 31,149评论 0 21
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 32,387评论 1 267
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 47,028评论 2 365
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 44,055评论 2 352

推荐阅读更多精彩内容

  • 我记得之前在做弹窗的时候曾经跟产品讨论过确定和取消的位置放置问题,确定是在左边好呢?还是右边好呢?取消呢?一直没有...
    角马X阅读 7,486评论 0 12
  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 171,951评论 25 707
  • 现在很多App模态窗口的button排列都是“取消”在左,“确定”在右,Android 4.0在HIG里也规定了该...
    EricVan阅读 2,807评论 2 5
  • 听妈妈说,在我小的时候,很多的人都很喜欢我,都觉得我特别好玩。长大后,变得没意思了,做什么事情都是顺着别人的意思,...
    J杰伦阅读 236评论 0 0
  • 亲爱的宝贝 现在是周末的下午4点钟,看着阳光透过窗帘轻轻的探进头慵懒的洒在你额头,他似乎也不想惊扰睡梦中的你,...
    百合_49d4阅读 330评论 0 0