网站首屏线的确定

整理文档很辛苦,赏杯茶钱您下走!

免费阅读已结束,点击下载阅读编辑剩下 ...

阅读已结束,您可以下载文档离线阅读编辑

资源描述

A根据内部统计系统中的操作系统、浏览器分布和屏幕分辨率等数据,结合浏览器状态栏、任务栏等高度进行分析:得出两条首屏线,分别为580和710,对应不同的分辨率。B再从实际用户的角度出发,在某应用布点进行用户数据的收集,分析用户实际的分辨率和浏览器可见区域:1.分辨率1)1024×768,1440×900,1366×768,1280×800仍占了绝大多数2)分辨率总类非常多,除上面列出的之外,other里包含了几十种分辨率3)800×600,1024×600等600高度系列的已逐渐推出舞台2.用户可见区域高度具体数据举例:测试用户总数量为261645)1)viewport高度低于等于580的有116786个人,占44.64%2)viewport高度低于等于720的有216227个人,占82.64%3)viewport高度低于等于800的有241420个人,占92.27%4)viewport高度低于等于900的有259174个人,占99.06%C根据B的数据,生成浏览器可见区域的热区图最后结论如下:根据C的热点图,可以看到如果首屏高于600像素会有很多用户看不完整。所以请设计师以600像素高为首屏进行设计。根据C的曲线图和80/20原则,首屏设为710像素可以照顾到80%的用户。所以前端开发可考虑把710像素视为首屏,对首屏的资源进行优先加载。

1 / 3
下载文档,编辑使用

©2015-2020 m.777doc.com 三七文档.

备案号:鲁ICP备2024069028号-1 客服联系 QQ:2149211541

×
保存成功