今天的文章主要介绍“扫描”。读完之后,你会明白我们是如何浏览网页的,以及网页应该如何设计才能带来更好的体验。什么是“扫描”?“F扫描”是
今天的文章主要介绍“扫描”。读完之后,你会明白我们是如何浏览网页的,以及网页应该如何设计才能带来更好的体验。
什么是“扫描”?
“F扫描”是界面读取中最常见的扫描模式,这在具有许多内容部分的界面中非常实用。“f”也可以理解为“快速”。大多数人在阅读界面内容时使用“f”
扫描模式——只需几秒钟即可快速扫描页面。
“F扫描”最早是由尼尔森诺曼集团通过眼球追踪实验提出的,该实验记录了200个
许多用户阅读数千个网页的数据。实验结果表明,即使在不同网站和不同阅读任务的前提下,用户的阅读习惯也是相当一致的。受试者的阅读轨迹看起来像字母“f”,包括以下3个部分
零件:
人们会先水平阅读,通常扫描范围只停留在页面顶部。这条轨迹形成了字母“f”的第一个十字。
然后,我们将沿着页面的左端垂直阅读。我们的阅读只集中在段落开头有趣的部分。在发现有趣的内容后,我们将再次横向阅读,但横向阅读的范围通常比第一次小。这条轨迹形成了字母“f”的第二个十字。
最后,我们将再次沿着页面的左端垂直阅读。
在下图中,红色区域是核心阅读焦点,黄色区域是次要阅读焦点,其次是相对较少关注的蓝色区域,而灰色区域基本上不受用户关注。可以看出,我们浏览的网页基本上构成
f型。
尼尔森诺曼小组通过热度图揭示了眼球追踪实验是如何发现用户阅读轨迹的。
显然,我们的扫描模式不仅仅包括三个部分。当我们发现有趣的内容时,我们会专注于阅读它,从而形成相应的横向阅读轨迹。
为什么使用“f扫描”
通过“F-scan”模式,更容易展现良好的视觉水平,方便用户理解界面内容。对于大多数西方用户来说,“F
“打字浏览”模式很舒服,因为他们的阅读习惯总是从上到下,从左到右。
注:作者提到西方用户的阅读习惯是因为一些国家或地区的用户的书写和阅读习惯是从右向左的。在一些国家和文化中,书写习惯甚至是垂直的,相应的阅读习惯也略有不同。因为中国人的写作和阅读习惯并不特别,“F”
“打字浏览”仍然可以应用。
什么时候使用“F扫描”最舒服?
对于有大量文本的网站,如博客或新闻网站,“F扫描”模式是最好的选择。
当内容过多时,如果页面布局是按照自然浏览模式设计的,用户的反馈会更好。
美国有线电视新闻网的主页也使用“F扫描”模式
如何在网页上使用“扫描”?
借助“F扫描”模式,设计者在页面内容的主题选择上有了更多的“话语权”。
1.按重要性对内容进行排序
设计规划页面元素时,我们必须根据内容的重要性对其进行排序。通过排序,您可以清楚地知道您最希望用户阅读的内容。这样,您只需要将这些内容放在页面的“热点”区域。
2.设定预定的期望
整页的前一两段非常重要。尽可能把重要的内容放在页面的顶部,这样人们就可以在短时间内知道网站的目的。
根据“F扫描”模式,我们通常水平阅读页面顶部。因此,在顶部区域设计导航栏是一个不错的选择。
用户只需几秒钟就可以浏览页面上最重要的内容。图片来源:tutsplus
3.设计应该便于扫描,而不是阅读
在设计页面布局时,我们应该从用户的角度出发。按照“F扫描”的阅读轨迹,将最感兴趣的内容按照其重要性放在相应的区域:
段落开头使用的词语必须足以吸引用户的注意力。
目前评论:0 条
发表评论 取消回复