当前位置:首页 > 响应式网站建设

派迪网站设计专题之网络而不是富裕的西方网络

2019-12-22

世界各地的许多发展中经济体都异常快速地增长,中产阶级的迅速膨胀增加了可支配收入。让我们研究一下其中一些国家,以及下一个40亿人口将来自何处的国家,以及标准界为更好地为他们服务而做出的一些创新。

莎士比亚的哈姆雷特(Hamlet)在著名的场景中(哈姆雷特(Hamlet)教Horatio成为一名网页设计师)说:“贺拉索(Horatio)在天地上的事物比您的哲学梦中所想的还要多。”

每个小学生都知道,Horatio是一位来自柏林(有时甚至是伦敦或硅谷)的设计师,他拥有一流的MacBook,最新的iPhone和通过最快,最可靠的网络进行无限数据计划。但是,正如哈姆雷特(Hamlet)向他指出的那样,这并不是世界上大多数Web访问者的经验。

世界银行报告采用1.1十亿人在世界各地访问高速互联网; 32亿人可以通过某种方式访问网络;52亿拥有手机;70亿人生活在移动网络的覆盖范围内。

毫不奇怪,许多当前未连接的国家位于印度,中国,印度尼西亚-这些国家是世界上最大的国家。但是(无论出于何种原因)断开联系不仅在发展中经济体中是现实;美国有5100万人没有连接。

当我在富裕的西方国家的会议上讲话时,我经常问人们:“您的下一个客户将来自哪里?”您不知道。在我们真正的全球网络中,您知道。

以Ignighter为例,这是一个由三个美国犹太男孩在美国建立的约会网站,具有针对性的定位模式:与其有一个男孩和一个女孩出去约会,不如让10个男孩和10个女孩一起参加有组织的约会。

Ignighter获得了50,000个注册,但还不足以达到临界数量,因此创始人考虑放弃他们的业务。然后,他们注意到他们每周从印度获得的签约数量与一年来美国的签约数量一样。

也许他们对犹太家庭所期望的团体约会模式确实与印度,新加坡和马来西亚的保守穆斯林,印度教和锡克教徒家庭产生了共鸣,因此他们更名为Stepout,搬到了孟买,成为了印度最大的约会网站。

我敢打赌,如果您在他们设立Ignighter时问他们:“您的印度战略是什么?”,他们会说,“我们没有。我们不在乎。我们还关注于纽约的中产阶级犹太人。”另外,如果Ignighter曾经是iOS应用程序,他们将无法开展业务,因为在亚洲次大陆,iOS的使用率非常低。该产品是由新客户发现的,因为他们是在Web上,无论设备,操作系统或网络条件如何,每个人都可以访问。

您无法预测不可预测的因素,但是,就像任何事情一样,现在我要做出预测:您的许多下一个客户将来自下面圈出的区域,这仅仅是因为该圈子活着的人多于圈外的世界。

亚洲目前有40亿人口(全球72亿)。联合国的预测,到2050年,亚洲人口将达到5十亿。到2050年,非洲人口将增加一倍,达到20亿,到2100年(对我和您来说可能有点晚了),仅非洲人口就将达到50亿。

到2100年,地球人口将稳定在110亿,世界上50%的人口将生活在下面重点介绍的这10个国家中,其中只有一个在我们现在认为的发达西方国家中。

在同一时期,由于出生率下降,西方的人口实际上将减少。因此,在人口不断增长的国家/地区将人们定位为您的下一个客户是很有意义的。

但这不仅仅是人数的问题。许多发展中经济体的发展异常迅速,中产阶级的迅速膨胀增加了可支配收入。现在让我们研究其中一些国家,目前重点关注亚洲。

中国

中国有14亿人口。其经济的国内生产总值(GDP)增长6.6%我不知道您的国家的GDP增长,但我想您的政客们希望拥有6.6%的GDP增长。

在中国,这么多钱易手。相比之下,2014年黑色星期五和网络星期一的总和为29亿美元。同年(11月11日)在中国,92亿美元易手。预计到2019年,中国的电子商务年价值达到1万亿美元

印度尼西亚

印度尼西亚拥有2.58亿人口,GDP增长4.9%。75%的手机用户使用2G或EDGE网络,而所有智能手机用户中有一半表示他们每天都会遇到网络问题这与地理环境息息相关:印度尼西亚由成千上万个岛屿组成。2015年,GBD Indonesia写道

