互連網iPad化 網路應用程式設計正在變革

BKJIA編者按：在蘋果正式推出iOS 4.2後，對iPad多任務等100多項功能進行了改進，目前行動裝置的興起正在給互連網帶來一場新的革命，由iPad引領的一場風潮正在席捲整個互連網世界。

 
互連網iPad化

北京時間12月10日訊息，據國外媒體報道，Google已經正式推出其網路應用程式商店Chrome Web Store。商店裡的應用程式採用了JavaScript語言和HTML5規範等先進技術。並且Chrome市集大部分程式都能應用在任何一款現代瀏覽器上，而不僅僅是GoogleChrome上。

iPad 已經改變了互連網設計，我們將這種現象稱為“互連網的iPad化”。正如iPad對互連網設計產生的影響一樣，它對第二波網路應用程式的影響也表現得更為明顯。

看過Google程式商店，我們很難不注意到有些應用程式與其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和本地應用程式之間的界限

Google的官方定義可能是Android用於平板電腦，而Chrome OS用於迷你筆記型電腦。但是實際上，似乎越來越多的網路開發人員在設計網路應用程式時，將平板電腦外形因素和功能考慮在內，比如說多點觸摸等。

這也可以理解，因為從以上所舉的例子中可以看出，許多iPad程式在很大程度上只適用於HTML5。當然，為諸如iOS或Android等平台設計一款本地應用程式有一些好處——即便這個程式很大程度是上用HTML5編寫的——但是，隨著HTML5規範和JavaScript語言漸漸成為建立這種應用程式的基礎，將這些程式移植到別的平台上或是裝置中就顯得並無任何挑戰性。

上周，美國Netflix公司的工程師在部落格中寫道，公司決定在新開發的許多程式中使用HTML5規範。

很顯然，許多其他公司也看到了這些優點。我們認為iPad的設計線索和未來的Android平板電腦將延續其對傳統網路瀏覽器中網路設計和發展的影響。

雖然這些不同類型裝置的真正融合——案頭和平板電腦——仍然還有很長的路要走，但是使用者已開始在不同計算平台上看到類似的使用者介面、應用體驗以及功能。

Phone Club——BKJIA移動開發線下技術沙龍活動日期：12月19日
本期主題：Android應用開發技術進階
地點：創新工場 北京市海澱區北四環西路66號第三極大廈B座18層
演講講師：王明禮創新工場） 範懷宇網易）點擊報名