响应式网页设计不是未来

在2000年，FWA(一个很受欢迎的网站奖项计划)把他们最负盛名的年度网站奖颁给了新媒体，如下图所示。访问网站了解我将要讨论的内容，但是请把你的扬声器或耳机关掉，因为它有背景音乐。以今天的标准来看，新媒体网站是一个简单的Flash网站，但在Flash还是一种创新的网络技术时，它是最先进的。

现在，13年过去了，随着HTML5和CSS3标准的能力，Flash正在走向灭绝，至少在现代网页设计和开发的意义上。甚至Flash技术的所有者Adobe也决定停止开发这个无处不在的富媒体平台的移动版本。这和什么有关系响应式网页设计(RWD) ?

好吧,响应式网页设计自2010年通过一篇名为“响应式网页设计发表在《A List Apart》上。如今这种设计理念的流行程度堪比21世纪初的Flash网站。让我声明一下，Flash是一种技术，而响应式网页设计是一种与设备无关的设计哲学，所以这不是一个直接的苹果对苹果的比较。

然而，在考虑响应式网页设计这一始终吸引人的设计理念时，这是一个希望打开我们思维的并行方法。就像HTML在过去十年的Flash与HTML之争中幸存下来一样，我相信我们还不应该放弃其他移动开发技术和替代方案。下面，我将讨论一些我在响应式网页设计(RWD)中意识到的问题。

网络性能

与在宽带互联网服务提供商的桌面浏览器上浏览相比，在较小的设备上浏览响应式网站的下载大小或屏幕分辨率并不小。去年，Akamai的首席产品架构师Guy Podjarny测试了347个站点在响应式网页设计画廊媒体查询使用谷歌Chrome与多种设备，和基于web的工具WebPagetest．他发现，无论测试的设备或屏幕分辨率如何，网页大小和加载时间的结果几乎相同。

波德雅尼的测试结果可以在他的演讲在BDConf。这是什么意思?即使我们可能在较小的屏幕上查看响应式网站，它显示较少可见的内容或较小尺寸的图像，这并不意味着网站将加载得更快。

你可能会说，“但这不是什么大事，移动互联网才是大事快现在。”移动网络变得越来越快，这是事实。然而，移动网速仍然落后于宽带网速。目前，使用台式电脑浏览网页仍然要快得多。

去年，平均宽带网速为2.6 mbps^［1］还是只2.02 mbps^［2］为平均智能手机移动网络上网速度。前一年，移动互联网的平均速度是只有1.18 mbps．在最好的情况下，宽带互联网仍然是快28.7%而不是智能手机移动互联网。

网站速度有多重要?就用户能够容忍稍长的加载时间而言，我们有什么样的利润空间呢?根据谷歌的研究，移动用户“希望他们的移动体验和桌面体验一样好。”下面KISSmetrics的信息图显示了加载时间的巨大影响。

一个每天赚10万美元的电子商务网站可能真的是仅仅因为一秒钟的页面延迟，每年就损失250万美元。来源:blog.kissmetrics.com我们可以毫不夸张地假设，专用的移动网页开发解决方案将比响应式网页设计更优化，因为它们专门针对移动设备。一个基本的比较专用移动解决方案与RWD解决方案的比较表明这是正确的。当然，还是有办法的优化响应式网页设计，例如提供更小的图像和有条件地加载脚本，但与专门为移动设备开发网站相比，您必须考虑这些优化技术的性能上限。

复杂性

”责备实现，而不是技术是一篇值得一读的好文章。文章，由网页开发者和书的作者Tim Kadlec挑战了一些人的立场，即响应式网页设计与其他只迎合移动设备的解决方案相比是缓慢的。文章认为RWD的良好实施可以解决大多数问题性能问题在网上。

我们可以让大多数响应式网站在移动屏幕上的加载速度大大加快，但不可否认的是，响应式网页设计本身就很复杂。当比较响应式网站和专用移动网站时——比如“m点”子域名，比如m.sixrevisions.com——当讨论的重点是复杂性时，就没有争议了。典型的“m点”站点很简单。

它通常只有少量的HTML、有限的脚本、CSS和图像(如果有的话)。它是专门为其预期的观看体验而设计的:小屏幕、触摸屏移动设备。如果我们要谈论开发时间和易用性，有许多网络工具可以将您站点的RSS提要转换为专用的移动网站。

