按钮位置

一、文章应用范围

web端应用

二、按钮区的位置

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

三、按钮的顺序

1.按钮的顺序

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

① 风险操作

② 方向性意义

③ 对话习惯

④ 响应式规则

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

2.解释

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

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

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

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

四、按钮阅读顺序

五、按钮顺序图例

按钮顺序图例

六、按钮设计步骤

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。