打开书带书签

Webwaste

从编辑的注意事项:我们很高兴分享格里·麦戈文的书第九章的节选全球垃圾从银滩来的。

网络是肥胖的#SECTION1

1994年,有3000个网站。2019年,估计有17亿,几乎每三个人就有一个网站。不仅网站数量暴增,每个页面的重量也直线上升。在2003年到2019年间,网页的平均重量从大约100kb增加到大约4mb。

继续下面的条

“在我们对520万个页面的分析中,”Brian Dean在2019年10月为Backlinko报道,“在桌面系统上加载一个页面平均需要10.3秒,在移动设备上则需要27.3秒。”2013年,Radware计算出网页在移动设备上的平均加载时间为4.3秒。

一项又一项的研究表明,人们非常讨厌慢速的网页。2018年,谷歌的研究发现,53%的手机网站访问者会留下一个加载时间超过3秒的页面。Radware的2015年的一项研究发现,“一个网站加载在3秒内减少22%的页面浏览量的经历,跳出率高50%,转化率22%,少于1秒的网站负载,而网站加载在5秒的经验减少35%的页面浏览量,跳出率高105%,并减少38%的转换。”

网页膨胀的原因?图片和视频是罪魁祸首。据估计,到2022年,在线视频将占到所有互联网消费流量的82%以上,是2017年的15倍。然而,从代码到内容,网页设计的一切都变得非常臃肿和污染严重。如果一个典型的4mb的网页被下载了60万次,那么需要种植一棵树来应对由此产生的污染。

他们说一幅画能画出千言万语。1000个单词的文本大约占两个A4(210毫米宽,297毫米长)的页面,重约6 KB。你需要在两张A4纸上放置4张9厘米乘16厘米的图片。假设这些图像经过了很好的优化,每张图像重40kb。(一个优化得不好的图像可能有几兆字节重。)即使进行了如此高的优化,两个A4页面的图片也会有大约160kb的重量。这是两页A4文本的27倍。另一方面,一段30秒的视频可能有3 MB的重量,视频比文字产生的污染要大得多。文本是最终的压缩技术。这是迄今为止最环保的交流方式。 If you want to save the planet, use more text. Think about digital weight.

从一个角度能量来看,它不是简单的页面权重。有些可能有很重的处理需求一旦被下载。其他网页,尤其是那些广告驱动的,将下载有很多第三方网站挂过他们,要么喂养它们的内容,否则要求严格,必须提供的数据,在该网站的访问者往往个人数据。这就像一种特洛伊木马。你以为你访问一个网站或应用,但随后所有这些其他的第三方开始访问你。特伦特沃尔顿,前50大最常用的网站有一个平均的22第三方网站挂了他们。纽约时报有64,而华盛顿邮报有63.所有这些第三方网站造成污染并侵入隐私。

网站上有大量过时的内容。我曾经和数百个网站合作过,我们不得不删除高达90%的页面,以开始看到改进。编写糟糕、代码过时也是一个主要问题。通过清理JavaScript代码,维基百科估计他们每天为访问者节省了4.3兆兆字节的数据带宽。通过挽救这些tb,我们避免了种植近700棵树来应对每年可能造成的污染。

如果你想帮助拯救地球,减少数字的重量。清理你的网站。在添加图像之前,确保它做了一些有用的事情,并且尽可能优化了图像。每次添加代码时,都要确保它做了一些有用的事情,而且是尽可能精简的代码。一定要注意浪费的图像,浪费的代码,浪费的内容。养成每次添加时删除一些内容的习惯。

出版是一种瘾。给一个组织提供一个网站就像给一个酒鬼提供一个酒吧。你还记得“每个人内心都有一本书”这句话吗?嗯,网络让书得以出版。这是快乐的日子,因为我们都出版,出版,出版。然后……

“你好,我叫格里。我有一个5000页的网站“。

“嗨,格里。”

“我曾经有一个500页的网站,但我没有自制力。再多一页,再多一页……再多一页又有什么坏处呢?”

重新设计是对网站的恢复。每隔两三年,就会有一些经理对网站的设计感到厌烦,或者另一些经理遇到客户,客户告诉他们在网站上找东西是多么可怕。设计团队在顶级页面上收集了一堆新的虚假图片和虚假内容,同时小心地避免在较低的页面上出现混乱。在产品发布之后,每个人都会高兴一阵子(当然客户除外),因为在许多组织中,重要的是让别人看到自己在做事情、生产和发布事情,而不是做一些有用的事情。

如果你必须做一些事情,做一些有用的东西。这通常意味着不这样做,消除,减少,清理。

小心细小的任务。我们使用Top Tasks方法来确定什么对人们重要,什么不重要,不管他们是在买汽车,选择大学,照顾自己的健康,购买某种科技产品,还是其他什么。在任何环境中,我们都做过——我们已经做了500多次——可能有潜在影响的事情不超过100件。

在卫生环境中,这些可能包括症状、治疗、预防、费用、等待时间等。购买汽车时,它们可能包括价格、引擎类型、保修、服务成本等。我们在大约40个国家用30种语言进行了Top Tasks调查,有40多万人参与了投票。在每一项调查中,都会出现相同的模式。假设有100个可能的任务。人们被要求就对他们来说最重要的任务进行投票。当结果出来的时候,我们会发现五个任务将获得前25%的选票。50个任务将获得最后25%的选票。排名前五的任务获得的选票与排名后五十的任务一样多。挪威、新西兰、以色列、美国、加拿大、英国、巴西等国家的情况也是如此。

