重新審視Mobile Web
作者簡介:Byron是一個有著劇院設計和古典動畫制作背景的設計者和勤奮的開發者。他在各類媒體中工作,包括紙質媒體、廣播、網絡以及移動媒體。他是一個富于激情的故事講述者,一個勤奮的思考者。他一直致力于在設計、內容表現以及技術之間搭建起一座橋梁。
很多故事的開頭都是“在去劇院的路上發生了一件有趣的事情”,除掉其中的隱喻,這句話用來描述最近發生的與yiibu(知名移動設計公司,位于英國)相關的一些事件來說真是再合適不過了。
幾個月以前,我提出了一個我希望在London的Over The Air上的演講的想法。由于我之前在Over The Air上做過演講,我以為這一次也會是一樣的——和UK的二十幾個開發者們探討一下我最近的想法。
但后來卻證明我大大低估了這次演講的效果……
三個星期后,這次演講有140,000人瀏覽,有上百條tweets討論它,還有好幾個關于它的媒體討論。現在我終于有時間對這個演講給出一些必須的介紹了。
一點背景
在過去幾年我們做了幾個與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”是一件震撼人心的事情。