web设计首屏高度问题

作者: 何帅 分类: 产品设计 发布时间: 2012-12-13 22:29 ė4,279 浏览数 6评论关闭

很多人在做web设计的时候都知道首屏的重要性,但是往往忽略一个重要的问题。那就是首屏高度问题。

一个具有友好用户体验的web首屏高度应该是多少呢?

分析下常见的分辨率及浏览器下的高度数据如下:

在window XP常见分辨率1024×768下我们除掉任务栏,浏览器菜单栏以及状态栏后剩下的网页首屏高度平均值是584。

Win7下是574。在window XP常见分辨率1440×900下我们除掉任务栏,浏览器菜单栏以及状态栏后剩下的网页首屏高度平均值是716。Win7下是706。

综合上面表中个分辨率及浏览器下的统计数据,我们很容易画出两条首屏线,分别是580PX和710PX,对应不同的分辨率。

再来看下不同分辨率用户的占比情况:

通过对大于30W台客户端用户进行测试,得到的测试数据如下:

首屏高度低于等于 580 的有 116786 个人,占 44.64%;
首屏高度低于等于 720 的有 216227 个人,占 82.64%;
首屏高度低于等于 800 的有 241420 个人,占 92.27%;
首屏高度低于等于 900 的有 259174 个人,占 99.06%;
即当首屏高度大于580时有44.64的人看不到;大于720时有82.64%的人看不到;
大于800时有92.27%的人看不到。

总结起来就是注意首屏高度。
建议将最主要的信息显示在580PX高度的范围以内 让用户打开网页第一屏就可以直接看到不用向下滚动

本文出自 何帅,转载时请注明出处及相应链接。

本文永久链接: http://www.heshuai.net/44.html

< class="related_post_title">相关文章

Ɣ回顶部