作者簡介：Byron是一個(gè)有著劇院設(shè)計(jì)和古典動(dòng)畫制作背景的設(shè)計(jì)者和勤奮的開發(fā)者。他在各類媒體中工作，包括紙質(zhì)媒體、廣播、網(wǎng)絡(luò)以及移動(dòng)媒體。他是一個(gè)富于激情的故事講述者，一個(gè)勤奮的思考者。他一直致力于在設(shè)計(jì)、內(nèi)容表現(xiàn)以及技術(shù)之間搭建起一座橋梁。

很多故事的開頭都是“在去劇院的路上發(fā)生了一件有趣的事情”，除掉其中的隱喻，這句話用來描述最近發(fā)生的與yiibu(知名移動(dòng)設(shè)計(jì)公司，位于英國)相關(guān)的一些事件來說真是再合適不過了。

幾個(gè)月以前，我提出了一個(gè)我希望在London的Over The Air上的演講的想法。由于我之前在Over The Air上做過演講，我以為這一次也會(huì)是一樣的——和UK的二十幾個(gè)開發(fā)者們探討一下我最近的想法。

但后來卻證明我大大低估了這次演講的效果……

三個(gè)星期后，這次演講有140,000人瀏覽，有上百條tweets討論它，還有好幾個(gè)關(guān)于它的媒體討論?，F(xiàn)在我終于有時(shí)間對這個(gè)演講給出一些必須的介紹了。

一點(diǎn)背景

在過去幾年我們做了幾個(gè)與mobile web相關(guān)的項(xiàng)目——包括 Forum Nokia的Mobile Web Templates開發(fā)。這其中包括了大量的設(shè)備和網(wǎng)絡(luò)測試，以及相關(guān)文檔創(chuàng)建。在這段時(shí)間里，我們采用了一個(gè)業(yè)界很普遍的做法：創(chuàng)建一個(gè)單獨(dú)的 mobile site (*.mobi, m.*, etc)

使用一個(gè)設(shè)備數(shù)據(jù)庫(device database) (DeviceAtlas 或 WURFL) 根據(jù)已知的用戶代理字符串(User-Agent strings)來查找設(shè)備性能

根據(jù)這些設(shè)備的性能來定義設(shè)備設(shè)備分組(e.g. WML, HTML-MP, CSS, JavaScript, video, Flash support etc)

為每個(gè)設(shè)備分組創(chuàng)建最合適的模板

在服務(wù)器端采用內(nèi)容自適應(yīng)(content adaptation) 來確保發(fā)出請求的設(shè)備能獲取最合適的圖片、標(biāo)記以及內(nèi)容

在支持媒體查詢語句以及Javascript的設(shè)備上使用根據(jù)場景的客戶端自適應(yīng)(occasional client-side adaptation)

給用戶一些在桌面端以及移動(dòng)端站點(diǎn)間切換的方式

盡管這種方法對移動(dòng)端開發(fā)者來說已是輕車熟路，但對桌面端開發(fā)者來說卻不是如此。這種方法對他們來說，令人疑惑、沮喪，因此，他們最終只是為一個(gè)設(shè)備(iPhone)對他們的站點(diǎn)進(jìn)行優(yōu)化改裝也就不足為奇了。

移動(dòng)生態(tài)系統(tǒng)(The mobile ecosystem)

盡管iPhone對于移動(dòng)產(chǎn)業(yè)有著毋庸置疑的影響，但它對市場的滲透率是很低的。即使在智能機(jī)占主導(dǎo)地位的美國，iPhone的市場占有率只有6%，而在歐洲，這個(gè)數(shù)字平均只有大約4%不到。

“如果你想要在移動(dòng)設(shè)備上使用web，還需要去買一個(gè)iPhone嗎?”

移動(dòng)端的生態(tài)系統(tǒng)是相當(dāng)多元化的(并且這種趨勢日益明顯)，其中的領(lǐng)頭羊，例如Nokia、 Blackberry 以及 Samsung，都各自占據(jù)了可觀的市場份額，但都只是市場中的一小部分。另外，一些小的品牌，比如HTC、ZT、G’Five、 Micromax, Spice 以及 Nexian都在爭相滿足當(dāng)?shù)匦枨?，填補(bǔ)商業(yè)上所謂的利基(niche)市場，這些市場不大，但在戰(zhàn)略上都是非常重要的。

考慮到所有這些，我們開始思考現(xiàn)在是否應(yīng)該重新審視我們定義mobile websites的方式了。是否可以有一種更為直接的方式，讓設(shè)計(jì)者和開發(fā)者不必去學(xué)習(xí)全新的工作方式，只需要在已有知識的基礎(chǔ)上就可以開發(fā)mobile web呢?

站在巨人的肩膀上

幸運(yùn)的是，有很多聰明的人已經(jīng)在諸如A List Apart、Opera Dev 以及 Smashing Magazine這些地方討論過這些問題了。這些文章對于***的web設(shè)計(jì)與開發(fā)提出了很深刻的觀點(diǎn)。其中特別值得關(guān)注的是Ethan Marcotte的“響應(yīng)式web設(shè)計(jì)”(Responsive Web Design)，Dominique Hazaël-Massieux的“Mobile Stylesheet的回歸”(Return of the Mobile Stylesheet)，Aaron Gustafson的“理解漸進(jìn)式增強(qiáng)”(Understanding Progressive Enhancement)，這些文章對于我們最終觀點(diǎn)的形成是很有幫助的。