底部50是我所说的小任务。当一个小任务,在夜间进入睡眠状态,它的理想是当一个首要任务。这些微小的任务,真正的废物产生,是非常雄心勃勃的热情。他们将尽一切可能来引人注意,而这样做的最好的方法之一是产生大量的内容,设计,代码。

一旦我们得到了最重要的任务的结果,我们有时会分析组织在每个任务中投入了多少努力。不可避免地,对于客户的任务的重要性和组织为这些任务所付出的努力之间存在着一种反比关系。对客户越重要,做的就越少;对客户来说,它越不重要,做的事情就越多。

小心不要把太多的精力、时间和资源放在一些小任务上。减少小任务是减少页面和特性数量的首要方法。拯救地球。删除小任务。

无用图像的瘟疫#SECTION3

我给在国际上的政府数字大会上发言一次,我请人送我的数字政府工作的很好的例子。一个建议是在我不讲语言网站。当我访问它,我看到你看到这么多的网站那些典型的大图像之一。我心想:我要去尝试和理解基础上的图像这个网站。

大图片上是一位穿着考究的中年妇女一边走在街上一边打电话。我戴上了夏洛克·福尔摩斯帽。嗯……也许和电信有关吧?为什么他们会选择一个女人而不是一个男人,或者一群女人和男人?她结婚了,我从她手指上的戒指推断出来。这说明了什么?那她的年龄呢?为什么她既不年轻也不年长?为什么只有她一个人?问题,问题,但我不是夏洛克·福尔摩斯。 I couldn’t figure out anything useful from this image.

我把页面向下滚动。啊,还有三张图片。第一个是一个家庭度假的卡通形象。嗯……下一个是两个男人和一个女人在一个房间里。其中一个把手放在了什么东西上,但我看不清那是什么东西,因为另外两个把手放在了那只手上。这是一种誓约什么的,也许是一个秘密团体?其中两个在笑,第三个在试着笑。这是什么意思呢?最后一张照片是一个中年男人凝视着镜头,既没有微笑也没有不笑,带着一种有点亲切、若有所思的表情。发生了什么?

我必须承认,在检查了所有的视觉证据后,我完全不知道这个政府网站是关于什么的。所以,我翻译了它。它是关于政府雇员的就业条件和法律地位的。为什么我没有从图像中推导出来呢?

网络充斥着无用的图片,造成了大量的污染。这些老套的图片传达的信息绝对没有任何价值、兴趣或用途。它们是最糟糕的数字污染和浪费形式之一,因为它们会导致页面膨胀,使页面下载速度变慢,同时还会产生完全不必要的污染。它们会占用页面空间,迫使人们看不到更多有用的内容,让人们毫无理由地滚动页面。

埃培智是一个非常大的全球性广告公司。正如他们强调他们是如何“创意”都是广告公司,这意味着他们喜欢巨大的,毫无意义的,快乐的,拍拍女污染图像。当我测试他们的网页,它发出的近8克CO,因为它下载,将在埃培网站污染最严重的10%,根据网站的碳计算器。(为了比较,谷歌主页发射0.23克。)在它的主页的一个单一图像称重3.2 MB。该图像很容易被小10倍,同时失去没有在视觉上的吸引力。埃培网站就像是一个肮脏的,生锈的25岁的柴油车,嗳气烟雾,因为它trundles下来的网页。

而不是优化图片,以便他们下载更快,相反的情况经常发生。高分辨率的图像是环境的主要代价。例如,如果从4K分辨率的图像移动到8K分辨率的图像,文件大小不会增加一倍,而是增加了三倍。例如,我保存了一个4K的映像,它是6.9 MB, 8K时是18 MB。

数字“进步”和“创新”往往意味着对环境产生越来越大的压力。一切都多。一切都是较高的。一切都更快。一切都在成倍更苛刻的环境。数字是贪婪的能源和越长它得到的贪婪。我们需要的是减少环境压力,减少数字足迹数字创新。我们需要谁想想他们尽一切设计决定的权重数字设计师。

我们必须从尝试使用对环境损害最小的选择开始,这就是文本。不要想当然地认为图像比文本功能更强大。有时候,发短信会更好。

  • 在与一家保险公司进行的测试中,研究人员发现,与只使用文字相比,使用人脸图像的退休产品促销被认为不那么准确。
  • 英国政府发起了一项让人们注册成为潜在器官捐赠者的倡议,测试了八种方法。使用图像的方法效果最差。文本效果最好。

“喂?”

“你好。那是无用图像部吗?”

“是的。”

“我们有这样的联系表格,我们需要一个无用的形象吧。”

“怎么样家庭的春天花场嬉戏的蝴蝶在后台跳舞?”

“完美。”

的确,在很多情况下,图片是真正有用的,特别是当它帮助人们更好地了解一个产品是如何工作或外观的时候。以Airbnb为例,它发现自己的增长只是在投资获得出租房屋的高质量图片之后才开始加速。

如果你需要使用图片,优化它们,考虑使用真实的人做真实的事情的真实的图片。

人们常说一幅画可以描绘出千言万语,但有时却是千言万语的废话。

关于作者

格里麦戈文

格里麦戈文发表了关于在网络世界中,需要以客户为中心的五本书。他的最后一本书,陌生人的长颈,帮助你识别和衡量最重要的任务。他曾是一名摇滚记者,采访过卢·里德(Lou Reed)和尼克·凯夫(Nick Cave)等人。他的每周通讯最近入围了Webby的名单。

没有评论

有什么要说的吗?

我们已经关闭了评论,但是你可以看到在我们这样做之前人们都说了些什么。

更多来自ALA

连接这些点

在从创意文化的摘录,贾斯汀的Dauer走在我们通过多种方式,其中组织的文化和设计工作,它并发挥彼此的关闭。