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

3、为速读而设计

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

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

·用户会优先查看优先级最高的元素(也就是视觉重量最重的区域)。因此，在文本为主的网站中，你应该突出文本本身的重要性(比如关键词)，并且借助配色等元素，强化按钮等涉及关键交互的元素的存在感。

·每个段落陈述一件事情，并尽量有针对性地陈述。

·将最重要的元素(诸如CTA按钮等)置于最左侧或者最右侧，也就是用户阅读的起始部分。这个时候，用户通常会有阅读的停顿，而这个时刻可以让他们有额外的时间来考虑并且选择下一步的交互。

4、善用侧边栏

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

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

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

5、避免无聊的布局

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

结语

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

原文地址：uxplanet

原文作者：Nick Babich

优设译文：@陈子木

（编辑：PHP编程网 - 黄冈站长网）

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