對于通常引起熱烈爭議的“一個(gè)Web”的理念，我也是做了很多思考。盡管我現(xiàn)在還不敢深入探討這個(gè)話題，但我認(rèn)為這是個(gè)很宏大的目標(biāo)，需要在現(xiàn)實(shí)中 經(jīng)歷考驗(yàn)。你確實(shí)是不能在不同環(huán)境下直接發(fā)布一樣的內(nèi)容或者是應(yīng)用。可以這么說，我一直相信流體布局(或者說靈活布局、流動(dòng)布局、彈性布局)可以給手機(jī)帶 來***的感覺，但也在疑惑“一個(gè)Web”的理念可以走多遠(yuǎn)。

我考慮最多的是@media-queries的使用。讀過一些相關(guān)文章(或者書籍)以后，你也許會(huì)認(rèn)為它們(以及HTML5)將是mobile web的救星。然而這些技術(shù)卻不能被大多數(shù)mobile browsers支持。難道這些文章(和書)都錯(cuò)了嗎?無巧不成書的是，我并不是唯一一個(gè)思考這個(gè)問題的人，Jason Grigsby在就媒體查詢語句在移動(dòng)終端上使用的現(xiàn)實(shí)考慮一文中也談?wù)撨^這個(gè)問題。

“Google, Amazon, Yahoo 以及eBay在設(shè)計(jì)之初都不需要客戶端對Javascript的支持。”

在Javascript上同樣也存在問題。我喜歡Javascript，我也推崇jQuery，我還認(rèn)為Sencha非常厲害——但我從經(jīng)驗(yàn)知道， 除了iOS(以及一些Android)設(shè)備，移動(dòng)端對Javascript的支持遠(yuǎn)不如桌面端對Javascript的支持。在現(xiàn)有趨勢下，向一屋子的開 發(fā)者提到這一事實(shí)確實(shí)非我所愿。***，有一個(gè)常常被人忘記的細(xì)節(jié)，那就是Google、 Amazon、 Yahoo 以及eBay在設(shè)計(jì)之初都不需要客戶端對Javascript的支持，這可能會(huì)帶來一些積極的回應(yīng)。

移動(dòng)優(yōu)先

***(可能也是最重要的)，Luke Wroblewski所提出的一個(gè)絕妙的觀點(diǎn)在我2009年***次聽到這個(gè)觀點(diǎn)以后便一直在我的腦海中盤桓——移動(dòng)優(yōu)先(mobile first)。

“Mobile 讓你學(xué)會(huì)力求集中”.Luke Wroblewski

對于我來說這是相當(dāng)令人激動(dòng)的想法，也是我非常想要在一個(gè)實(shí)際項(xiàng)目中進(jìn)行實(shí)踐的一點(diǎn)。由于我們當(dāng)時(shí)沒有客戶的工作讓我們可以實(shí)踐一下mobile first的理念，我們便根據(jù)這個(gè)理念重新設(shè)計(jì)了我們自己的網(wǎng)站。和任何內(nèi)部的重新設(shè)計(jì)一樣，這個(gè)工作花費(fèi)的時(shí)間比我預(yù)想的場，因此我也就沒能在Over The Air上展示它。

回到開始

直到演講那天我還一直隱隱約約覺得我漏掉了什么非常重要的東西。盡管早已打好草稿，我還是不確定我所提出的是不是個(gè)好的想法。

這種焦慮在Bruce Lawson在 Over The Air上探討 HTML5(Bruce Lawson在我之前)之時(shí)變得更為強(qiáng)烈，他提出了媒體查詢語句的議題，于是出現(xiàn)了很多針對此的觀點(diǎn)。作為一個(gè)盡力避免被注意的人，我非常緊張(甚至是恐 懼)，害怕去做關(guān)于“重新審視Mobile Web”的演講。畢竟，我又不是什么大人物，憑什么去告訴人們他們應(yīng)該如何構(gòu)建websites呢?

當(dāng)然我還是在倫敦做了這個(gè)演講，對著二十幾個(gè)面容友善的人，***有幾個(gè)人希望我能把幻燈片放到SlideShare上去。從那以后，”重新審視 Mobile Web “在全世界有超過200 000的人瀏覽，并激發(fā)了一些關(guān)于mobile web的狀況的討論。下面是其中的一些：

• 使用正確的工具 by @miker
• Mobile Web開發(fā)現(xiàn)狀 by @ppk
• 對Mobile Web的重新審視 on @uxmag
• 對Mobile Web的重新審視 on @webmonkey

你也可以在SlideShare看到 重新審視Mobile Web 的演講

“重新審視Mobile Web”只是我在試圖整理不同觀點(diǎn)時(shí)的一個(gè)想法，我認(rèn)為這個(gè)想法值得分享，最初也只是想要在London對同行做一個(gè)演講。我重來沒有想到它能在全世界激 起如此大的反響——從San Francisco 到 Surabaya, 從Chengdu 到 Bangalore, 從Nairobi 到 Espoo ，從 London 到 Kansas?？吹接腥绱硕嗟娜嗽趖weeter上討論“重新審視Mobile Web”是一件震撼人心的事情。