互聯網iPad化 網絡應用程序設計正在變革
51CTO編者按:在蘋果正式推出iOS 4.2后,對iPad多任務等100多項功能進行了改進,目前移動設備的興起正在給互聯網帶來一場新的革命,由iPad***的一場風潮正在席卷整個互聯網世界。
北京時間12月10日消息,據國外媒體報道,谷歌已經正式推出其網絡應用程序商店Chrome Web Store。商店里的應用程序采用了JavaScript語言和HTML5規范等先進技術。并且Chrome應用商店大部分程序都能應用在任何一款現代瀏覽器上,而不僅僅是谷歌Chrome上。
iPad 已經改變了互聯網設計,我們將這種現象稱為“互聯網的iPad化”。正如iPad對互聯網設計產生的影響一樣,它對第二波網絡應用程序的影響也表現得更為明顯。
看過谷歌程序商店,我們很難不注意到有些應用程序與其iPad對應程序以及iPad 應用程序和iPad網站總趨勢的相似之處 -- 有些程序簡直就是其iPad對應程序的翻版。舉例如下:
今日美國
今日美國(USA Today)為iPad發行的新聞軟件(USA Today for iPad)(iTunes鏈接)使用起來極為方便。它能提供完全根據iPad屏幕尺寸進行優化的閱讀體驗、以及***的觸摸體驗,并附帶內置社交共享功能。
為Chrome設計的“今日美國”網絡程序(兼容HTML5的瀏覽器也可在optimus.usatoday.com上訪問此程序)近似iPad程序的綠色版。事實上,我們可以很自信地說,除了一些iPad專用優化之外(主要是導航功能),它就是個iPad應用程序。
從任何意義上來講,這都不是件壞事。此程序提供了標準今日美國網站之外的超級閱讀及瀏覽體驗。
NPR新聞網站
另一明顯借鑒iPad對應程序的新聞軟件是Chrome NPR。
我們都非常喜歡iPhone和iPad上的NPR應用程序,因此,其對應的Chrome NPR也被添進了我們的程序清單之中。其他瀏覽器也可在npr.org/webapp上訪問此程序。
HTML5應用框架SproutCore曾被用來創建NPR程序的一個早期演示版。我們感覺早期演示中的某些元素已應用到新的網絡版之中。
不僅界面十分實用、***吸引力,還創建出不同平臺之間的一致體驗。
Flixster
為Chrome設計的Flixster網絡應用程序(也可在flixster.rottentomatoes.com上訪問)極清楚地反映了其iPad對應程序的布局。
想想左邊欄目里缺少的滾動條——滾動條獨立于主欄目之外——這跟 iPad程序完全一樣。
不過,兩種程序在按鈕和導航站上的確存在差異。iPad程序使用的是屏幕底端(iPad用戶界面設計的常見模式);而網絡程序使用的是頂端。
此網絡程序還設置了不足1000的固定像素寬度。在風景模式下, iPad的分辨率是1024×768。公平地說,許多上網本的分辨率是1024×600。但我們仍然認為設計這樣的固定像素寬很有意思。
亞馬遜購物應用Windowshop
Chrome上的亞馬遜購物應用程序Windowshop僅僅只是windowshop.com的一個書簽,但是,這并不是意味著,它算不上是個出色的網絡應用程序。
此網絡程序與其iPad對應程序布局完全一致。
唯一的差別——這一點很重要——是在網絡程序的右下端添加了一個滾動控制條,用戶可以在程序內或不同板塊間上下左右來回滾動。
對我們來說,這使得一點非常明白——那就是此程序首先是為觸摸屏設置的,然后為鼠標和鍵盤進行了調整。
地下氣象
Chrome上的地下氣象程序(chrome.wunderground.com上可訪問)跟iPad上的對應程序存在差異。
但是,這款為用戶提供***方式查看和搜索天氣情況的Chrome程序,的確與其他一些iPad氣象應用程序有著驚人的相似之處。
例如,Weather HD (iTunes鏈接)采用非常類似的方式來展示天氣情況。Weather HD使用動畫圖像(這也是地下氣象希望效仿的一個方面),還能展示每小時的天氣情況。但是兩款程序的總體布局相似。
模糊HTML5和本地應用程序之間的界限
谷歌的官方定義可能是Android用于平板電腦,而Chrome OS用于上網本。但是實際上,似乎越來越多的網絡開發者在設計網絡應用程序時,將平板電腦外形因素和功能考慮在內,比如說多點觸摸等。
這也可以理解,因為從以上所舉的例子中可以看出,許多iPad程序在很大程度上只適用于HTML5。當然,為諸如iOS或Android等平臺設計一款本地應用程序有一些好處——即便這個程序很大程度是上用HTML5編寫的——但是,隨著HTML5規范和JavaScript語言漸漸成為創建這種應用程序的基礎,將這些程序移植到別的平臺上或是設備中就顯得并無任何挑戰性。
上周,美國Netflix公司的工程師在博客中寫道,公司決定在新開發的許多程序中使用HTML5規范。
很顯然,許多其他公司也看到了這些優點。我們認為iPad的設計線索和未來的Android平板電腦將延續其對傳統網絡瀏覽器中網絡設計和發展的影響。
雖然這些不同類型設備的真正融合——桌面和平板電腦——仍然還有很長的路要走,但是用戶已開始在不同計算平臺上看到類似的用戶界面、應用體驗以及功能。
Phone Club——51CTO移動開發線下技術沙龍
本期主題:Android應用開發技術進階
地點:創新工場 北京市海淀區北四環西路66號第三極大廈B座18層
演講講師:王明禮(創新工場) 范懷宇(網易)
【編輯推薦】























