「确定」和「取消」按钮哪个该放在左边?

永恒之战
“确定/取消”党与“取消/确定”党在这场旷日持久的按钮排序之战中,各执己见,至今未能统一。

“确定/取消”党的见解:

  • 符合自然说话/阅读习惯。日常生活中当我们提出问题并伴随肯定与否定的选择时,往往会这样说:“Is this your axe? Yes? Or no?”而不是“No? Or yes?”。因为大多数语言都是从左往右阅读,所以把“确定”放在“取消”左边符合说话习惯。(阿拉伯世界您就忍了吧。。。)
  • 更早看到/选到“确定”按钮。如果用户视线是按照下图中的过程来浏览,且大多数时候用户会选择“确定”,这样排列用户可以更早地看到“确定”按钮。习惯用 Tab 键在按钮间跳转的用户可以少按一次 Tab 键。(这年头谁还用 Tab 键在按钮间导航。。。)

2761e97e6f256945ac5a798967d17a77_b
“取消/确定”党的见解:

  • 增强交互的流程感。“取消”的后果是返回并不进行该操作,“确定”会执行操作并进入下一环节,“取消”在“确定”左边符合“Previous/Next”的顺序。符合“向右表示推进或下一个”的阅读习惯。(阿拉伯语再次被忽视。。。)

02547c86492f72bd3f095d6b45a1d5c6_b

  • 视线不需要折返。大多数时候用户点“确认”,如果“确认”在左边,用户在读完整个对话框后视线还需要返回,浪费了时间。(半秒左右?)

“确定/取消”党员:

  • Windows

a987baae57672388d404e71b5c43889d_b

  • Linux

914dcdc668dfe5a7f77473d00e664141_b
“取消/确定”党员:

  • OS X

3edfb60395c31be637dd7fea9797279f_b

  • iOS

dfd8bfdb6c5eecb4d57143b14a698355_b
叛徒:

  • Android(4.0后变成“取消/确定”党)

79109cc40e22aadf3193c880dd608d9c_b63df55b604e9e42cd8efffbd45e8aded_b

最后你们大家都别闹了,说说我的看法。

  • “视线”只是一种意淫。用户不是从左到右地逐字阅读对话框内容的,特别是对于右下角这两个按钮,不是“阅读”,是“扫描”,是模式识别(pattern recognition)。换句话说就是如果总是“OK/Cancle”的顺序并且总是一样的 layout,扫一眼就马上能根据图像特征(比如“OK”比“Cancel”短)辨别谁是谁。没有人会真的在脑子里阅读这两个词。也就是说所有基于阅读顺序的理由都不成立,同时也引出了下一条。
  • 统一最重要。电脑用着 OS X,手机用着 iOS 必然是幸福的,因为不会精神错乱。但是当用户在两党之间来回周旋,稍有不慎就会铸成大错(写了一天的文档点错没存上的人不是我)。作为UI 设计师,最好还是到什么山头唱什么歌,跟操作系统保持一致,这样可以节省用户模式识别的时间。就算你认为你与众不同的品位可以帮助用户节省半秒钟,但一旦用户因为惯性点错损失何止半秒钟?(同一个 App 内部还不能做到统一的还不赶紧点赞走人?)
  • 用动词代替“确定”。大家会发现 Apple 会尽量用执行的动作本身来代替“确定”按钮,这样可以更好地起到警示作用,原因是它打破了模式识别,用户不得不注意这个不同的按钮,引导用户理解将要进行的操作。

60d24ac13db9cf512aa322a2a0a4050c_b

  • 危险的按钮放远点。那些一失足成千古恨的按钮扔远点儿行不行啊!拿 Windows 里的 Notepad 跟 OS X 上的 Keynote 对比,当用户在有更改没有保存时试图关闭 App时,Notepad 的“不保存”按钮夹在“保存”和“取消”之间,用户无论是点“保存”还是“取消”都有可能误点到“不保存”而丢失更改。而 Keynote 把两个不会造成危害的“取消”和“保存”按钮放在右边,而把“删除”放在最左边。(由于 Keynote 会对已经存在在磁盘上的文档自动保存更改,所以图片截取得是关闭新文档时的对话框。因此按钮上是“Delete”,意思是点这个按钮文档就删除了,易于理解。)

280aae5cd7fac82f65f30c85e05b9b76_b9d5b53c5fa3d7fb8bb93bead7790aefd_b
你说啥?你是搞网页设计的?啥平台都能用?哪个平台用户多就按照哪个来呗!实在闲的蛋疼按照用户的系统动态切换一下。

== 20150913 更新 ==
拜托那些说某些平台在这个问题上做得并不统一的人,您先搞清楚什么是系统级别和第一方软件再开口。拿着一堆第三方软件截图说某平台上的软件根本不统一,我只能当您是装糊涂了。第三方软件跟操作系统本身规范不统一是第三方开发者自己的问题,关 Microsoft 和 Apple 什么事儿?

