在网页设计中使用 F 模式的好处

已发表: 2020-05-18

任何现代企业都需要一个执行良好的网站,一个能够建立甚至提升其在网络上的形象的网站,这已经不是什么秘密了。 由于越来越多的人在网上冒险,而新一代用户无法想象没有互联网的生活,如果不建立大量的在线受众,就无法成功。

创建一个称职的公司网站需要经验丰富且富有创意的旧金山网站设计团队的协助。 除非您的公司以创建网站为生,否则最好的方法是聘请网页设计机构。 专业的设计公司将能够为您提供一个吸引流量并增加销售额的网站。 当然,一个高质量的网站总是包含一些关键组件。 在本文中,我们将仔细研究它们到底是什么。

高质量的网站有很多方面。 其中一些与营销密切相关,而另一些则是人类心理和行为模式更深层次的一部分。 例如,一个人究竟是如何扫描网页的? 事实证明,人们有特定的观看模式。 其中之一是所谓的 F 形图案,也称为简单 F 图案。

输入 F 模式

在网页设计中使用 F 模式的好处 1

F 模式是行业机密。 顶级网页设计师和代理商使用它来指导创建有效的网站设计。 眼动追踪研究表明,人们阅读网络内容的方式与阅读印刷材料的方式不同。 是的,你猜对了——当他们登陆网页时,他们会以 F 模式阅读。

通过专注于粗略的字母 F 形状内的网页的关键内容,实施战略性网站设计的公司可确保其客户网站的访问者准确地看到他们应该看到的内容。

解释神奇的 F 模式

让我们仔细看看 F 模式的工作原理。

杰克正在浏览网页,他打开了一个新网站。

瞬间,他甚至没有意识到自己正在这样做,他的眼睛开始以 F 的形状扫描页面的内容。这意味着他首先会越过字母“F”的顶部水平条寻找重要的内容,以便确定自己的方向,然后再查看其他任何地方. 换句话说,他在页面顶部从左到右扫描。

接下来,Jack 可能会将目光转向页面的左侧,并快速浏览与他刚刚扫描的顶部平行的下部水平条。

最后,他的眼睛扫描屏幕左侧的长长的、虚构的垂直条,并以 F 的形状完成扫描。只有在他的眼睛完成扫描之后——这可能会在不到一秒的时间内发生——他会开始浏览网页上的主要文本,首先关注项目符号、粗体文本和标题。

用户不会经常停下来阅读大块的文本。 几秒钟之内,网站访问者就可以决定他们是留下还是离开。 这个决定的大部分是基于他们在形成 F 模式的三个主要扫描线上所看到的。

如果使用得当,F 模式可以提高您网站的效率

您聘请的网页设计机构可以在设计网页时使用 F 模式来为您的业务带来优势。 除其他外,网页设计团队可以执行以下操作:

  • 为页面上最关键的内容保留 F 模式的顶部栏:标题。 如果没有引人注目的标题,读者可能想跳到下一页。 或者,更糟糕的是 - 到竞争对手的页面(毕竟,如果他们一开始就无法定义内容,为什么还要花时间阅读内容?);
  • 通过在短横条的某些页​​面上放置副标题或号召性用语 (CTA) 来防止用户混淆。 副标题的文字应该加强你主要的、有趣的标题,并告诉访问者他们接下来可以做什么;
  • 沿 F 模式的垂直条包括您网站的主导航,因为它是网站访问者在定位自己时查看的主要位置。
F 模式并非完美无缺

即使考虑到 F 模式的所有优点,使用它也有一个小缺点。 人们总是习惯从左到右,从上到下阅读。 如果我们看一个不熟悉的文本,这就是我们期望它的样子。 同样的内在期望也适用于网站。 虽然人们喜欢熟悉,但对 f 模式的严格遵从会使页面看起来很强迫甚至无聊。

这些缺点可以通过用横跨页面的图像或打破僵化的广告轻轻地改变布局来改变。 选择一个计划需要一些专业知识才能找到合适的设计水平,让浏览者在查看页面时感到舒适,而不会因为无聊而将他们推离网站。

F模式适用于手机吗?

根据 Google 的一项研究,几乎没有证据表明 F 模式适用于移动设备。 有问题的研究侧重于来自 Google Instant 和知识图谱的“类似答案”搜索结果的效果。

由于人们无需点击链接即可获得答案,因此点击率并不能准确衡量搜索相关性和用户满意度。 因此,研究人员研究了用户在智能手机屏幕上的观看位置,发现 68% 的注意力集中在屏幕的上半部分,而 86% 的注意力集中在屏幕的前三分之二。 研究人员还发现,注意力集中在移动设备和桌面设备上的方式存在差异。

您应该注意,这些发现仅与搜索结果页面相关。 它们不会扩展到其他页面类型。 因此,就目前而言,F 模式仍然适用于大多数 Web 内容,无论是从台式机还是移动设备上看到的。

但是,始终为变化做好准备仍然很有用。 有一些新技术正在开发中,通过结合人工智能和眼动追踪技术,可以让文本知道是否以及如何阅读它。 使文本具有响应性可以彻底改变人们的在线阅读体验和模式。

结论

随着对网站需求的增加,它们每天都变得更加多样化和独特。 公司想方设法通过额外的视觉和信息优势、更快的加载速度以及他们认为必不可少的其他因素在人群中脱颖而出并吸引目标受众。 将 F 模式添加到组合中可以成为一个额外的优势。 但是,有必要关注行业新闻和研究,并根据新数据得出的指导引入任何特定的变化。

网页设计机构每天都在这种环境中工作,并且知道他们的客户需要什么,无论特定的利基市场如何。 他们还知道如何以最有效的方式使用 F 模式并将其整合到网站中。 现代企业严重依赖他们的在线形象,建立在线追随者和加强品牌形象的最佳方式是创建有用的网站。