印尼仍主要是2G市场,从那里跃升至4G是一项艰巨的任务,需要对塔和设备进行大量投资。

尽管如此,对于印尼网站BliBli而言,其250万客户中有超过三分之一居住在农村地区印尼是世界社交媒体之都,在Twitter上健谈最多,在Facebook上排名第四。

东南亚是世界上增长最快的互联网市场,印度尼西亚是增长最快的国家。根据Google和Temasec在2016年的估计,到2025年,东南亚的互联网经济将达到2000亿美元,是现在的6.5倍

缅甸

缅甸有5700万人,GDP增长8.1%,主要是由政府的民主改革(或更准确地说,是旨在民主化的改革)推动的。这种增长的原因之一是,五年前,缅甸一张SIM卡的价格为$ 2000去年8月,它的价格跌至1.50美元,这无疑推动了手机的增长。

印度

在我撰写本文时,我正坐在印度喀拉拉邦高知的一家咖啡店里。该国人口13亿,GDP增长7.6%。波士顿咨询集团(Boston Consulting Group)估计,到2018年,互联网用户的数量将从190倍增加到4亿,到2020年,互联网将为印度的GDP贡献2000亿美元。印度(和印度尼西亚)智能手机用户对数据消耗特别敏感。亚太地区36%的智能手机用户屏蔽广告,而三分之二的用户在印度和印度尼西亚。

这些国家有什么共同点?

除了中国(由于现在已经放弃了每个家庭一个孩子的政策)之外,这些国家的人口还很年轻。当然,年轻人总是在智能手机上,寻找Pokemons,自拍照,Instagram喝咖啡:年轻人是精通互联网的人群。

英国广播公司(BBC)去年报道说,新兴经济体中有56%的人首先将自己视为全球公民,而不是国民这在尼日利亚,中国,秘鲁和印度尤为明显。

而且,当然,上网的人们正在使用智能手机。根据麻省理工学院的数据,在中国6.9亿互联网用户中,有6.2亿人通过移动设备上网。

还有一个更深刻的共性。以下是2016年9月美国Opera Mini用户访问的前十大域。(这些数字来自Opera的内部报告工具;直到2016年11月,我还是Opera的首席技术官。现在我与Opera没有任何关系。)

  1. google.co.m
  2. facebook.com
  3. youtube.com
  4. wikipedia.org
  5. yahoo.com
  6. twitter.com
  7. wellhello.com
  8. addthis.com
  9. wordpress.com
  10. apple.com

用于查看这些网站的前十大手机是:

  1. 苹果iPhone
  2. 苹果iPad
  3. 三星Galaxy S Duos 2
  4. 三星Galaxy S3
  5. 三星Galaxy Grand Prime
  6. 三星Galaxy Grand Neo Plus
  7. 三星Galaxy Grand Neo GT
  8. 诺基亚Asha 201
  9. 三星Galaxy Note III
  10. TracFone LG 306G

同期在印尼访问的前十大域名是:

  1. facebook.com
  2. google.com
  3. google.co.id
  4. wordpress.com
  5. youtube.com
  6. blogspot.co.id
  7. wikipedia.org
  8. indosat.com
  9. liputan6.com
  10. xl.co.id

注意共同点–与朋友和家人保持联系;搜索; 视频; 未经审查的新闻和信息(Wikipedia)-以及当地版本。

印度尼西亚排名前十的手机低于美国使用的手机:

  1. 诺基亚X201
  2. 诺基亚Asha 210
  3. 诺基亚C3-00
  4. 通用WAP
  5. 诺基亚Asha 205.1
  6. 三星Galaxy V SM-G313HZ
  7. 诺基亚215
  8. 诺基亚X2-02
  9. 三星GTS5260 Star 2
  10. 诺基亚5130 XpressMusic

上个月在尼日利亚,人们浏览了几乎相同类型的网站,但又有所不同。尼日利亚是足球狂人,因此是Goal.com。

  1. google.com.ng
  2. facebook.com
  3. google.com
  4. naij.com
  5. youtube.com
  6. bbc.com
  7. Opera.com
  8. wikipedia.org
  9. Goal.com
  10. waptrick.com

