## 结论一 来源与设计师 Nick 在知乎上发表的文章[B端设计 - 数据表格（1） - 知乎](https://zhuanlan.zhihu.com/p/338278309)，觉得说的挺好的，有理有据也很客观。20220521 ### 3.3 按钮顺序 关于顺序，我们认为需要考虑整个系统层面，主要从弹窗、表单、表格这3个典型页面来推导出适合的按钮顺序。 **3.3.1 弹窗** 在弹窗中，当消息提示我们进行下一步操作的时候，我们会下意识的寻找动作（action）按钮。但我们往往会先阅读完所有的操作项，在进行动作指令。 因此「确定」放在左侧，将导致用户的视线流发生改变，用户视线流无意识的回跳，而放于右侧将保持视线流在一个方向，减少视线曲折搜索的过程。  **3.3.2 表单** 表单页承载着大量的同质信息并且平衡分布，所以其用户的浏览路径遵循古腾堡法制，它描述了用户的阅读模式，从页面的左上方开始浏览内容，而结束浏览时视线往往落在右下角，所以合理利用这个法则可以帮助用户更好地获取内容并采取行动。  **3.3.3 表格** 在我们系统中，表格页的按钮放置在右上角，考虑到页面的适配问题，若主按钮放在左侧，虽然眼动路径最短，但其出现的位置，会随着屏幕的变化而变化，没有一种确定感。 最后考虑到，用户使用web的习惯，大部分人都是右手用鼠标，指针会更习惯放在右侧，因此执行按钮放在右侧更容易让用户点击（菲兹定律）。 **通过上述几个方面探讨论述，我们制定出了系统层面的按钮顺序：主按钮在右，次按钮在左。** ## 结论二 相关文章：[Button Ambiguity: Alignment & Order | by Jon Lehman | Theorem | Medium](https://medium.com/theorem/button-ambiguity-alignment-order-a42736e25334) 这篇文章特别强，特别学术。 结论： - 如果你的产品已经有规范，并且用户也习惯了，那么最好不要改动。 - 如果你的产品规范只落实在界面上，最后用文档记录下来，团队内同步 - 在页面上，按钮组左对齐，按钮从主到次左右排列。 - 在弹窗上，按钮组右对齐或居中对齐，按钮从主到次左右排列。 ![[Pasted image 20220104181004.png|500]] ![[Pasted image 20220104181008.png|500]]