1310-6499-520
今天是:
站内搜索:  
您的当前位置:主页 > 知识博客 > 交互设计 >
联系我们

名称:九分网络科技

联系:13106499520

地址:福建省福州市仓山区金榕南路553号


扫一扫添加微信

用超多案例,帮你掌握交互设计心理学的古腾堡原则

时间:2020-09-12   分类:交互设计    作者:网络   来源:网络整理   点击:107

在平时的设计过程当中,你可能会有这样的疑惑,为什么在大部分APP中,当单个按钮和多个按钮同时存在时,最重要的按钮一般都会放置在页面的右侧呢?如果最重要的按钮放在左侧又有什么问题呢?按钮放在右侧的原因是什么呢?它又有什么理论依据呢?接下来带着这些疑问,开始我们今天所要介绍的内容:交互心理学之古腾堡原则

内容采集来自9fen.net

用超多案例,帮你掌握交互设计心理学的古腾堡原则 copyright 9fen.net

九分网络

古腾堡原则的起源

古腾堡原则是由14世纪西方活字印刷术的发明人约翰·古腾堡提出,早在20世纪50年代,他在设计报纸的过程中,提出了一项原则,认为人的阅读方式应该是遵循某种习惯进行的,就像读书一样,由左到右,从上到下。这其中蕴含着什么信息呢?经过研究最终得出被后人所熟知的结论:古腾堡原则,并附上了一张图,名为「古腾堡图」。古腾堡图将画面所呈现的内容分成四个象限:

copyright 9fen.net

第一视觉区(POA):左上方,用户首先注意到的地方 www.9fen.net

强休息区(SFA):右上方,较少被注意到 copyright 9fen.net

弱休息区(WFA):左下方,最少被注意到 www.9fen.net

终端视觉区(TA):右下方,视觉流终点 copyright 9fen.net

用超多案例,帮你掌握交互设计心理学的古腾堡原则 九分网络

copyright 9fen.net

△ 古腾堡图 九分网络

从图中可以看出,用户视线很自然的会从第一视觉区开始,逐渐移动到终端休息区。整个阅读过程视线都会沿着一条方向轴开始从左到右浏览。用户会更容易关注到页面的开始与结束区域,而中间的段落则很少被关注到。古腾堡揭示了一个实用的视觉轨迹规律:阅读引力是从上到下,从左到右。 www.9fen.net

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

内容采集来自9fen.net

用超多案例,帮你掌握交互设计心理学的古腾堡原则

九分网络

内容采集来自9fen.net

古腾堡图通过对设计元素的重量与元素布局和组成方式进行调和,指导眼睛的运动轨迹。让用户迅速获取有价值的信息,同时用户对信息的熟悉程度也是影响眼睛运动轨迹的因素之一。

内容采集来自9fen.net

而随着互联网的兴起,古腾堡原则也逐渐被应用到APP设计网页设计当中。接下来让我们来看看他在界面中的实际应用。

九分网络

在设计中的应用

根据古腾堡原则,当用户浏览一个陌生的界面时,浏览是用户的第一行为。他们的视觉焦点会从左上角一直到右下角。并停留在结尾的行动点上,也就是前面所提到的终端休息区。接下来,就是如何摆放按钮了,这也是至关重要的一步。如果是需要用户阅读完后进行操作的话,按钮摆放的最佳位置应该是页面底部。这样可以保证用户对内容进行了阅读。

本文来自九分网络

1. 底部按钮分析

底部单个按钮

www.9fen.net

这种形式在引导用户操作的页面中最为常见,为了能够保证用户对内容进行阅读,所以将按钮摆放在页面底部,内容放在顶部,这样的摆放即符合用户由上到下的阅读习惯又达到了产品预期的目标。 本文来自九分网络

用超多案例,帮你掌握交互设计心理学的古腾堡原则 www.9fen.net

copyright 9fen.net

底部垂直双按钮 九分网络

上面我们提到了单个按钮的摆放思路,接下来看一下垂直双按钮的摆放思路是怎么样的。如果一个界面上同时存在两个优先级不同的按钮,并且产品希望用户对每一个按钮都有足够的关注度,那么垂直摆放是最佳选择,虽然垂直双按钮在样式上做了区分,但用户同样会停留一段时间将按钮的内容进行对比思考。 copyright 9fen.net

那么,按照古腾堡原则,重要的按钮应该放在页面最底部,原则上它应该是这样的:

www.9fen.net

用超多案例,帮你掌握交互设计心理学的古腾堡原则 内容采集来自9fen.net

www.9fen.net

仔细观察上图,有没有发现浅色按钮很容易被忽略掉,这样就违背了产品要保证每一个按钮都要有足够关注度的初衷,所以我们要违背古腾堡原则来满足业务需求,正如我们所看到的微信授权页面一样, 本文来自九分网络

用超多案例,帮你掌握交互设计心理学的古腾堡原则 copyright 9fen.net

copyright 9fen.net

标签: 优设 优设网 交互设计 心理学 设计心理学 优秀 古腾堡原则

郑重声明:本文版权归原作者所有,九分网络转载文章仅为传播更多信息之目的,如作者信息标记有误,请第一时间联系我们修改或删除,多谢。


九分网络专业提供公众号、小程序、PC及移动端站点搭建!网站程序及服务器维护:13106499520。微信:452570709

----相关文章----