新闻中心

News center
网页模板如何带来更好的体验
发表于 : 2017-07-25 15:07

什么是「F 型扫视」?

F」也可以被理解为「Fast」。大多数人阅读界面内容时,都采用了「F 型扫视」模式——只需要几秒,就可以快速将页面扫完,是界面阅读最常见的一种扫视模式。最早是由尼尔森诺曼集团通过眼球追踪实验提出,该实验由 200 多名用户阅读上千个网页记录的数据。发现,即便是在不同站点和不同阅读任务的前提下,用户的阅读习惯相当一致。实验对象的阅读轨迹看似像字母「F」,并包括以下 3 个部分:

 

F」的第一横:首先会横向阅读,通常扫视范围仅停留在页面顶端部分。这一轨迹形成了字母。

F」的第二横:顺着页面左端纵向阅读。阅读重点仅停留在段首其感兴趣的部分,发现感兴趣的内容后,我们会再次横向阅读,不过这次横向阅读的范围通常较第一次小。

F」的左边竖:会再次顺着页面左端纵向阅读。

下图红色区域是人们的核心阅读重点,相对关注较少的蓝色区域,灰色区域基本不受用户关注,而黄色区域是次阅读重点。可以看出,我们浏览网页F型呼之欲出。

 

网页应该怎样用「F 型扫视」?

借助「F 型扫视」模式,「话事权」多在于设计师页面内容选题方面

1. 按重要性对内容排序

按重要性对各项内容进行排序。将这你最想让用户阅读的内容放在页面的「热点」区域即可。

2. 设置预定期望

尽可能将重要内容放置在页面顶端使人们短时间内知道网站(或页面)是用来做什么的

根据「F 型扫视」模式,在顶端区域设计一个导航栏是个不错的选择。

3. 设计不是阅读要方便扫读

设计页面布局时顺着「F 型扫视」的阅读轨迹,将最感兴趣的内容按重要性放置于相应区域

4. 好好利用工具栏

· 让希望用户点击的任何元素显得更有特色比如广告,文章列表,社交媒体小组件等。

· 把它定义为用户寻找特定内容的工具。

5. 避免视觉疲劳

F 型扫视」模式最大的缺点,是可能存在的视觉疲劳。在人们扫视范围内加入「出人意料」的元素,从而保持用户的参与度。这个「打破预期」的页面布局技巧,在有长篇幅内容的页面上特别适用。


F 型扫视」模式是人眼阅读的自然轨迹。设计页面结合该模式进一步优化页面设计。但是小编温馨提醒哦,不要死板地运用这个模式,此可用作设计指导并非标准模板。而人是活的,它是死的。若想建设完美视觉体验的深圳网站建设,就来找小编吧!

| 网站定制 | 关于我们 | 合作伙伴 | 帮助中心 | 站点公告 |

copyright ©2014  深圳市麦麦云科技有限公司 粤ICP备16011486号    广东省深圳市宝安区西乡乡街道深圳名优工业产品展示采购中心B座三区512