ux.

F-temper是否在网页设计中仍然相关?

Suzanne Scacca. 经过 Suzanne Scacca.  |  2019年12月11日

在设计网站时,在设计网站时遵循一套准则总是很好 - 特别是如果您没有才能继续用户数据。

多年来,我们被介绍给这些指导方针和设计趋势;在多年来,其中一些人仍然存在偏不到。那些坚持的网站设计指南之一是F模式。

但是今天仍然相关,与移动第一设计实践如何?

 

什么是f模式?

当我们引用像F-Temply,Gutenberg布局或网络设计中的层蛋糕模式时,我们所谈论的模式是读者如何在页面上扫描内容。由于尼尔森诺曼集团等组织的热映射技术和研究(回到2006年),我们有其存在证明。

NNG眼睛跟踪研究F图案

从NNG的这些眼新的研究中可以看出,F模式并不总是一个明确的“F”形状。

相反,它指的是一般读取模式,即页面的某些部分完全读取 - 通常在中间的顶部和某个地方。在某些情况下,读者可能会停止仔细阅读页面的其他部分,使模式看起来更像是字母“e”。本页的其余部分大多数情况下,沿左侧边缘轻微扫描。

该原理实际上适用于桌面和移动屏幕。

虽然移动设备具有较小的水平空间,但读取器仍然具有聚焦在顶部的趋势,扫描页面一点,读取更多,然后扫描到最后。再次,它不会看起来像传统的“f”形状,但这个概念是一样的。

 

f-temper仍然相关吗?

基本上,这是F-Temper教授网页设计师和撰稿人的消息:“没有人会看看你所做的一切,所以只需把好东西放在顶部。”

似乎是一种悲观的方法来接近网页设计,不是吗?

事实是,它 一种悲观的方法。然而,在设计的时候,我们不得不更好地了解。我们正在研究数据和思考,“好的,这就是我们的用户行为。我们必须创建以适应这种行为的网站。“

但最好的网页设计师不仅仅是踢回来让游客们拿出缰绳。他们控制了从开始完成的经验,让游客不必弄清楚下一个或接下来做什么。设计师仔细制作设计并以绘制访问者进入网站的方式制定内容,并将其乘坐旅程。

什么时候 NNG在2017年重新讨论了关于F形模式的报告,这是它的结论:

“当作家和设计师没有任何措施来指导用户最相关,有趣或有用的信息时,用户将找到自己的道路。在没有任何信号来引导眼睛的情况下,他们将选择最小努力的路径,并将将大部分的固定花在他们开始阅读的位置(通常是文本页面上的最左上角)。“

基本上,我们的访客只有在我们提供了一个Subpar体验时使用F模式读取页面。

所以,回答上面的问题: 不,F模式并不相关。

 

Web设计师应该做什么?

重要的是要认识到,访问者必然会扫描您的网站。这些天的时候,每个人都如此短暂和耐心,即它成为与网站的自然方式。

也就是说,扫描网页之间有区别在于值得读取和扫描网页,只需通过(这基本上是F模式鼓励的方式)。

知道这一点,Web设计人员应该创建鼓励扫描的页面 - 无论如何。 Pages that contain:

  • 短句和段落;
  • 标题和副标题,提供快速和信息丰富的戏弄到来的内容;
  • 创建自然暂停的元素,如引擎,图像,粗体文本,超链接,丰富的间距等。

如果您可以让访问者遇到令人兴奋的文本墙壁,他们将更有可能从扫描页面读取...而不是扫描并关闭浏览器。

我还建议不要在阅读模式上专注。除非您花了很多时间设计文本重型页面,否则它们不会尽可能多地申请。

相反,专注于设计一个热情和鼓励的经验,并使您的访客能够从一个点到点B.如果您将它们指向您网站最有价值的位,他们将关注您。

 

特色图像 通过拆卸.