这个看天气上线的网站,把节约做到了极致 - 优设-UISDC

这个看天气上线的网站,把节约做到了极致

2018/10/15 14126评论区

互联网是一个需求不断增多的体系:需要更多的参与、更多广告,更多内容、更多代码、更多服务器和更多设备。最近几年,网站的规模也开始以指数级增长,统计表明,39%的美国年轻人表示,他们每天几乎会不停地上网。现如今,每个美国家庭都拥有超过10个可以接入互联网的设备,每个设备都有不低的能源消耗。根据预测,到2025年,互联网将会占据全球能源消耗的20%。

上个月,Low-Tech Magazine 悄然改版,重新上线的网站发生了巨大的改变。作为和能源、技术都紧密关联的新闻业的一员,Low-Tech Magazine 在节能这件事上,几乎做到了极致。

如今互联网上的主流网站采用了的大量动效,丰富的多媒体「重内容」,后台的数据库中的所有内容都是实时可检索的,服务器常常托管在专业的数据中心。可是 Low-Tech Magazine 的网站则不同,网站采用的是静态的文档,内容存储在自托管的服务器上。

这一服务器就在创始人 Kris De Decker 家的阳台上,供电则是一个小型光伏阵列,网站可以在阳光充足的时候保持网站在线。如果超过2天都是阴天的话,Low-Tech 的网站可能就得离线了。网站上会显示当前服务器的剩余电量和当前天气。

没有广告弹出框,图片素材也同样被压缩到极致。网站LOGO 并没有经过设计,直接使用的是 unicode 的文本字符,显示的字体直接是你的浏览器的默认字体,这意味着你的电脑不需要像访问 New Yorker 的网站那样,发出请求查询服务器,再下载一个专用的 web字体。简而言之,它在改版之后,整个网站的平均页面大小比之前小了5倍。

Low-Tech Magazine 的做法并不是简单的将网站风格切换为更加复古更加90年代的粗野主义风格,它从头到尾都在和如今的设计观和价值观背道而驰,它更像是在不停提醒我们,如今我们的互联网有多重——每个人,从用户到设计师、开发者、编辑都为如今的互联网贡献了无与伦比的内容和价值。

「在过去,我们只有在坐到巨大的台式电脑面前,拨号连上网络,打开浏览器之后,才算是上线了,」De Decker 说道:「但是现在这种限制已经消失了,从睁开眼的那一刻开始,直到深夜沉沉睡去,我们一直在线。」

你有没有想过,当你躺在床上用 Instagram 刷出一张图片的时候,要消耗多少能量?当你看到 Low-Tech 的新版网站的时候,或许会在看到电池图标的时候,想到这个问题。

新版的 Low-Tech Magazine 是由艺术家 Roel Roscam Abbing 和 设计师 Marie Otsuka 合作完成,两人在这个项目上已经是第二次合作了。

Lanren Traugott-Campbell 在 RISD 期间获得了一笔资金,遂同 De Decker 一起为杂志开发这个低能耗平台和内容管理系统。设计 Otsuka 现在已经毕业并且正式成为了一名字体设计师。在设计这个网站的时候, Otsuka 希望通过这个网站来体现网站本身硬件上的基础设施的特点。

「这种方式对于 Low-Tech 而言是非常真实而具体的,我认为除了网站的前端和后端之外的部分也很有必要了解。」她解释道:「设计的目的其实是为了展现这种关系,让网站的基础设施也成为网站呈现的一个组成部分。」

比如网站采用了抖动显示的方式来呈现网站上的图片,这种方式让被高度压缩之后的图片在视觉上拥有更多的色彩,它在20世纪90年代流行过。

抖动显示让图片更小,占用更少的资源,尺寸压缩到以前的十分之一,但是这并不是唯一的原因。图片质量上的变化,让人更加清晰的感知到这种被压缩的效果。「我们想借助压缩这种行为,让用户重新思考节能,当我们在网络上浏览信息的时候,很少会想到这个问题。」Otsuka 解释到。

而网站页面上的电池图标,同样是在这样的逻辑下诞生的。「这是新版设计中最具争议的部分,很多人真的很讨厌它,」De Decker 解释道:「但是我们依然会坚持下去的,这种方式让用户感知到能源的消耗。」

目前,整个网站的硬件设施稳定地运行着,按照当地的天气情况,大概一年会有35天会离线,换句话说平均每天有10%的时候是彻底没电的。事实上,如果增加几台服务器这个问题就可以解决了,但是他们压根没有这个打算,负责设计这套硬件的荷兰艺术家 Roel Roscam Abbing 对于大家的回应很简单:让老天爷来决定。

「我们知道在全世界范围内多弄几台服务器,这个事儿就解决了,毕竟这里没有阳光别的地方有,借助巧妙的路由设计,就可以实现始终不掉线。」他回应道:「就我们目前的服务器而言,使用廉价的节能计算机和小型的太阳能电池板,就能实现90%的时间都正常运行,这正好。然而要再提高,我们就将要消耗更多的资源,太阳能电池板和电池容量都要提高一到三倍,更不用说在世界其他地方运行一套用来辅助的系统,所消耗的人力资源了。如果想要持续的工作,我们需要改变工作方式,改变态度,甚至要挑战如今大家都认可所谓的常识。」

Otsuka 还援引了 Jevons悖论,这个经济学理论指的是,如果想要让特定的资源变得运作更有效率,最终的结果并不会减少使用,相反你得用得更多才行——因为需求增加了。这和如今的大规模工业生产降低平均生产成本是一个道理。换句话说,这个设计项目本身,不变并不是提升效率,而是要降低能耗,节能。正如同 Roscam Abbing 在网站的开源指南中所说的:「这并不是为了能用同样的方式做更多的事情,而是为了用更少的东西做同样的事情。」

Low-Tech Magazine 这个改版项目,真正令人惊艳的另一个地方,就是它减少了资源消耗,节省了成本,并且近乎完美的还原了应有的阅读体验,每个页面的下载速度提升了10倍,并没有使用更多的信息和内容来填满用户的眼睛。这种节约的思路确实在改变用户的行为,让我们更加理智的消费信息。它所构建的互联网体验和以往截然不同:它并不吸引用户去点击,而是让用户在有需求的时候获取信息。

优设大课堂

非特殊说明,本文版权归原作者所有,转载请注明出处
本文地址:https://www.uisdc.com/future-web-design-is-less

发表评论 加载中....

评论加载中....

uisdc

评论区都快饿瘪了,看看我期盼的小眼神...

sketch 优设大课堂 转场动效 设计师 扁平化设计 交互设计师 界面设计 排版布局 职场 平面设计 设计师专访 素材下载 视觉设计 配色 设计流程 web前端开发 AI教程 用户体验设计 设计理论 海报设计 神器下载 字体下载 设计趋势 设计规范 psd下载 动效设计 图标设计 产品设计 logo设计 ICON 神器推荐 职场规划 App设计 字体设计 酷站推荐 交互设计 ui设计 设计师职场 优秀网页设计 用户体验 ps技巧 酷站 PS教程 网页设计 经验分享
wechat

优设官方微信

50万设计师关注

微信号:youshege

把好文章收藏到微信

打开微信,扫码分享
学设计 优设网 在这里