大家好，我是西瓜

这次我们聊一个设计知识点，这个知识点平日会被设计师忽视，因为它太过于默许，但我们应该知道的是，很多默认的东西也是有自身的知识结构支撑，久而久之被人忽视了。

大家应该都见到过弹窗、表单里的"确定"和"取消"按钮吧，这两个按钮大家还记得会放在页面中的哪个位置吗？"确定"按钮是完成任务的主要操作，而"取消"按钮是辅助操作，它主要的作用是用于返回到起点屏幕而放弃任务。那么，根据它们的功能，最佳的按钮顺序是什么？"确定"按钮应该放在"取消"按钮之前还是之后呢？

平台一致性的问题

可能这时候很多设计师会按照习惯，选择遵循一致性，采用一些常见的组件样式进行操作。虽然这看起来似乎是解决问题的方法，但实际上并非如此。这并没有回答哪种位置对用户更有效以及为什么，单纯遵循已有组件并不足以让设计师有更好的思维和主动思考的意识。

"一致性"是设计师中常用的一个词。然而，这常常也被用作一个借口，让设计师不深入思考用户面临的设计问题，如果一个设计师都不知道为什么一致性的规则存在，那么遵循这种设计惯例又有什么意义呢？

如果某种设计惯例对用户来说是有害的，那么设计师是否应该盲目遵循它，仅仅因为要追求一致性？体验极差的设计样式和结果是否应该因为设计师希望迎合大家都默认的设计一致性而继续存在？这其实本质就是个问题...

现在网上有很多组建和参考，都被设计师天天借鉴和广泛使用，因为它们适用于用户。但关键在于，设计师永远不应该满足于墨守成规的选择设计的一致性，将其作为做设计的唯一理由，我们关键还是要理解为什么应该以某种方式而不是其他方式来设计用户界面。

按钮的位置非常重要

这时候有的设计师可能会主张通过赋予操作按钮更多的视觉重量和清晰明了的标签来突出界面中的操作按钮，而不是仅关注按钮的位置，虽然操作按钮的视觉重量和标签是需要考虑的重要设计方面，但它们并不是唯一的方面。

真正一名有思想，会独立思考的设计师会综合考虑每个设计方面对用户的影响，而不只是关注其中的一个方面，对于设计师来说，最难的是确定主要操作和次要操作的最佳放置方式。这就是我为什么关于"确定"/"取消"按钮的位置进行说明的原因。

为什么"确定"按钮在右侧效果更好

当我们在使用设计组建框架前进行考虑时，你可能会开始明白哪个位置会对用户效果更好一些，我们可以通过分析设计对用户的影响来解决这个问题。

1、减少视觉注视

有些设计师认为，将主要操作放在左侧，在次要操作之前，对用户来说更好，因为它更近，所以点击所需时间更少，这看起来好像有点道理，但我们不能忽视一个问题，即在选择要执行的操作之前，用户会查看所有选项，这意味着大多数用户不会在不查看旁边的次要操作按钮的情况下盲目地点击主要操作按钮。

他们将首先看到左侧的主要操作，然后再看右侧的次要操作，然后他们会将视线转回主要操作按钮进行点击。这里总共涉及到三个视觉注视点，在多个方向上分散了用户的注意力。