按钮

最重要的按钮一般都会放置在页面的右侧呢?如果最重要的按钮放在左侧又有什么问题呢?按钮放在右侧的原因是什么呢?它又有什么理论依据呢?

古藤保原则:

1、第一视觉区:左上方,用户首先注意到的地方

2、强休息区:右上方,较少被注意到

3、弱休息区:左下方,最少被注意到

4、终端视觉区:右下方,视觉流终点

01a4a45f45a978a80120a821f732e5

视线很自然的会从第一视觉区开始,逐渐移动到终端休息区。整个阅读过程视线都会沿着一条方向轴开始从左到右浏览。

把关键信息放在左上角、中间和右下角,能够更好的体现元素的重要性。例如:我们平时所看到的页面弹窗、各种证明文件和合同文件等等。

2

古腾堡图 第一视觉区,强休息区,弱休息区,终端视觉区。

1.底部单个按钮

这种形式在引导用户操作的页面中最为常见,为了能够保证用户对内容进行阅读,所以将按钮摆放在页面底部,内容放在顶部,这样的摆放符合用户由上到下的阅读习惯。

3

2.底部垂直双按钮

如果一个界面上同时存在两个优先级不同的按钮,且希望用户对每一个按钮都有足够的关注度,那么垂直摆放是最佳选择,虽然垂直双按钮在样式上做了区分,但用户同样会停留一段时间将按钮的内容进行对比思考。

4

但发现浅色按钮很容易被忽略掉,这样就违背了产品要保证每一个按钮都要有足够关注度的初衷,所以要违背古腾堡原则来满足业务需求,如微信授权页一样:

5

原则是设计的基础,并非一成不变,要合理权衡设计原则与产品目标之间的关系。

3.顶部按钮

由于顶部导航栏空间有限,导致按钮相对较小,并且不便于点击操作,所以这类顶部按钮适用于修改内容的编辑页面,即可以避免误触,又可以让用户关注内容本身。关键按钮至于顶部,还可以缩短用户眼睛的运动路径,让用户更容易注意到其状态的变化状态。

6

顶部按钮更关注可编辑的内容区域,并非按钮。而底部按钮则更关注按钮本身。并非内容。

4.水平按钮

将与转化率密切相关的“立即购买”按钮放在界面的右下角。

7

再比如比较常见的“取消”和“确认”弹窗样式,通常是在需要让用户确认某种操作行为时出现,有可能是提交表单、协议授权、获取用户信息等等,为了防止用户误操作。

8

将“确认”放在右侧,“取消”放在左侧则可以为用户提高操作效率。

9

本文来自投稿,不代表微擎百科立场,如若转载,请注明出处:https://www.w7.wiki/develop/4323.html

发表评论

登录后才能评论