如何让网页可读性更强？

发布时间：2023-03-28 10:04:40 所属栏目：经验来源：

导读：虽然网页排版方式千变万化，但是布局方式通常都遵循着几种常见的规则。在诸多布局方式当中，F式布局是可用性较强，且适用范围较广的一种。今天的文章同你来探讨F式布局在网页中的运用。

用户首先会沿着水平方向浏

虽然网页排版方式千变万化，但是布局方式通常都遵循着几种常见的规则。在诸多布局方式当中，F式布局是可用性较强，且适用范围较广的一种。今天的文章同你来探讨F式布局在网页中的运用。

用户首先会沿着水平方向浏览，优先浏览内容块的上部，这个时候的眼动构成了字母F 最上面一横。

接下来视线会沿着屏幕左侧向下垂直扫视，寻找段落中能引起兴趣的内容，当他们发现引起他们兴趣的内容之时，继续横向仔细浏览，而且这些内容对应到的视线范围一般比第一次横扫时所涉及到的领域小一些,并且这个视线轨迹形成了字母F中的一个横叉。

我们浏览内容的方式被训练为从左上角开始水平浏览，回到左侧向下扫视找到兴趣点，继续横向浏览。

NNGrou的眼动跟踪研究证明了这一点，红色的部分是用户感兴趣的区域，黄色的区域次之，不感兴趣的则为蓝色的区域，灰色的区域是用户直接忽略不作停留的部分。

F式布局能让你创造出更加富有层次感的设计，这样的设计更容易为用户浏览和获取信息。对于世界范围内绝大多数的国家和地区而言，F式布局是非常符合阅读习惯的。这种自动化的规则设定使得它可以迅速的广泛运用在移动端UI和移动端网页设计上。

1、确定内容的优先级

如果你对于页面中内容的轻重缓急有着足够的了解，那么就可以结合用户的浏览习惯，将重要的内容排布在用户视线时常停留的位置。让这些呈现重要内容的“热点区域”承载和心的交互。

2、设置初始预期

文本的前几段内容是非常重要的。尽量让最核心、最重点的内容放置在页面的顶端，这也是为什么标题、引言和导航栏是如此重要的原因。

3、为速读而设计

用户通常不会一个字一个词地阅读文章，而是通过意群来获取内容，所以，你需要将可能包含用户感兴趣内容的意群按照F式布局来排布，这样可以尽可能高效地呈现内容：

段落以新鲜有趣、关键核心的词汇开头。

用户会优先查看优先级最高的元素(也就是视觉重量最重的区域)。因此，在文本为主的网站中，你应该突出文本本身的重要性(比如关键词)，并且借助亮丽的配色等元素，极大地强化实体按键按钮等涉及电子游戏的关键功能交互的元素的不可替代性的存在感。

4、善用侧边栏

侧边栏通常可以帮助用户深入到下一个层级，用户的交互也更加的深入：

提供用户想要看到的内容，而不是广告、相关文章和小控件这样的东西。

将它设计成为用户找到特定内容的工具。最常见的设计是目录列表，标签云和“最多点击”文章列表。

5、避免无聊的布局

F式布局最大的问题是它会让整个页面看起来比较无聊。相似而重复的内容出现在整个页面的不同位置，用户很可能在相似的布局中快速感到疲倦。所以，你只是需要创造出新的一些打破尴尬格局的元素，就是这样让用户不断调整自己的注意力，转化为持续的快捷方便的阅读。

当然，F式布局是遵循人类浏览信息的趋势和习惯的，它能帮你优化布局与结构，你并不一定非得这么用。有趣的设计和良好的可读性同等重要，有的时候兼顾两者并不难。

（编辑：汽车网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!