另一方面，响应式网页设计本质上是复杂的，因为它们试图支持许多观看体验，而不必为特定的设备(或设备类型)优化体验。移动浏览器将不得不处理一个大的HTML文件，网站需要小心地避免运行特定的脚本，加载特定的CSS和下载大型图像。完美的实现是可能的，但避免资源过剩需要脚本或代码，因此会增加复杂性。

一个为最佳性能而调整的响应式网站仍然不如一个执行得同样出色的专用移动网站快。

时间和金钱

复杂程度越高，资源成本就越高。有了响应式的网页设计，在Photoshop中简单的实物模型和设计师的工作已经一去不复返了。

响应式网页设计工作流程仍在不断发展，并逐渐变得更加精简，但目前，在不增加资源的情况下完成相同的网站项目是不可能的。借用Viljamis的回应网页设计工作流程上面，你可以看到工作流可以开始看起来像敏捷开发范式或使用Scrum开发框架。灵活的开发理念和框架的明显问题一直是更高的资源成本，无论是所需的技能、所需的成本还是增加的客户交互需求。

UI和UX限制

桌面用户和移动用户的区别是不只有屏幕大小。响应式网站在利用或识别关键移动特性(如用户位置、连接、设备限制、软件潜力和用户需求)方面受到限制。是的，有很多方法可以创建一个理想的用户界面和体验，以响应式的网页设计，但与专用的移动网站相比，有明显的局限性。

上图虽然不是最好的例子，但它直接说明了移动设备上出色的用户体验(左图)和非常普通的用户界面(右图)之间的区别。当移动用户需要不同的UI时，响应式网页设计对我来说显然是次要的选择。Brian Fling是这本书的作者手机设计与开发说得很漂亮:

“以航空公司网站为例。

简单地把网络体验放在一个小屏幕上对用户没有任何帮助;事实上，它有相反的效果。如果用户正在去机场的路上，需要检查航班是否延误，那么用户有时间做的最后一件事就是滚动屏幕去哪里查看航班时间。如果你发现自己在赶飞机，需要查找航班信息，比如时间、登机口等，你就需要快速获取这些信息。”

防止创新

这就是目光短浅，声称响应式网页设计是未来的危险所在:RWD之外的解决方案创新可能会被忽视。

在RWD之外，还有一些创新，一些公司正在收获回报。例如，银行巨头摩根大通(JP Morgan Chase)考虑了移动设备的特定特性，他们可以使用这些特性来增强在线银行体验，而不是简单地为移动客户重新格式化他们的桌面网站。他们的移动应用程序有一个名为“快速存款”的功能，可以使用智能手机摄像头拍摄存入支票的照片。

根据该公司，消费者已经利用这一功能来存款了40亿美元这款应用还获得了多个奖项，包括2011年著名的威比奖。谷歌是另一个很好的例子。尽管他们建议采用响应式网页设计，但这家科技公司正在大力开发仅限移动设备的技术和内容。一个例子是谷歌现在Android。

它被称为“Android 4.2的瑰宝”并获得了大众科学年度创新奖。谷歌本可以让他们的内容具有响应性，避免创新。但他们没有，他们的生意因此更好了。

作为智能手机销量创下历史新高我们不应该为这些设备进行创新吗?当然，对于用户互动有限的网站类型，例如信息网站，博客和新闻网站，响应式网站设计是一个很好的，而且通常非常实用的解决方案。但是对于想要利用触屏移动设备所提供的优势的网站和web应用程序来说，与本地/专用移动网站开发解决方案相比，他们能有效地利用响应式web设计理念吗?

现在还是未来?

如果我告诉你我喜欢响应式网页设计，你可能会感到惊讶，因为我确实喜欢。它现在在网络上肯定有自己的位置。我相信响应式网页设计是当前的趋势，但我不敢说这是未来的趋势。

随着网络的快速发展和未来屏幕技术的改进，给响应式网页设计贴上未来的标签将是愚蠢的。你怎么看?我们应该在响应式网页设计上投入多少?

参考文献

1. Akamai:全球平均宽带速度提高25%，美国

   上升29%至6.7 Mbps

   (techcrunch.com)
2. 2012-2017年全球移动数据流量预测更新(www.cisco.com)

相关内容

• 移动网页设计:最佳实践
• 10个创建跨平台移动应用的解决方案
• 相关类别：移动及网页设计