为什么喜欢运用F型浏览模式来设计网站界面?

2017/2/6

    F型浏览模型是内容网站的首选布局模型,比如新闻网站、博客或着陆页。当我们解释完它的作用和原因时,你就会开始注意到,大量知名网站都在这样做。

    什么是F模型?

    F型是用户浏览内容版块时最常用的扫描浏览模式。它是指,读者会首先从左往右以水平线方向浏览,这种浏览习惯是很容易理解的,然后,用户会从屏幕最左边垂直往下浏览,从段首句或小标题中寻求自己感兴趣的关键词或内容。找到后,他们又会开始从左到右正常阅读,形成(“F”的第二条)水平线。最终就形成了一个字母 F 或 E的形状。如《2014 Web UI模式》中所述,CNN和纽约时报都使用了F型。

    这将如何影响你的网站界面设计?这个模型为何有效?

    设计师们都在采用F型,是因为它模拟了用户的自然视觉模式。大部分人在他们一生中都是从上到下,从左到右地阅读。

    顺应趋势去设计一个 F 型的网站界面设计布局,意味着顺应用户的自然视觉习惯。反之,如果重内容的网站忽视F型,则会强迫用户重新调整自己的自然视觉习惯,带来不必要的冲突。

    网站布局会影响转化,所以,了解屏幕这块不动产的价值则至关重要。拿Freespee来说,当他们将网站重新设计成上图版本后,通过 A/B test 显示,在相同的广告开支下,只是简单地将电话号码放在右上角更重要的位置,就能提升 30% 的电话转化率。


更多新闻

网站设计中要注意的问题有哪些?-全球百科
网站设计怎么样才算好?
网站设计公司哪家好一点?-全球百科
网站设计的内容有哪些?