再重申一遍,我认为没有优劣,无关设计时尚,与操作系统保持统一是第一原则。

不要认为操作系统给用户培养的习惯不重要,你们看看 Android 4.0 改变之后有多少人点错就知道了。如果你不信,就跟系统对着干,或者让你的 App 里每一次弹出对话框,按钮顺序就改变一次,让你的用户体会一下这友好的易用性。

转载自知乎:

作者:高云 Vincent独立游戏搬砖人   原文地址

原创文章,作者:ioued,如若转载,请注明出处:https://www.iamue.com/11429/

(0)
iouedioued
上一篇 2015-12-10 13:23
下一篇 2015-12-14 12:39

相关推荐

  • 超实用!3分钟带你掌握11个最常用的交互控件

    之前的一系列文章,为大家介绍了iOS和Android规范中,各种弹出物的用法,罗列如下:

    2017-05-31
  • 译文|「设计师学习商业」中「Why」与「How」的问题

    Airbnb、Pinterest、Kickstarter、小米等一系列的创业企业有什么共性?他们都有设计师作为创始人,在创始团队中就加如了设计的基因。商业决策者们在努力地把商业策略融入到产品设计的内涵里,而你——一名设计师,又是否了解商业呢?今天我们分享两篇文章,分别讨论了「设计师学习商业」中「Why」与「How」的问题,希望你能有所启发。

    2017-05-25
  • 还有不知道锤子ROM新特性的吗?Smartisan OS v2.0.0 更新日志

    Smartisan OS v2.0.0 开始公测,本次更新新增功能 10 项。主要有:1.丑颜相机;2.超大图标;3.透明桌面;4.桌面人脸识别功能;5.欢喜云查岗。今天我们会将该版本随机推送给 520 位 Smartisan T1 手机用户。欢迎收到…

    2015-08-05
  • 设计中的色彩心理学(上):九种色彩所代表的心理感应

    之前写过一些关于色彩的文章,一直说的是关于色彩理论的一些色彩基础,其中有读者提到过想听听关于色彩心理学的一些东西,因此就在这里聊聊自己的一些感想和设计实践中的一些心得体会,并不系统,只谈感想。

    2017-05-10
  • 不止是划条线!移动端UI中常见的视觉分隔设计技巧

    即使是元素与元素之间的分隔方式,都能随随便便用一整篇文章来进行探讨。

    2017-05-18
  • 交互设计师的60日计划之第五天

    你好,8月。7月份的尾巴喜欢上一个人,花了太多心思,8月份一来终于知道不会有结果,所以要赶紧忘记,把心思花回自己身上。 2015/08/01 职场其实很可怕 今天一整天都去帮同事搬家了,虽然没干什么大的体力活,但是…

    交互专题 2015-08-20
  • 【UXRen原创】杀死转化率的 4 大 UX 错误

    作者:Sean Ellis   译者:吆喝科技   本文编译自 Sean Ellis 所撰写的《UX mistakes that are killing your conversions 》 ,作为资深交互设计师, Sean Ellis 谈论 UX 在转换率优化的重要性。Sean Ellis 是 Qual…

    交互专题 2017-08-07
  • 交互设计怎么入门呢?

    经常会有童鞋来问我:“交互设计如何入门?工业设计转行做交互设计的门槛高吗?用户体验和交互设计的区别是什么?”工业设计转行做交互的门槛并不高,就像工业设计需要考虑用户和实体产品之间的互动一样,交互设计更多的是考虑用户与界面之间的交互,只是换一个载体,其理论体系挺相似的。设计技能并不能弥补设计思维上的欠缺,技能只是一种表达方式,而Design Thinking才是最为核心的价值。基本概念浏览招聘网站上的讯息,就会发现UED,UX,UI等不同...

    2018-03-23
  • UNStudio:健康城市,基于未来的设计

    📌 编辑 |Cassi.W编者按:城市公共环境作为人们共同的“家”,需要群策群力共同营造。城市公共基础设施作为“城市家居”是人们日常生活舒适感、安全感的主要保证。第二届“衲田杯”可持续设计国际竞赛正在火热报名中,你的脑洞是否还够用?“新技术引领下的智慧城市家居”有很多可能性,需要大家去探索、去研究、去发现。本期我们将走近UNStudio事务所的智慧城市实践,为你的方案增添一点灵感!- UNStudio -Ben van Berkel本·...

    2018-03-17
  • 符合用户认知的交互才是最自然的交互

    为什么有时候只用看一眼就知道这两个东西是什么,如何操作?其实这就是物品所具备的预设用途。物质心理学—研究人和物相互作用方式的心理。一件物品实际上能用来做何用途,或被认为能有什么用途。一个白色的东西加一个按钮在上面,并且一按就会有“奇迹”发生。

    2017-05-06