首屏 – 如何创建用户友好的网站

芬兰电话号码 首屏之上”是一个术语,用于描述用户第一眼就可以看到的网页区域,而无需滚动。就在几年前,尽可能多的信息被塞进了浏览器的可视区域。今天,它不再那么有利了。但为什么?智能手机和平板电脑的使用极大地改变了用户行为。他们滚动更多或已经学会通过滑动来更改屏幕视图。所有这些都导致了对网页设计的重新思考。网站的立即可见区域仍然扮演什么角色还有待观察。答案是:“首屏”对于内容总是很重要的。然而,设计和技术的彻底改革是必要的。作为网站管理员,您不应该在该区域“存储”所有信息,而应尝试吸引访问者的注意力,鼓励他们滚动,并鼓励他们也查看页面的其余部分。

在本文中,我们将为您提供有关如何有效设计水线以上

区域的有用提示。“水线以上”是什么意思? “above the fold”这个词来自印刷行业。报纸在中间折叠起来,放在售货架上或这样陈列。乍一看,只有扉页的上部是可见的。折痕线称为“折痕”。芬兰电话号码 报纸出版商利用这条线上方立即可见的区域通过热门故事、有趣的标题和令人印象深刻的图片来吸引注意力,并吸引人们购买。在网站上,“首屏”区域是用户无需滚动即可立即看到的部分。假设屏幕分辨率为 1366 x 768 像素(稍后将详细介绍屏幕分辨率),您网站的访问者通常会首先看到下图中以红色突出显示的区域。Above_the_fold_image1 图 上没有滚动条时可见的区域可见区域有多大? 2013 年底,Peep Laja 在伦敦与 SearchLove 就引人注目的网页设计的基本原理进行了交谈。他观察到“首屏”内容仍然吸引了近 80% 的用户关注。这并没有改变,尽管用户已经习惯了在网络上滚动。

这就是为什么让用户保持兴趣变得更加困难的原因。

芬兰电话号码

芬兰电话号码 因此,不要用不必要的信息填充“首屏”区域(尤其是对于 Google 和 SEO)。相反,这个区域应该突出页面的好处并向用户解释页面上有什么可以发现。响应式设计“首屏” 由于使用了各种各样的设备,折叠上方的可见区域也发生了变化。由于响应式设计,折叠线出现在网页的不同位置。然后向用户显示的网页区域取决于各种因素。 (例如,屏幕分辨率、用户工具栏宽度以及页面是否最大化)。我们现在应该如何针对这些要求进行设计?没有单一的解决方案。无论如何,请确保最重要的内容位于页面顶部,并且适合大多数用户的需求。由于大多数互联网用户现在都是移动浏览者,因此您的方法应该是“移动优先”,并且您的“首屏”区域应该针对智能手机进行优化。Above_the_fold_Bild2 图 2:网页上的注意力分布 这证明如果你想抓住用户的注意力,网页的顶部(可见区域)总是很重要的。但是,情况发生了变化:用户没有耐心了。

Leave a comment

Your email address will not be published.