但是,尼日利亚前十大手机的价格低于印度尼西亚。

  1. 诺基亚Asha 200
  2. 诺基亚Asha 210
  3. 诺基亚X2-01
  4. 诺基亚C3-00
  5. 泰诺P5
  6. 诺基亚Asha 205
  7. 诺基亚Asha 201
  8. 泰诺M3
  9. Infinix Hot Note X551
  10. Infinix Hot 2 X510

这表明在世界各地,无论可支配收入,硬件或网络速度如何,人们都希望消费相同种类的商品和服务。而且,如果您的网站是为整个世界而设计的,而不仅仅是为富裕的西方世界服务,那么下一个40亿人可能会消费您组织生产的东西。

更好的标准,更好的浏览器

在Browserland和Web Standards World(还不是主题公园?但是,它们不是很棒吗?)中,我们正在尝试制定更好的标准和更好的浏览器,以使接下来的40亿人能够更好地使用网络。

让我们快速浏览一下我们正在研究的一些东西。我的目标不是为您提供有关这些技术的教程(很多其他技术都可以在其他地方获得),而是要解释为什么我们开发了这些标准,并表明它们所解决的用例并不只是很好用的代表Horatio和他的西方同事,但他们也满足了世界其他地区的重要需求。

渐进式WEB应用

我们知道最终用户喜欢将应用程序安装到主屏幕,每个应用程序都有其自己的图标,可以用数字让自己挠痒痒。但是本机应用程序只能在单个平台上运行。它们通常只能从围墙的应用商店中购买(向网守支付30%的费用);而且它们经常是繁重的下载。Facebook发现,通过2G连接下载典型的20 MB Android应用程序包(APK)需要30分钟以上的时间,而且下载经常由于网络不稳定而失败。

大多数未安装的应用程序均未使用。据Google称,智能手机用户平均在其设备上拥有36个应用程序。每天使用四分之一,从未使用过四分之一。但是我们知道,新兴市场中的人们使用便宜的电话,而便宜的电话具有更少的存储空间。即使到现在,所有新Android出货量中有25%仅配备512 MB RAM和8 GB存储空间。

世界银行询问了非洲30个国家/地区的人们手机的用途。

毫不奇怪,电话和短信是主要的用例,然后是未接来电。在非洲和亚洲,企业鼓励潜在客户向他们发送“未接来电”,即拨打他们的电话号码然后挂断电话。然后,企业会回拨客户电话,以便联系费用由企业而不是客户承担。

这是我今天在印度高知拍摄的一个例子:

在非洲,手机的第二大流行用途是游戏,音乐和通话时间。(在许多国家/地区,携带现金可能会有一点风险,并且许多人无法使用银行,因此人们通过将通话时间从手机转移到供应商的手机来支付商品和服务的费用。)

然后,您便拥有了照片和视频等。像其他所有人一样,他们不太可能删除家人或他们喜欢的MP3的视频来为您的电子商务应用腾出空间。Birdly在一篇博客文章中解释了您为什么不应该费心创建一个移动应用程序,他说:“我们没有机会,因为我们正在与竞争对手和其他应用程序进行竞争,以在人们的电话中留出更多MB的空间。 ”

如果我们能够通过网络提供本地应用程序的用户体验,那岂不是超级华丽吗?好了,亲爱的读者,现在我们可以了!

渐进式Web应用程序(PWA)允许用户将您的应用程序“安装”到其主屏幕(在支持的设备和浏览器上)。您的PWA可以像本地应用一样以全屏,纵向或横向模式启动。但是,至关重要的是,您的应用程序位于网络上-它完全是网络的一部分,并且像网络一样,它基于逐步增强的原理。

最近,我和前歌剧同事安德里亚斯·博文斯(Andreas Bovens)采访了一个尼日利亚人和一个肯尼亚开发人员,他们开发了一些最早的渐进式Web应用程序。Constance Okoghenun说

尼日利亚人对数据极为敏感。人们从[或通过Xender]第三方加载应用程序和其他内容。有了PWA [...],尼日利亚的开发人员现在无需本地应用程序[...]的下载开销,就可以为其用户提供出色的最新体验。

肯尼亚开发商Eugene Mutai说:

