网页的首屏,你知道多少?
对于一个网站,网站首页是开启用户的第一把钥匙。而首屏内容是吸引用户的关键所在;试想一下用户一打开看到网站首页内容很多,找不到他想要的内容,就会果断离开去寻找其他。所以对于首页的首屏区域,更是重中之重。
1、什么是网站首屏内容?
网站的首屏是指打开网站后,在电脑显示屏中所出现的第一屏内容;需要鼠标向下滚动就在电脑显示屏展示出来就是而屏、三屏了。
首屏内容同时也承载着页面引导性-是否一眼能引起用户直接往下查询。同时网站的首屏直接影响访客转化率,首屏做好了,客户才会进入到下半屏。
2、合理的首屏设计稿标准是怎样?
网站首屏合理的大小--580px*768px
在Window XP常见分辨率1024×768下我们除掉任务栏,浏览器菜单栏以及状态栏后剩下的网页首屏高度平均值是584。
在Window 7常见分辨率1440×900下我们除掉任务栏,浏览器菜单栏以及状态栏后剩下的网页首屏高度平均值是716。
综合分辨率及浏览器下的统计数据
Window XP首屏大小580 px Window 7 首屏大小710 px
图片.png
3、首屏应该放哪些内容呢?
很多时候网站首屏的内容决定着产品的成败。具体要放什么样的内容,你得研究用户的需求,而且要掌握最大的需求,把最大的需求体现在网站的首屏上。同时尽量保证简单干净,过多的内容很容易引起用户反感,失去用户。做好用户引导性。
4、典型案例
百度首屏,百度用户最大的需求就是搜索功能。点击到百度、谷歌搜索第一屏都是搜索
图片.png爱奇艺-最大的功能是最新视频给用户的传递
图片.png--后台界面系统,一目了然的指导系统的信息架构,以及引导用户进行切换。
在界面展示的友好性,后台的首屏内容比较单一,主要展示信息架构;
体验很不好的网站首屏,有些网站会让人觉得是钓鱼网站。
图片.png参考资料:
知乎:https://www.zhihu.com/question/23185173/answer/23848495