仅仅因为我觉得这很有趣,所以今天早上我在推特上分享了它
访问 CSS-Tricks 的 95% 流量拥有大于 1024×768 的屏幕分辨率。
我得到了各种各样的回应,比如:这个统计数据太有偏差了!
我自己的网站上的统计数据怎么会偏差呢?
好吧,我知道他们的意思,他们的意思是,这个 95% 的数字不能代表大多数网站,它只代表 CSS-Tricks 的访问者。 所以人们不应该脱离上下文引用这个数字,或者用它来为其他网站的设计决策提供信息。
但这突出了一个有趣的观点。 谁关心互联网用户屏幕尺寸的全球平均值? 唯一重要的统计数据是您自己的统计数据。 除非您是从头开始一个新项目,并且需要一个基线,在这种情况下,我认为您最好找到一个相关的网站,并礼貌地询问他们的数字,而不是使用全球平均值。
话虽如此,我不确定这个特定的统计数据是否会影响我的设计决策。 当我 琢磨 重设计时,我计划支持所有大小的屏幕。
现在常用的智能手机的分辨率是多少?
Galaxy S 手机上的 4 英寸屏幕在横屏模式下为 800×480。 iPhone 4 的分辨率略高,为 960×640。 我认为 800×480 似乎是更默认的比例。
在开始设计过程时,这始终是我感到压力的一件事。 我通常最终会选择之前用过的某个分辨率来进行我的初始 GIMP 模型,然后随着时间的推移,它就会一直保持下去。 现在,960px 宽似乎是一个非常常见的布局尺寸,但判断它是否适合我的设计可能会让人头疼。
这是一个很好的话题可以讨论。 我很感兴趣地阅读其他人对评论开始涌入的想法。
谢谢!
也适用于浏览器支持。 许多网页开发纯粹主义者如果你不支持 IE6 就会生气。
但您的目标受众是谁? 我很多网站的 IE6 访问量不到 1%。
在 LinkedIn 上的一个小组中,关于同一个主题正在进行着相当好的讨论。 仍然让我惊讶的是,有多少人仍然觉得他们需要为 IE6 编码,而实际上并不需要。
现在几乎不存在对 IE6 的支持。 我认为在设计中支持 IE6 的唯一需求是针对仍然有很多办公室人员在终端或旧电脑上使用 IE6 的企业网站,因为他们不想花费资金升级他们的网络。
我深度参与的一个网站在过去 30 天中约有 4% 的总流量来自 IE6 用户。 今年大约也是这样。
抱歉,Michael,我认为你对 IE6 错了。 我和其他人一样清楚 IE6 有多老、多糟糕、多令人头疼(并且多年来一直在与它作斗争)。 但是,对 IE6 的支持问题应该根据具体情况进行处理。 我工作的公司每月获得超过 100,000 次点击量,其中约 3-4% 来自 IE6 用户。 这听起来不多,但这相当于 3-4,000 个可以与我的公司交易的访客。 我们依靠转化率生存,因此花时间确保网站在 IE6 中正常运行是值得的。 我可以向您保证,信用卡不会在意您使用的是什么浏览器。 因此,仅仅因为您不想支持旧浏览器而排除付费客户是愚蠢的。
支持 IE6 并不像大多数人认为的那样困难。 只要记住一些常见的错误,您就可以编写代码来完全避免它们(无需使用仅限 IE 的样式表)。 只需花更多时间学习如何预防问题,而不是试图影响大众,您就会没事的。 :)
Tommy——我完全同意您的观点。 我认为我在开发期间没有更多地阐述我对支持 IE6 的观点。 它应该根据访问量、人口统计等因素逐个网站地处理……我只是说,我认为开发人员不需要从一开始就考虑 IE6 来编写代码,因为很多人仍然认为他们需要从一开始就在代码中加入所有 IE 错误修复。
如果您编写语义代码,那么让网站在 IE6 中正确渲染就不应该有太大问题。 基本上您所说的,正是我试图实践的(也是其他人应该开始考虑实践的)。 但是您表达得比我更优雅。 :-)
绝对是一个有趣的话题可以讨论。 我同意你的观点,你只需要担心你的目标受众。 为什么浪费时间为少数人编码,而你应该将时间花在为多数人发布内容上。
在决定网站设计宽度时要记住的一个因素是,有些人会打开侧边导航栏,从而减少了查看网页的空间。 另一个因素是,有些人不喜欢使用整个屏幕来查看他们的浏览器。 我将我的网页缩小到 950px。 我相信,通过将左右阅读动作保持在舒适的宽度,类似于印刷杂志,网页上的阅读体验会得到提升。
同意这一点。
对于某些网站,您可以随意设置宽度,但如果要阅读大量文本,那么“较窄”的网站往往是最好的。
想象一下,如果这些评论框有 1200px 宽……阅读起来会是一场噩梦。
这就是为什么即使大多数人拥有更高的分辨率和更大的屏幕,许多网站也没有必要扩展到这个空间。 同时,拥有这个空间来工作并知道它可以被大多数人查看是有用的。 如果你有一个页面以图像/展示为主,那么它可能有用,可以占用 1200px 或更多空间用于显示,并且对于你几乎所有的访客来说都可以很好地工作。
目前,我正在逐渐设计我自己的博客,主要内容/文本区域为 600px,感觉刚刚好。 考虑到空白(我将采用极简风格),总宽度约为 900px。
我同意 Diane 和 al 的观点。 这些大型显示器就像来自巨型咖啡桌书的版面,在其中你会发现大型照片和多列文本。
将“愚弄”替换为“为……设计”,艾伯对此有一个强烈的观点 = )
“你可以在一些时间里愚弄所有人,也可以在所有时间里愚弄一些人,但你不能在所有时间里愚弄所有人。”——亚伯拉罕·林肯
你应该对你的尺寸感到满意,每个人都适应自己的风格,并根据自己的能力使用他们拥有的东西。 大的屏幕尺寸不是扩展!
哈哈,好话题
我阅读的关于响应式设计的越多,我就越想知道,这些统计数据以及它们引发的讨论是否很快就会成为过去。
这篇文章提到了一个我一直很感兴趣的话题:你什么时候停止支持某个功能? 只有 5% 的用户使用 IE6 是一个相当直接的答案,但是,如果这个比例是 7% 呢? 是否有一个良好基准来确定支持哪些比例的用户,不支持哪些比例的用户?
我认为这取决于网站。
如果您是一家销售产品的知名企业,那么有必要支持尽可能多的浏览器和用户,因为他们都是潜在客户。
如果您的网站是一个关于某个模糊主题的个人博客,并且您发现只有少数用户使用与您的网站或某些功能不兼容的浏览器,那么您就不值得花太多精力。
IE6 是一个典型的例子。 我认为它已经接近消亡(那些顽固的公司环境除外),所以如果您不迎合这类用户,我建议您甚至不要考虑它。 对于其他任何东西……如果是我,我会在某个“功能/用户类型/浏览器类型”跌至 10-15% 以下时停止担心。 如果其他 85-90% 的用户可以舒适地查看我的作品,那么它对我来说就足够好了。
我倾向于将我的所有网站都设置为 960px 宽,除非我知道我的目标受众需要更小的尺寸,或者可以在不滚动的情况下查看更大的尺寸
我在运营的一个网站上也注意到了类似的情况。 它比较新,我的数据量很小(仍然是数百名访客),但只有不到 2% 的人使用 1024×768,只有不到 2% 的人使用更小的尺寸(显然是移动浏览)。
此外,我还没有遇到过任何 IE6 访客,并且不再为此进行任何编码。
我一直使用 960px 网格进行构建。如果用户使用更小的分辨率,他们很可能在接下来的几个月或几年内改变。这对大多数普通网站来说是可行的。显然,一些有特殊需求的网站需要专门定制。
我不确定你能问哪个网站他们的统计数据?这似乎是一个大多数人不会配合的要求。
大多数网页设计师使用更大的屏幕尺寸。由于这个网站是关于网页设计的,并且主要由设计师访问,因此 95% 的用户使用更大的分辨率也就不足为奇了。好吧...... 我属于剩下的 5%。我爱我的迷你笔记本电脑 =)
Chris,你的统计数据是捕获屏幕尺寸还是浏览器窗口区域尺寸?
我更想知道我的页面有多少可用区域。屏幕分辨率的平均页面区域会很有趣,例如 1024×768 屏幕的平均浏览器窗口区域是多少?
好问题,我也有同样的疑问。
我今天设置了一个脚本来开始捕获这些信息。Google Analytics 提供的是屏幕尺寸,而不是浏览器窗口尺寸,我绝对同意了解平均浏览器尺寸更有趣。我会尝试捕获屏幕尺寸和宽度,以便进行比较。
好吧,我完全同意你的观点,Chris。我的网站(还很新)统计数据显示,超过 90% 的访客使用 Firefox 和 Chrome。这鼓励我完全放弃对 IE <= 7 的支持,也永远不会考虑 IE。如果你使用 IE <= 7 访问,你会被重定向到浏览器不兼容页面。对于任何网站来说,统计数据应该是决策的主要依据。
我喜欢 960px 的宽度,但自从 iPhone 出现后,我也开始关注小屏幕。但我明白你的意思。我为酷人设计,所以如果他们使用垃圾屏幕尺寸,那就和 IE 6 一样——他们很烂 :)
好吧,即使屏幕分辨率提供了一些见解,但你仍然需要牢记一件事。有些人不会最大化他们的浏览器窗口。我总是将我的浏览器窗口保持在屏幕分辨率的四分之三左右(宽度)。
我佩服你在不断重新设计方面的雄心和创造力,但我看到这个设计被淘汰会很伤心。
屏幕分辨率不是浏览器窗口尺寸的有用指标。
我的分辨率是 1980×1200,但我浏览器视窗大小 95% 的时间大约是 980x800px,我认为许多拥有大显示器的人不会以全屏浏览......
是的,我也是这样。我现在在家和公司都使用 1920 x 1080 的显示器,而且我的 Chrome 窗口从来没有最大化。它大约占可用宽度的五分之三。没有哪个网站在 1920 分辨率下看起来很好。看来我们许多人需要做一些功课,使我们的网站更“响应式”。
我不同意,有很多网站利用了额外的空间。你只需要发挥创意。看看 http://herbalessences.com/en-US/hair-care。我并不是说它是一个很棒的网站,他们只是在管理空间方面做得很好。另外,如果 Chrome 像 FireFox 一样可以轻松最大化到全屏,我大多数时候会以全屏模式查看。
我认为统计数据真的很重要,如果你仔细观察它,你可以创造出既美观又对访问你网站的大多数用户有用。继续努力,干得好。
你的逻辑存在一个重大缺陷。如果你的网站不支持特定的浏览器/配置,那么使用该浏览器/配置的用户将接近零。但可能会有很多使用该浏览器/配置的用户想要使用你的网站,但由于你的设计而无法使用。
换句话说,你的统计数据可能反映了你的设计选择,而不是你潜在用户的特征。
好吧,CSS-Tricks 是响应式的,所以 Chris 并没有歧视任何窗口尺寸。
“你最好找到一个相关的网站,礼貌地询问他们的数据,而不是使用全球平均值。”
我不知道你向陌生人或潜在竞争对手索要他们的分析数据会得到什么,虽然我同意全球(甚至全国)统计数据并不那么有用。
我认为市场上存在着差距——可以根据网站类型进行过滤的公开统计数据。gs.statcounter 的任何人都在听吗?
关于 Nathan B 的评论,我也看了你的调整。
顺便说一下,我更喜欢旧的设计和调整后的设计,而不是当前的设计,但 (a) 我不是设计师,(b) 像往常一样,是内容一直吸引着我回来。
al 似乎患有标准的网页设计师脑病。我看到其他人说大多数拥有大屏幕的人不会以全屏浏览。我可以理解,也许很多人不会这样做,因为这样做几乎没有好处,通常比任何事情都更令人恼火。别提 1024×768 了,大多数网站似乎都假设每个人仍然使用 640×480,因为 600px 宽度限制如此普遍。我敢说打破 80 列障碍比打破这该死的 600px 障碍更容易。我的屏幕有 2560px 宽。已经这样六年了。然而,大多数网站仍然坚持使用不到四分之一的空间!我买大显示器不是为了盯着狭窄的一条文本!
al 关于 1200px 难以阅读的评论毫无道理。首先,这些评论框看起来大约有 1200px,因为它们实际上能够占据屏幕宽度的一半。导致文本难以阅读的不是宽屏幕,而是缺乏自动换行。如果网站能够根据窗口宽度自动调整宽度,那么我就不会需要滚动这么多。滚动越少,浪费的时间就越少,当我想要回顾内容时,更容易在页面早期找到它。如果有人真的想要报纸风格,他们可以通过缩小浏览器窗口来实现,前提是网站能够正确地对文本进行自动换行。对于我们这些已经习惯用大页面阅读真实书籍的人来说,我们可以让窗口保持大尺寸,并阅读正常的布局。
我丢失了截图,否则我会把它链接进来,作为狭窄列的错误示例。一些博客使用一种评论系统,它将回复插入到原始评论下方的一个框中。对回复的回复会再插入一层。这对测试布局的人来说可能看起来不错,但它无法扩展到实际的真实世界示例中。我遇到过一个博客,它的宽度大约是 400px(针对手机?),并且使用了这种类型的评论系统。你不需要深入评论区太多,就会发现一个包含一小段文本的框,每行只有一个字。只需要连续回复六次就能达到这种丑陋的程度。除了那些负责 PocketIE 的傻瓜之外,还有人认为每行一个字很容易阅读吗?
al,
我
认为
你
可能
喜欢
以
这种
方式
阅读。
它
应该
更
容易
因为
你
它
更
窄。
越
窄
越好
对
吧?
嘿,
有人
知道
段落
断行
在哪里
对
吗?
不知道?
甚至
可以
你
找到
一个
在哪里
句子
结束
并
下一个
对
开始
的地方
我
吗?
断行
别
对
担心
其他
你
那些
不幸
的
家伙
以
这种
试图
这样
做
了,
方式
但我
只是
它
我
打字
很
对
难
其他
对
因为
我
但我
看
不见
句子的
更
开头。
这
就是
书籍
如果
由
网页