一、文章应用范围
web端应用
二、按钮区的位置
按钮区位置的设计策略:应将按钮放置于用户浏览路径中,便于被用户发现,并且应尽量靠近其所控制的对象。在未刻意建立信息层级引导视觉路径时,经典“F”“Z”网页浏览模式作为了我们按钮位置放置规则的基础指导。
三、按钮的顺序
1.按钮的顺序
在决策按钮默认的阅读顺序时考虑以下4个方面:
① 风险操作
② 方向性意义
③ 对话习惯
④ 响应式规则
权重:风险操作>方向性意义>对话习惯>响应式规则
2.解释
风险操作:可能造成损失的操作,特别是破坏性操作,如果不是用户期望点击的按钮,应该尽量远离常用按钮,例如:【删除】、【不保存】按钮。
方向性含义:具有返回意义的按钮,应该放在左侧,暗示其方向是回到之前。左图的方案非常容易误操作,方向错乱挑战用户的认知习惯,因为不论是在网页还是移动端界面,我们已经都习惯了返回在左侧的模式。
对话习惯:界面中的按钮阅读顺序类似于一个用户和电脑的对话过程,按照日常对话的顺序设计按钮阅读顺序更自然,同时让电脑尽量显得礼貌一点。
响应式规则:指是按钮如何在响应式环境中优雅的溢出。这一项条件对规则设计的影响是,我们把溢出按钮“…”统一放置在最右侧。
四、按钮阅读顺序
五、按钮顺序图例
按钮顺序图例