原来，我们刷网页都有这个习惯……

工具栏可以让人们进一步参与交互，好好利用工具栏，可以进一步提高用户参与度。

• 让希望用户点击的任何元素显得更有特色，尽管它可能和页面主要内容「迥然不同」，比如广告，相关文章列表，社交媒体小组件等等。
• 把它定义为用户寻找特定内容(比如目录列表，标签群，热门文章小组件等等)的工具。

Medium 在工具栏中加入了二级导航

5. 避免视觉疲劳

「F 型扫视」模式最大的缺点，是可能存在的视觉疲劳。要让用户觉得无聊，其实并不难，比如在页面加入重复和相似的内容。如果用户真觉得无聊了，那你也不会得到什么好处。所以，不妨试试在人们扫视范围内加入「出人意料」的元素，从而保持用户的参与度。

这个「打破预期」的页面布局技巧，在有长篇幅内容的页面上特别适用。试想，如果人们浏览类似页面时，尽是沉闷或无聊的内容，那他们很快就会「想吐」……

下图页面的上半部分，页面的任务宣言(即图中 This is a headline … 该句)置于页面顶端，可以在短时间内向用户传达该页面的功能。

此外，将页面拆分为左右两栏——左栏为主要信息，右栏为辅助信息(工具栏)，可以进一步保持用户的参与度。

图片来源：tutsplus

整个界面布局设计简单，但核心元素都体现了出来。人们打开页面，能够清晰了解页面主要功能，工具栏中也有目录列表导航，用户也可以直观地看到相关内容。

通过页面左端方形卡片和引人注目的标题，可以吸引用户关注。尽管用户可能对这些内容不感兴趣，但至少发现有趣内容的机会是存在的。

顺着字母「F」的第二横，再加入一些「出人意料」的元素，比如图片或行为召唤相关的内容，从而进一步保持用户的参与度。

结束语

「F 型扫视」模式是人眼阅读的自然轨迹。设计页面时，结合该模式可以进一步优化页面设计。但值得注意的是，最好不要死板地运用这个模式，毕竟它只能算作设计的指导原则，而非设计模板。它是死的，而人是活的。

谢谢!

作者| Nick Babich，软件工程师，关注 UX 和 UI。

译者| Jorri

文章授权译自 F-Shaped Pattern for Reading Content

（编辑：青岛站长网）

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