什么是banner(二)

2022-09-28
翰臣原创观点

话接上文,banner中的核心目标“视觉动线”到底是什么?

相比文字信息,用户更容易被图形化的内容所吸引,也更容易理解图形内容。         


所以产品页的banner也更多要以主推产信息为主作为图片,而根据Jakob Nielsen做了一个眼动时间,发现用户平均花费80.7%的阅读时间在前三屏,其中第一屏时间占57%,,第二批时间占用17%,第三屏时间占用7%。在第一时间抓住用户数据额出发,我们必须要把“最突出,最显眼的banner”展示在第一屏,这样不只是我们进入页面能看到,更多的是在三秒内,能让用户了解到主要宣传的信息。


市面上一切的广告都是为了转化用户,banner作为产品吸睛的工具,也不例外,通过展示的现阶段真实准确的信息转化用户,从而达到商业价值。


我们可以将一个banner理解程你所在的城市地图。那最先想到是什么?
以杭州为例,作为座有名的旅游城市,喜欢旅游的伙伴都会提前做好攻略,在最短的时间内逛完它,从路线到景点,等等都需要安排出最佳路线,如果遇到不错的地方,肯定会在未来不断的到访,打卡!
回到banner里,视觉动线就是最终安排好的一条路线,而“做攻略的人”这个角色相当于在“设计师”这个角色,由设计师来安排用户,观看banner的顺序,而“不错的景色”对应的就是可以让用户进行下一步保存留存,提高转化率的高亮区。

在哪里改着重停留有以下几种方法:

一:古腾堡图表法
首先从古至今我们的视觉规律都是从上到下,从左到右的规律,其次古腾堡图表法(对角线平衡的和谐状态)告诉我们浏览内容基本是从左上到右下的视觉动线,左上角与右下角是可以作为第一视觉落点区和最终视觉落点区,而右上与左下是会被视为视觉盲区,经常被忽略!


二:尼尔森F型视觉模型
用户注意中心主要在顶部横扫一遍上面的内容,制造一条视觉动线,之后用户将页面下拉到看到的内容会比第一条动线短,之后用户话因为注意力的影响,视觉动线越来越短,形成类似于“F”的形状,被称为“F型模型”


以上两种模型,即为视觉动线的基础逻辑,本次就到这里,下回在和大家分析下banner的排版上的细节。



2022-09-28
翰臣原创观点