[PWA]可以解决使非洲本地移动应用的日常使用成为挑战的问题;例如,应用程序的大小以及每次更新时需要新下载的内容,等等。

我们看到最好的PWA来自印度,尼日利亚,肯尼亚和印度尼西亚。让我们简要地看一下为什么PWA特别适合新兴经济体。

使用PWA,所有用户下载的都是清单文件,这是带有JSON信息的小型文本文件。您可以从headHTML文档中元素链接到清单文件,而无法理解清单文件的浏览器只会忽略该文件并显示一个正常的网站。这是因为HTML是容错的。这里最重要的一点是,每个人都会有所收获没有人会获得更糟糕的经历

(制作清单文件很容易,而且所需的很多信息可能已经在您head的专有元标记中的元素中了。因此,Stuart Langridge和我写了一个清单生成器:给它一个URL,它将搜寻您的网站并编写清单文件供您下载或复制和粘贴。)

清单仅向浏览器提供安装PWA所需的信息(主屏幕的图标,应用程序的名称以及启动时要访问的URL),因此它很小。实际的应用程序位于您的服务器上。这意味着分发更新没有滞后。通常,用户会收到通知,说他们的本机应用程序的新版本已经发布,但是要等几周之后,他们才能去有免费Wi-Fi的咖啡店安装更新,否则他们可能根本不会下载更新,这是灾难性的如果更新之一纠正了安全漏洞。但是,由于PWA是Web应用程序,因此当您进行更新时,用户下次在其设备上启动该应用程序时,将自动获得最新版本。

至关重要的是,PWA只是Safari,Windows Phone和Opera Mini上的普通网站。没有人被拒之门,这就是为什么它们被称为渐进式 Web应用程序的原因。它们是逐步增强的网站。

FLIPKART LITE

Flipkart是印度的主要电子商务网站(与Amazon竞争)。几年前,他们决定放弃移动网站,将用户重定向到应用商店以下载本机应用。实际麻烦输入网站URL(因此大概在积极购物)的人中只有4%曾下载过该应用程序。由于96%的用户无法下载应用程序,Flipkart撤消了其政策,并用名为Flipkart Lite的渐进式Web应用程序替换了其网站。自发布以来,Flipkart报告说每周回访的访客有40%,来自主屏幕访问的转化次数增加了63%,访问者浏览网站的时间增加了三倍。

Flipkart工程公司的Amar Nagaram在班加罗尔举行的PWA峰会上表达了Flipkart对PWA的承诺,在我的演讲中:

我们希望Flipkart Lite可以在印度每个片状网络的每部手机上使用。

PWA的一大优点是,与其他任何安全网站一样,它可以使用服务人员魔力离线运行这进一步缩小了本机和Web应用之间的差距。Web的脱机体验是(“我不愿意使用”这句话)“范式转换”。到现在为止,当您的Web浏览器与Internet断开连接时,您会收到无聊的“ Sorry”消息。现在,服务人员坐在页面和网络之间,您可以为访问者提供有意义的离线体验。例如,当用户第一次访问您的网站时,您可以将10种最受欢迎产品的图像下载到缓存中,随后进行离线访问时,您可能会说:“很抱歉。您处于离线状态,但是您可以浏览我们的热门产品,然后按“购买”,我们稍后将进行后台同步。”您提供的离线体验显然取决于您的应用程序执行的操作,但是服务人员可以为您提供所需的所有灵活性。

此外,服务人员还会为您提供:

  • 推送通知请不要通过让消费者厌倦通知而对所有人垃圾邮件和污染生态系统!
  • 后台同步这可以允许用户按下按钮进行购买,并且当他们重新联机时,购买过程将自动同步。

当前,Android(Chrome),Microsoft Edge和Android(Opera)支持PWA。(Opera可能在您所处的市场份额中不大,但长期以来一直是发展中国家的重要参与者。)Mozilla表示已在Android的Firefox上实现PWA。iOS的Safari浏览器具有将网站添加到主屏幕的非标准机制,但截至目前尚不支持服务人员。

回顾一下,PWA的优点如下:

  • 在没有应用商店或网守的情况下,浏览器可以在用户访问您的网站时将其添加到主屏幕。
  • 它是可搜索,可索引和可链接的。
  • 它脱机工作。
  • 不支持浏览器的访问者会获得正常的网站;没有人留下。

