重新审视Mobile Web

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

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

很多故事的开头都是“在去剧院的路上发生了一件有趣的事情”,除掉其中的隐喻,这句话用来描述最近发生的与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”是一件震撼人心的事情。

责任编辑:佚名 来源: Web App Trend
相关推荐

2017-07-10 13:46:32

PC市场匠心

2021-11-19 14:56:13

边缘计算

2010-03-03 14:43:23

2020-06-07 16:43:36

云计算IT云迁移

2009-06-02 23:47:44

LeftHand虚拟化

2020-11-18 10:21:36

存储混合存储

2017-08-06 01:52:05

深度学习数据算法

2009-07-17 09:29:52

软件开发商Java

2011-05-13 14:20:19

2020-06-12 10:27:08

云计算疫情IT

2014-06-19 10:26:15

Mobile AppWeb App

2018-02-24 11:59:11

安全策略应用程序安全策略

2016-10-26 08:49:38

2023-03-09 06:28:21

ChatGPT人工智能苹果

2011-04-28 10:53:18

2023-11-05 15:05:15

AI论文

2023-04-07 09:18:33

AI神经网络

2011-09-05 13:45:25

jQuery MobiSencha Touc移动Web UI框架

2012-05-25 13:12:57

TitaniumMobile WebHTML5

2020-11-07 16:35:25

人工智能技术硬件
点赞
收藏

51CTO技术栈公众号