如何你的网页应该是什么?(should your web page be?)

传统观点认为,你不应该让任何一页的长度超过一屏文字,因为读者不喜欢向下滚动。事实上,甚至有一个词用来指折叠下面第一个屏幕之外的内容。一些设计师认为,对于大多数读者来说,低于该范围的内容可能并不存在。然而,这种观点只是表达了一种偏好,而不是网页设计的事实或最佳实践。...

传统观点认为,你不应该让任何一页的长度超过一屏文字,因为读者不喜欢向下滚动。事实上,甚至有一个词用来指折叠下面第一个屏幕之外的内容。一些设计师认为,对于大多数读者来说,低于该范围的内容可能并不存在。然而,这种观点只是表达了一种偏好,而不是网页设计的事实或最佳实践。

Woman scrolling a web page on a tablet

滚动并不是隐藏信息的唯一方式

反对写长页的最常见的理由是读者可能根本看不到它。但将这些信息放到另一个页面上会更有效地隐藏起来。多页文章在第一页之后每页都会下降50%左右。换言之,如果100人点击了一篇文章的第一页,50人进入第二页,25人进入第三页,10人进入第四页,依此类推。事实上,在第二页之后,阅读量的下降要严重得多(大约85%的原始读者从未读到文章的第三页)。

当一个页面很长时,在其浏览器的右侧有一个滚动条形式的视觉提示。大多数web浏览器都会更改内部滚动条的长度,以指示文档的长度以及剩余的滚动长度。虽然大多数读者不会有意识地看到这一点,但它提供了信息,让他们知道页面上的内容比他们立即看到的要多。但是,当您创建短页面和后续页面的链接时,没有视觉信息可以告诉他们文章的长度。事实上,期望你的读者点击链接就是让他们相信你真的会在下一页提供更多他们会重视的信息。当所有内容都在一个页面上时,他们可以扫描整个页面,并找到感兴趣的部分。

有些东西会阻止滚动

如果你有一个很长的网页,你希望人们滚动浏览,避免滚动拦截器。这些是网页的视觉元素,表示网页内容已结束。这些因素包括:

  • 水平线
  • 文本链接行
  • 短而宽的图形(尤其是468x60-a标准广告单元大小左右的图形)
  • 导航图标或社交媒体链接

基本上,在内容区域的整个宽度上作为水平线的任何内容都可以作为滚动块,包括图像或多媒体。

那么一个网页应该有多长呢?

最终,这取决于你的听众。孩子们的注意力没有成年人长,而且有些话题在较长的时间段内效果更好。但一个好的经验法则是:任何文章都不应该超过两页双倍行距的12点文本。

这将是一个很长的网页。但如果内容值得,那么将所有内容放在一个页面上比强迫读者点击后续页面更好。

  • 发表于 2021-09-04 22:07
  • 阅读 ( 83 )
  • 分类:IT

你可能感兴趣的文章

css3基本属性备忘单

... 在你学会了如何用HTML构建静态网页之后,是时候去发现如何用CSS来设计它们的样式并使它们看起来更漂亮了。下面我们的CSS3属性备忘表可以帮助您做到这一点!它涵盖了CSS3中您需要...

  • 发布于 2021-03-19 04:34
  • 阅读 ( 293 )

你如何找到将广告注入网页的chrome扩展?

...rg(超级用户)提供。 问题 超级用户读者giorgio79想知道如何找到将不需要的广告注入其浏览体验的Chrome扩展: I use Google Chrome and recently noticed random ads showing up, either embedded in web page content or by redirection. When I click on a link, an ad pag...

  • 发布于 2021-04-10 22:17
  • 阅读 ( 193 )

房东可以访问个人网络,因为他们控制上游连接?

...你房东的路由器和电缆调制解调器,他们是否有可能破坏你的路由器并进入你的个人网络?今天的超级用户问答帖子为忧心忡忡的读者提供了答案和一些好建议。 今天的问答环节是由SuperUser提供的,SuperUser是Stack Exchange的一个分...

  • 发布于 2021-04-11 02:54
  • 阅读 ( 267 )

网站如何记住你对它的偏好(以及关于cookies的选择)?

网站如何记住你对它们的偏好(或者不想要),以及cookies本身的敏感主题呢?今天的超级用户问答旨在为困惑的读者解释cookies的工作原理和它们存储的信息。 今天的问答环节是由SuperUser提供的,SuperUser是Stack Exchange的一个分支...

  • 发布于 2021-04-11 07:03
  • 阅读 ( 213 )

为什么最小化的程序常常又很慢地打开?

...,但有时最大化它甚至需要比重新启动它更长的时间。有什么好处? 今天的问答环节是由SuperUser提供的,SuperUser是Stack Exchange的一个分支,是一个由社区驱动的问答网站分组。 问题 超级用户读者Bart想知道他为什么不通过应用...

  • 发布于 2021-04-11 14:56
  • 阅读 ( 204 )

适用于你的新安卓手机或平板电脑的12款最佳应用

...*。但是怎么处理呢?首先,你要下载Facebook和Instagram,把你的Google设置搞定。那就去找《愤怒的小鸟》《星球大战》和《神殿快跑》,当然。但是当你想把事情做完的时候呢?或者当你发现你讨厌默认的安卓键盘和浏览器时?或...

  • 发布于 2021-04-24 21:57
  • 阅读 ( 204 )

文字出版社(wordpress)和内容管理系统(drupal)的区别

...panel, to how your page is arranged, and even beyond. 从长远来看,当你的目标是尽可能快地创建一个页面时,无论是博客还是小型网站,WordPress都是你的选择。除了创建应该进入页面的内容之外,您几乎不需要做什么工作。但是,如果您希...

  • 发布于 2021-06-22 11:39
  • 阅读 ( 224 )

今日剩余:cloudapp更新下拉视图

...placed with MyPlate. The USDA will use MyPlate to better represent how you should portion your food: Half of your plate should be fruits and vegetables, dairy should be 1% or fat-free, and keep an eye on your sodium intake. [Geekosystem]

  • 发布于 2021-07-24 11:55
  • 阅读 ( 189 )

如何创建网站第二部分:样式和css

在我们关于如何创建网站的夜校系列的第一部分中,我们学习了一些关于网页的基本知识:HTML。在今天的课程中,我们将开始使用样式和CSS将衣服放到我们的网站上。上面的视频将引导您了解将样式应用于HTML文档中元素的三种...

  • 发布于 2021-07-24 23:08
  • 阅读 ( 293 )

2010年2月最受欢迎的帖子

...我们重点介绍了10个你应该知道的Google设置,详细介绍了如何建立一个全自动的媒体中心,阻止googlebuzz向全世界展示你的联系人和乱七八糟的收件箱,还有更多。我们来回顾一下。Top 10 Google Settings You Should Know About As the outcry over...

  • 发布于 2021-07-27 15:24
  • 阅读 ( 232 )
lp565200
lp565200

0 篇文章

相关推荐