如果你想看到一些真正的PWA,检查了社区策划网站(本身就是一个PWA)PWA.Rocks

响应式图像

在2011年前后,在我参加的任何会议上,每个人都会告诉我有关响应式图像的问题:我们如何将“视网膜质量”图像(文件大小更大)发送到可以正确显示它们的设备,并将较小的图像发送到非-视网膜设备?当时,我们无法做到;尊敬的img元素只能指向一个源图像,这是唯一可以发送给所有设备的图像。

但是,如果我们想为非Retina设备的消费者节省带宽并节省电池寿命,那么解决此问题至关重要。发送不必要的大图像并要求浏览器使用常规img {max-width:100%}技巧来调整它们的大小需要大量CPU周期,这会导致延迟并耗尽电池。正如Tim Kadlec写道

在具有6x图像的测试页上(目前在许多响应站点上并不罕见),调整大小和解码的组合使显示这10张图像所需的时间增加了278ms(Chrome浏览器)和95.17ms(IE)(也许更多…)。图片。

在世界许多地方,电池寿命是一个相当大的问题。如果您要在拉各斯或内罗毕上下班通勤两个小时,然后又要上下班通勤两个小时,那么您就无法为设备充电,如果您想拨打电话,则需要这样做。

例如,印度的电力供应短缺。根据印度工商会联合会的数据,在2012年(我可以找到的最后一个可靠数据):

三分之一的印度公民,特别是在该国农村地区的印度公民仍然没有权力,而城市人口的6%仍然没有权力。在高峰时段,短缺是9.8%。

电池寿命非常重要,以至于它已成为印度的第二产业。印度最大的手机零售商The Mobile Store的常务董事兼首席执行官Alok Gupta 在2015年10月回忆说

我们的智能手机年销售量中有将近30%捆绑了移动电源。两年前,我们的智能手机年销售额中只有不到1%捆绑了移动电源。

因此,(在会后出现了轻微的会议后宿醉的情况下),在2011年12月写了一篇博客文章,其中有一个稻草人建议使用新的HTML picture元素来解决该问题。我的想法尚未得到充分的思考,并且在最初的化身(无法解决的宿醉)中无法正常工作,但是比我聪明的人-Yoav Weiss(现任Akamai),Bocoup的Mat Marquis,Google的Tab Atkins,MarcosCáceres Opera的Simon Pieters的Mozilla的作者—看到了其中的实用程序,并努力制定了适当的规范。它已实现,现在已在所有现代浏览器(甚至是Safari)中使用。

这里不是谈论HTML响应式图像细节的地方,但是,如果使用它们,您将可以节省大量图像。

去年6月,我在布里斯托(Bristol)谈论了响应式图像,第二天,听众中一位名为Mike Babb的开发人员使用了这些技术,并将其网页缩小了70%这很重要,因为平均网页(页面,不是完整的应用程序或网站)为2.3 MB,其中图像1.6 MB如果可以保存数据,则您的网站会更快。

Mike节省了70%,这70%很重要,因为不是每个人都像我们一样,并且拥有大数据计划。在德国,购买每月500 MB的入门级移动数据计划需要以最低工资工作一个小时。在美国,这需要6个小时,而在巴西,则需要34个小时


如果您images肿的图像吞噬了人们的数据计划,那么您实际上就是在使它们工作更多时间-这是非常不礼貌的。除了不礼貌之外,这也是不好的生意:他们根本不会回到您的网站。(如果您想了解更多有关访问网站的费用,请查看Tim Kadlec的实用程序“我的网站需要多少钱?”

下次更多!

在本文中,我们探讨了未来40亿互联人口的来源,以及标准界为更好地为他们服务而做出的一些创新。在本文的下一部分中,我们将介绍一些需求方面的问题,这些问题使人们无法轻松地访问Web以及如何解决这些问题。

免费获取报价

  • 29923329

  • 杭州市丰庆路498号北软智慧科创大厦203

  • 0571-85815193

  • pady@1t2.cn

网站地图 版权所有 © 2008-2021 杭州派迪科技有限公司  Copyright © 2008-2020  www.hzpady.com  All Rights Reserved    浙ICP备14029905号-1     公安备案:33010802008411    软著登字第3457658号