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

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

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

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

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

一點背景

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

使用一個設(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)

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

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

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

給用戶一些在桌面端以及移動端站點間切換的方式

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

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

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

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

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

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

站在巨人的肩膀上

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

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

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

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

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

移動優(yōu)先

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

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

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

回到開始

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

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

當然我還是在倫敦做了這個演講，對著二十幾個面容友善的人，***有幾個人希望我能把幻燈片放到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”只是我在試圖整理不同觀點時的一個想法，我認為這個想法值得分享，最初也只是想要在London對同行做一個演講。我重來沒有想到它能在全世界激 起如此大的反響——從San Francisco 到 Surabaya, 從Chengdu 到 Bangalore, 從Nairobi 到 Espoo ，從 London 到 Kansas?？吹接腥绱硕嗟娜嗽趖weeter上討論“重新審視Mobile Web”是一件震撼人心的事情。