设计网站时要遵循一组准则总是很好的,特别是如果您几乎没有用户数据可以使用的话。
这些年来,我们已经被大量介绍了这些准则和设计趋势。其中一些已经失宠,而另一些则持续了多年。坚持使用的那些Web设计指南之一是F模式。
但是,今天它仍然有意义,与移动优先设计实践有什么关系?
什么是F模式?
当我们在网页设计中引用F模式,Gutenberg布局或分层蛋糕模式之类的模式时,我们所说的是读者如何扫描页面上的内容。得益于热成像技术和尼尔森·诺曼集团(Nielsen Norman Group)等组织的研究(可追溯到2006年),我们有证据证明了这种技术的存在。
从NNG的这些眼动追踪研究中可以看出,F模式并不总是明确的“ F”形状。
取而代之的是,它指的是一种通用的阅读模式,在该模式下,页面的某些部分将被完整阅读-通常在顶部和中间的某个位置。在某些情况下,读者可能会停止细读页面的其他部分,从而使模式看起来更像字母“ E”。大多数情况下,页面的其余部分沿左侧边距轻轻扫描。
该原理实际上适用于台式机和移动屏幕。
尽管移动设备的水平空间较小,但阅读器仍倾向于将注意力集中在顶部,向下扫描页面一点,阅读更多一点,然后向下扫描到最后。同样,它看起来不会像传统的“ F”形,但是概念是相同的。
F模式仍然有意义吗?
本质上,这是F模式向Web设计师和文案撰稿人传达的信息:“没人会去看待您所做的一切,因此只需将最重要的内容放在顶部。”
似乎是一种悲观的方式进行网页设计,不是吗?
事实是,这是一种悲观的方法。但是,在设计它的时候,我们还没有更好的了解。我们正在查看数据并认为:“好的,这就是我们用户的行为。我们必须创建适合这种行为的网站。”
但是,最好的网页设计师不只是让步,让访问者掌控一切。他们从头到尾都控制着体验,因此游客不必弄清楚该去哪里或下一步要做什么。设计师精心设计设计并布置内容,以吸引访问者进入网站并带他们去旅行。
当NNG在2017年重新审查了其在F形图案的报告,这是它得出的结论:
“当作家和设计师没有采取任何步骤将用户引导到最相关,有趣或有用的信息时,用户将找到自己的道路。如果没有任何引导眼球的信号,他们将选择最省力的方法,并将大部分注意力集中在开始阅读的位置(通常是一页文字中最左上的单词)。”
基本上,只有当我们提供了低于标准的体验时,我们的访客才会诉诸于使用F模式阅读页面。
因此,要回答上述问题:不,F模式仍然不相关。
Web设计师应该怎么做?
重要的是要认识到访问者一定会扫描您的网站。如今,每个人的时间和耐心都如此之短,以至于它已成为一种与网络互动的自然方式。
就是说,扫描网页以查看是否值得阅读与扫描网页以完全克服并完成操作(这是F模式所鼓励的)之间是有区别的。
知道了这一点,Web设计人员应该创建鼓励扫描的页面-无论如何都要开始。包含以下内容的页面:
- 简短的句子和段落;
- 标头和副标头提供了快速而翔实的步骤说明;
- 创建自然停顿的元素,例如项目符号,图像,粗体文本,超链接,丰富的间距等。
如果您可以防止访客遇到令人生畏的文字墙,那么他们更有可能从扫描页面转到阅读…而不是扫描并关闭浏览器。
我也建议不要过多地关注阅读模式。除非您花费大量时间设计大量文本的页面,否则它们将不会应用太多。
相反,应专注于设计一种令人愉悦和令人鼓舞的体验,并使访问者从A点轻松到达B点。如果您将他们定向到网站上最有价值的部分,他们就会关注您。