想让网页可读性更强?你得善用F式布局

想让网页可读性更强?你得善用F式布局,第1张

想让网页可读性更强?你得善用F式布局

虽然网站页面的设计方法不变,但规划方法总是遵循几个常见的分类规则。在众多规划方法的边缘,F型规划是一种可用性强、共享范围广的规划。明天的文章将和你讨论F型规划在网页中的应用。

F型策划的假设是基于用户思考内容时,真实的活动轨迹类似于英文字母F,策划结婚等访问方式能让用户更快的获得疑惑,所以被称为F型策划。

F型规划何去何从?

F型规划来自NNGroup的一个新的眼动讨论项目。他们跟踪了200多名用户阅读各种网页时的眼球运动轨迹,创造了发明。当用户的眼睛快速阅读网页时,尤其是已经快速阅读了笔墨内容时,眼球运动轨迹类似于英文字母F,所有的主题活动都遵循上述三个单元:

用户将首先沿着水平出价的目标阅读,并且首先阅读内容块的顶部。什么时候眼球运动在英文字母F的最上层形成一条水平线?

接下来,视线会沿着显示屏的左侧思考,搜寻能引起他们喜欢的内容。当他们创造和发明引起自己喜欢的内容时,他们会继续用心阅读,但与这些内容相匹配的视线范围会比第一次阅读时更小,哪条视线轨迹构成了英文字母f的中心。

接下来,用户将他的眼睛移到显示器的左侧,并用心阅读。

每个人阅读内容的方式都是锤炼为从左上方开始横向阅读,再回到左边背熟思考为喜欢的一面,继续横向阅读。

NN的眼球追踪讨论证实了这一点。白色单元是用户感兴趣的区域,浅黄色区域次之,深蓝色区域是用户不感兴趣的区域,深灰色区域是用户间接粗心不停车的单元。

但用户的阅读过程其实是不均匀的,分为三个单元,但它的方式是沿着。

为什么要用F型规划?

f型策划让你创造出更有逻辑、更性感的创意,更容易让用户读懂,得到疑惑。就世界范围来说,覆盖了绝大部分的国家战争区域,F型规划的长度往往符合到访的风俗习惯。那种分类规则使得它广泛适用于UI和网页的假设。

F型规划什么时候用?

比如文字内容比较重的网站,比如专门做信息战的网站,适合做F型规划,一级网站和二级网站都可以用文字访问。

CNN用的是f型规划。

F型规划怎么用?

f型规划使远见者更好地把握内容的可视性。

1。毫无疑问内容低劣

如果你对页面中的厚慢内容有足够的了解,可以把用户的阅读习惯和习惯分离出来,把重点内容安排得有用户眼睛经常停留的影响力。让这些有重点内容的“热门区域”开始中心的互动。

2。设置初始估计值

正文前几个内容的长度往往是关键。只要最中心和最大的内容分布已经在页面的顶部,这也是为什么问题类型、语音和导航栏是关键结果等的关键原因。

用户可以在几秒钟内快速阅读内容。

3。想象快速阅读

而不是逐字访问文章内容的用户,只是通过意义群的全过程来获取内容。因此,您要求可以包含用户喜欢的内容的意义组应该根据F-type规划进行排列,以便尽可能高效地呈现内容:

这一段以一个新奇幽默的词汇和核心领域开始。

用户会先检查劣后级以下的元素(即视觉效果净重最大的区域)。所以,在以文字为主的网站中,你要突出文字本身的关键(像核心词),依靠色彩等元素,强化按键等触及核心交互的元素的存在感。

每一节在一个工作中要足智多谋,果断,只要有目的,就要足智多谋,果断。

放置最关键的元素(如CTA按钮等。)在最左侧大约最左侧,也就是用户访问的起始单元。什么时候,用户总会有冷静的访问,什么时候才能有多余的时间去思考和选择下一次的交互。

4。充分利用侧边栏

侧边栏可以帮助用户进入下一个层次,用户的交互也更加高级:

为用户提供他们想看的东西,而不是像表白、相关文章内容、小控之类的特殊工具。

把它想象成一个供用户寻找特殊内容的物品。最常见的想法是目录,以及“标签云战争中最具攻击性的文章”列表

5。阻止无聊的计划

F型策划最大的测试分数就是会让所有页面看起来都很无聊。然而,相似且连续的内容在所有页面中表现出的影响是不同的,很有可能用户在相似的策划中已经被迅速诱导疲劳。所以你要求创建一些难以升级的文件格式元素,让用户协商关注,持续访问。

摘要

虽然,F型规划遵循了人的审题习惯,有打架倾向,但是它可以帮助你改变规划的结构,实际上你并不一定要那么用。幽默的想象力是高质量可读性的关键,有时候把两者综合起来并不容易。

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/zz/778142.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2022-05-03
下一篇 2022-05-03

发表评论

登录后才能评论

评论列表(0条)

保存