加入收藏
担路网,一路担当!

为企业提供互联网工具,让供需互动变得触手可及

这两年,互联网让整个不太景气的传统经济稍有了零星的兴奋点。

但是,实在的企业老板绝对不能把互联网当成救市良药,若真把它当成“良药”,无异于传说中的“马踏飞燕”。

但是,我们必须拥抱这个互联网的社会,因为我们的家人,我们的朋友,我们的客户都在用互联网,他们的生活和工作已经无法与互联网绝缘!

如何利用F型浏览模式来设计网站页面


发布日期:2017-06-20


如何利用F型浏览模式来设计网站页面

大多数情况下浏览者都不由自主的以“F”形状的模式阅读网页,这种基本恒定的阅读习惯决定了网页呈现F形的关注热度。研究者用了几种不同的页面做眼动仪测试,得到了3张热度图,用颜色来表示浏览者眼光聚集的热度,分为最热(红色)、较热(黄色)、不热(蓝色)和基本不关注(灰色)4种。其中搜索结果页因SERP中网站标题、网页摘要较宽,第二条线会随之加长,但仍然是F形状。那么如何运用F型浏览模式来设计网站页面呢?


通常来说,设计师会把导航条放在顶部,从左上角到右上角,方便用户点击及搜索关键词,设计师们对导航条的设计也各有不同:轻细的导航条会让用户进一步浏览下方的其他内容,厚重的导航则会让用户更多的关注到导航条本身,而不是下方的内容。

第一行之后,用户就会来到下一个关键节点并做同样的动作。理论上,用户会继续往下浏览,直到他们找到感兴趣的内容。但实际情况是,他们很可能在几秒后就走人了,除非你能继续吸引住他们。

因此,为了打破页面的单调,专家们建议设计师在第二行或第三行(即“F”的第二横或“E的第三横)之后,借助一些“突兀的”元素来“破坏”整体布局的连续性。利用一些设计上的变化来保持视觉刺激。常用的做法是,在每过1000像素的版块后方就来一些不一样的布局设计。

F 模型不仅仅适用于文本,要展示多样化的内容,免不了对内容进行组织整理。F 模型仅仅遵循了人眼(运动)的共同趋势,因此,你可以根据自己的布局做不同的优化处理。它只是一个指南,而不是一个模板,不用完全照搬。哪怕你只是想添加一个按钮来强化顶部导航栏,小调整也可能带来大不同。




分享到:


加载中
旗下网站
产品体系
其它链接
CONTACT
联系我们
  • 热线:021-39517056 代理商咨询:15121033560
  • 投诉专线: 15121030463
  • 公司地址: 上海松江九亭九杜路349号417/418/419
  • 几万客户见证
  • 6x8小时售后服务
  • 免费的产品培训
  • 基于SaaS的云架构
  • 系统持续更新

高新技术企业编号:GR201631001183        ISO9001证书编号:ZZW16Q1111ROS