重新审视Mobile Web

作者简介：Byron是一个有着剧院设计和古典动画制作背景的设计者和勤奋的开发者。他在各类媒体中工作，包括纸质媒体、广播、网络以及移动媒体。他是一个富于激情的故事讲述者，一个勤奋的思考者。他一直致力于在设计、内容表现以及技术之间搭建起一座桥梁。

在 下面的文章中，Byron讲述了他做出的关于Mobile Web的演讲前前后后的故事。他在Over The Air上做的这次名为“重新审视Mobile Web”的演讲讲述了他对于Mobile Web的一些新的认识，并且在世界各地引起了强烈反响，在全世界有超过200 000的人浏览，并激发了一些关于mobile web的状况的讨论。

 

很多故事的开头都是“在去剧院的路上发生了一件有趣的事情”，除掉其中的隐喻，这句话用来描述最近发生的与yiibu（知名移动设计公司，位于英国）相关的一些事件来说真是再合适不过了。

几个月以前，我提出了一个我希望在London的Over The Air 上的演讲的想法。由于我之前在Over The Air上做过演讲，我以为这一次也会是一样的——和UK的二十几个开发者们探讨一下我最近的想法。

但后来却证明我大大低估了这次演讲的效果……

三个星期后，这次演讲有140,000人浏览，有上百条tweets讨论它，还有好几个关于它的媒体讨论。现在我终于有时间对这个演讲 给出一些必须的介绍了。

Rethinking the Mobile Web by Yiibu

View more presentations from Bryan Rieger

一点背景

• 在过去几年我们做了几个与mobile web相关的项目——包括 Forum Nokia的Mobile Web Templates开发 。这其中包括了大量的设备和网络测试，以及相关文档创建。在这段时间里，我们采用了一个业界很普遍的做法：创建一个单独的mobile site (*.mobi, m.*, etc)
• 使用一个设备数据库（device database） (DeviceAtlas 或 WURFL ) 根据已知的用户代理字符串（User-Agent strings）来查找设备性能
• 根据这些设备的性能来定义设备设备分组(e.g. WML, HTML-MP, CSS, JavaScript, video, Flash support etc)
• 为每个设备分组创建最合适的模板
• 在服务器端采用内容自适应（content adaptation ） 来确保发出请求的设备能获取最合适的图片、标记以及内容
• 在支持媒体查询语句以及Javascript的设备上使用根据场景的客户端自适应（occasional client-side adaptation）
• 给用户一些在桌面端以及移动端站点间切换 的方式

尽管这种方法对移动端开发者来说已是轻车熟路，但对桌面端开发者来说却不是如此。这种方法对他们来说，令人疑惑、沮丧，因此，他们最终只是为一个设备（iPhone）对他们的站点进行优化改装也就不足为奇了。

移动生态系统（ The mobile ecosystem ）

尽管iPhone对于移动产业有着毋庸置疑的影响 ，但它对市场的渗透率是很低的 。即使在智能机占主导地位的美国，iPhone的市场占有率只有6%，而在欧洲，这个数字平均只有大约4%不到。

“如果你想要在移动设备上使用web，还需要去买一个iPhone吗？”

移动端的生态系统是相当多元化的（并且这种趋势日益明显 ）， 其中的领头羊，例如Nokia、 Blackberry 以及 Samsung，都各自占据了可观的市场份额，但都只是市场中的一小部分。另外，一些小的品牌，比如HTC、ZT、G'Five、 Micromax, Spice 以及 Nexian都在争相满足当地需求，填补商业上所谓的利基（niche）市场，这些市场不大，但在战略上都是非常重要的。

考虑到所有这些，我们开始思考现在是否应该重新审视我们定义mobile websites的方式了。是否可以有一种更为直接的方式，让设计者和开发者不必去学习全新的工作方式，只需要在已有知识的基础上就可以开发mobile web呢？

站在巨人的肩膀上

幸 运的是，有很多聪明的人已经在诸如A List Apart、Opera Dev 以及 Smashing Magazine这些地方讨论过这些问题了。这些文章对于最新的web设计与开发提出了很深刻的观点。其中特别值得关注的是Ethan Marcotte的“响应式web设计”（Responsive Web Design ），Dominique Hazaël-Massieux的“Mobile Stylesheet的回归”（Return of the Mobile Stylesheet ），Aaron Gustafson的“理解渐进式增强”（Understanding Progressive Enhancement ），这些文章对于我们最终观点的形成是很有帮助的。

