今天这篇文章,主要介绍「F 型扫视」。读完后,你会了解大家到底怎么样浏览网页,也了解网页应该怎么样设计,才能带来更好的体验。
1、什么是「F 型扫视」? 「F 型扫视」是界面阅读最容易见到的一种扫视模式,在有不少内容板块的界面上很实用。「F」也可以被理解为「Fast」。大部分人阅读界面内容时,都使用了「F 型扫视」模式——仅需几秒,就能迅速将页面扫完。「F 型扫视」最早是由尼尔森诺曼集团(NNGroup)通过眼球追踪实验提出的,该项实验记录了 200 多名用户阅读上千个网页的数据。实验结果发现,用户的阅读习惯相当一致,即使是在不同站点和不同阅读任务的首要条件下。实验对象的阅读轨迹看上去像字母「F」,并包含以下 3 个部分网站制作如何借助“F 型扫视”习惯段首用词必须要足够吸引用户眼球。用户第一会阅读最突出的内容(即最具视觉重量的内容)。因此,必须要凸显要紧内容的视觉重量。可以通过字体排版来体现文本的重要程度,譬如高亮文本关键字;也可以通过各种颜色突显某些按钮。每一个段落只覆盖一个看法,并尽量多地用项目符号(即本条左侧的小黑圆点)。将非常重要的内容(譬如行为召唤有关的内容)放置在页面左右两端,这也是用户横向扫视的起始两端。当他们继续往下扫视至下一横向内容时,刚好有几秒时间,可以让他们稍作考虑。
4. 好好借助工具栏 工具栏可以叫人们进一步参与交互,好好借助工具栏,可以进一步提升用户参与度。让期望用户点击的任何元素看上去更有特点,尽管它可能和页面主要内容「迥然不同」,譬如广告,有关文章列表,社交媒体小组件等等。把它概念为用户探寻特定内容(譬如目录列表,标签群,热点文章小组件等等)的工具。
5. 防止视觉疲劳 「F 型扫视」模式大的缺点,是可能存在的视觉疲劳。要让用户感觉无聊,其实并不难,譬如在页面加入重复和一样的内容。假如用户真感觉无聊了,那你也不会得到什么好处。所以,可以试一试在大家扫视范围内加入「出人意料」的元素,从而维持用户的参与度。除此之外,将页面拆分为左右两栏——左栏为主要信息,右栏为辅助信息(工具栏),可以进一步维持用户的参与度。整个界面布局设计简单,但核心元素都体现了出来。大家打开页面,可以明确知道页面主要功能,工具栏中也有目录列表导航,用户也可以直观地看到有关内容。通过页面左端方形卡片和引人注目的标题,可以吸引用户关注。尽管用户可能对这类内容不有兴趣,但至少发现有趣内容的机会是存在的。顺着字母「F」的第二横,再加入一些「出人意料」的元素,譬如图片或行为召唤有关的内容,从而进一步维持用户的参与度。
「F 型扫视」模式是人眼阅读的自然轨迹。设计页面时,结合该模式可以进一步优化网页设计。但值得注意的是,最好不要死板地运用这个模式,毕竟它只能算作设计的指导原则,而非设计模板。它是死的,而人是活的。
文章名字网站制作如何借助“F 型扫视”习惯