http://www.yuyong.net

交互设计心理学之古腾堡原则:古腾堡怎么应用到设计中去

通常情况下,在设计过程中,你可能会有这样的疑问,为什么在大多数的 APP中,当单个按钮和多个按钮同时存在时,最重要的按钮通常都放在页面的右边?要是最重要的按钮放在左边又...

通常情况下,在设计过程中,你可能会有这样的疑问,为什么在大多数的 APP中,当单个按钮和多个按钮同时存在时,最重要的按钮通常都放在页面的右边?要是最重要的按钮放在左边又有什么问题?哪些是按钮放在右边的原因?那这件事有何根据?下面就带着这些疑问开始我们今天要讨论的话题:交互设计心理学中的古腾堡原则~

交互设计心理学之古腾堡原则:古腾堡怎么应用到设计中去

关于古腾堡原则,其实是14世纪西方活字印刷术的发明者 JohnGutenberg,提出了一条原则,即人的阅读方式应该遵循一定的习惯,就像读书一样,从左向右、从上到下。它包含了什么样的信息呢?经研究最终得出后人熟知的结论:“古腾堡图”,并附有一张图,叫做“古登堡图”。古腾堡图把图像呈现的内容分为四个象限:

1、第一视觉区(POA):左上方,即使用者首先注意的地方

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

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

4、(TA)末端视觉区:在右下方,视觉流端

古腾堡图通过调整设计元素的重量与元素的布局和构成方式来引导眼睛的运动轨迹。使用户快速获得有价值的信息,同时对信息的熟悉程度也是影响眼睛运动轨迹的因素之一。

而且随着因特网的兴起,古腾堡原理也逐渐被应用于 APP和网页设计中。下面我们来看一下他在接口上的实际应用。

交互设计心理学之古腾堡原则:古腾堡怎么应用到设计中去

古腾堡怎么应用到设计中去?

一、底端按钮分析

(1)底部单一按钮:这种形式最常见于引导用户操作的页面中,为了保证用户阅读内容,因此将按钮放置在页面底部,内容放在顶部,这样放置即符合用户从上到下的阅读习惯又符合产品预期的目标。

交互设计心理学之古腾堡原则:古腾堡怎么应用到设计中去

(2)底部垂直双按钮:上面我们提到了单按钮的布置思路,下面来看下垂直双按钮布置思路如何。当两个具有不同优先级的按钮出现在一个界面上,并且该产品想要用户对每个按钮的关注足够多时,垂直放置是最好的选择,尽管垂直双键在风格上有所区别,但用户同样会停留一段时间来对比按钮的内容。

交互设计心理学之古腾堡原则:古腾堡怎么应用到设计中去

二、对顶部按钮的分析

这种顶部导航条是为了避免错误,也是为了让用户能够专注于内容本身,因为上面的导航条空间有限,使得按钮不会被点击,也不会引起用户的注意。至于顶部的键键,也可以缩短使用者眼睛的运动轨迹,让使用者更容易注意到其状态的变化。

交互设计心理学之古腾堡原则:古腾堡怎么应用到设计中去

三、水平按钮的分析

除上述顶部和底部按钮外,还有水平放置的按钮,如淘宝详细页面、京东详情页、网易严选详细信息页的“加入购物车”和“立即购买”按钮,界面上的“立即购买”按钮全部放置在右下角,古登堡原理中的视觉终点描述中,右下角是视觉终端区域,也就是视觉停留的位置,因此他们将与转化率密切相关的“立即购买”按钮放在界面的右下角,使用户更容易注意。

例如,更常见的“取消”和“确认”弹出方式,通常是当用户需要确认某些操作行为时出现,例如提交表单、进行协议授权、获取用户信息等,这些都是提高产品体验的一个小细节。

交互设计心理学之古腾堡原则:古腾堡怎么应用到设计中去

弹窗的目的是要让用户点击“确认”按钮,如果把“确认”放在左边,根据古登堡原理,用户的视线会不由自主地向右移动,即“取消”按钮的位置,想要回到左边的“确认”按钮位置时,视线就需要移动,眼睛的运动轨迹就会在水平方向轴上来回往复运动,无形中增加了用户选择时间。把“确认”放在右边,把“取消”放在左边,就能提高用户的操作效率。

总的来说,古腾堡就是在设计的基础,并非一成不变,要合理权衡设计原则与产品目标之间的关系。顶部按钮更关注可编辑的内容区域,并非按钮。而底部按钮则更关注按钮本身!

可能理论上说的大家还是尚不太完全了解~你可以来 win7系统吧网学习交互设计软件课程,深入了解交互设计中的奥妙~ 软件入门就是win7系统吧网~

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