对于通常引起热烈争议的“一个Web”的理念，我也是做了很多思考。尽管我现在还不敢深入探讨这个话题，但我认为这是个很宏大的目标，需要在现实中经历考验。你确实是不能在不同环境下直接发布一样的内容或者是应用。可以这么说，我一直相信流体布局（或者说灵活布局、流动布局、弹性布局）可以给手机带来完美的感觉 ，但也在疑惑“一个Web”的理念可以走多远。

我 考虑最多的是@media-queries的使用。读过一些相关文章（或者书籍）以后，你也许会认为它们（以及HTML5）将是mobile web的救星。然而这些技术却不能被大多数mobile browsers支持。难道这些文章（和书）都错了吗？无巧不成书的是，我并不是唯一一个思考这个问题的人，Jason Grigsby在就媒体查询语句在移动终端上使用的现实考虑 一文中也谈论过这个问题。

“Google, Amazon, Yahoo 以及eBay在设计之初都不需要客户端对Javascript的支持。”

在 Javascript上同样也存在问题。我喜欢Javascript，我也推崇jQuery，我还认为Sencha非常厉害——但我从经验知道，除了 iOS（以及一些Android）设备，移动端对Javascript的支持远不如桌面端对Javascript的支持。在现有趋势下，向一屋子的开发者 提到这一事实确实非我所愿。最后，有一个常常被人忘记的细节，那就是Google、 Amazon、 Yahoo 以及eBay在设计之初都不需要客户端对Javascript的支持，这可能会带来一些积极的回应。

移动优先

最后（可能也是最重要的），Luke Wroblewski所提出的一个绝妙的观点在我2009年第一次听到这个观点以后便一直在我的脑海中盘桓——移动优先（mobile first ）。

“Mobile 让你学会力求集中” .Luke Wroblewski

对 于我来说这是相当令人激动的想法，也是我非常想要在一个实际项目中进行实践的一点。由于我们当时没有客户的工作让我们可以实践一下mobile first的理念，我们便根据这个理念重新设计了我们自己的网站。和任何内部的重新设计一样，这个工作花费的时间比我预想的场，因此我也就没能在Over The Air上展示它。

回到开始

直到演讲那天我还一直隐隐约约觉得我漏掉了什么非常重要的东西。尽管早已打好草稿，我还是不确定我所提出的是不是个好的想法。

这种焦虑在Bruce Lawson在 Over The Air上探讨 HTML5 （Bruce Lawson在我之前）之时变得更为强烈，他提出了媒体查询语句的议题，于是出现了很多针对此的观点。作为一个尽力避免被注意的人，我非常紧张（甚至是恐 惧），害怕去做关于“重新审视Mobile Web”的演讲。毕竟，我又不是什么大人物，凭什么去告诉人们他们应该如何构建websites呢？

当 然我还是在伦敦做了这个演讲，对着二十几个面容友善的人，最后有几个人希望我能把幻灯片放到SlideShare上去。从那以后，"重新审视Mobile Web "在全世界有超过200 000的人浏览，并激发了一些关于mobile web的状况的讨论。下面是其中的一些：

• 使用正确的工具 by @miker
• Mobile Web开发现状 by @ppk
• 对Mobile Web的重新审视 on @uxmag
• 对Mobile Web的重新审视 on @webmonkey

 

你也可以在SlideShare看到 重新审视Mobile Web 的演讲

 “重 新审视Mobile Web”只是我在试图整理不同观点时的一个想法，我认为这个想法值得分享，最初也只是想要在London对同行做一个演讲。我重来没有想到它能在全世界激 起如此大的反响——从San Francisco 到 Surabaya, 从Chengdu 到 Bangalore, 从Nairobi 到 Espoo ，从 London 到 Kansas。看到有如此多的人在tweeter上讨论“重新审视Mobile Web” 是一件震撼人心的事情。

原文链接：Rethinking the Mobile Web

 

译文来源：http://www.webapptrend.com/

 WebAppTrend是一个独立的技术博客，关注Web App前瞻和实践，以及智能浏览器发展 

请大家在关注ITeye的同时，关注我们的新浪微博@WebAppTrend  http://weibo.com/webapptrend，Q Q群见官方博客右侧。