按钮位置

一、文章应用范围

web端应用

二、按钮区的位置

按钮区位置的设计策略：应将按钮放置于用户浏览路径中，便于被用户发现，并且应尽量靠近其所控制的对象。在未刻意建立信息层级引导视觉路径时，经典“F”“Z”网页浏览模式作为了我们按钮位置放置规则的基础指导。

三、按钮的顺序

1.按钮的顺序

在决策按钮默认的阅读顺序时考虑以下4个方面：

① 风险操作

② 方向性意义

③ 对话习惯

④ 响应式规则

权重：风险操作＞方向性意义＞对话习惯＞响应式规则

2.解释

风险操作：可能造成损失的操作，特别是破坏性操作，如果不是用户期望点击的按钮，应该尽量远离常用按钮，例如：【删除】、【不保存】按钮。

方向性含义：具有返回意义的按钮，应该放在左侧，暗示其方向是回到之前。左图的方案非常容易误操作，方向错乱挑战用户的认知习惯，因为不论是在网页还是移动端界面，我们已经都习惯了返回在左侧的模式。

对话习惯：界面中的按钮阅读顺序类似于一个用户和电脑的对话过程，按照日常对话的顺序设计按钮阅读顺序更自然，同时让电脑尽量显得礼貌一点。

响应式规则：指是按钮如何在响应式环境中优雅的溢出。这一项条件对规则设计的影响是，我们把溢出按钮“…”统一放置在最右侧。

四、按钮阅读顺序

五、按钮顺序图例

按钮顺序图例

六、按钮设计步骤