知識庫
回首頁  >  HOME 〉 知識庫 〉 iPad帶來的網絡應用程序設計變革
iPad帶來的網絡應用程序設計變革

騰訊科技訊 (Fiona)北京時間12月10日消息,據國外媒體報導,谷歌已經正式推出其網絡應用程序商店Chrome Web Store。 商店裡的應用程序採用了JavaScript語言和HTML5規範等先進技術。 並且Chrome應用商店大部分程序都能應用在任何一款現代瀏覽器上,而不僅僅是谷歌Chrome上。

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





看過谷歌程序商店,我們很難不注意到有些應用程序與其iPad對應程序以及iPad 應用程序和iPad網站總趨勢的相似之處-- 有些程序簡直就是其iPad對應程序的翻版。 舉例如下:

1. 今日美國

今日美國(USA Today)為iPad發行的新聞軟件(USA Today for iPad)(iTunes鏈接)使用起來極為方便。 它能提供完全根據iPad屏幕尺寸進行優化的閱讀體驗、以及極佳的觸摸體驗,並附帶內置社交共享功能。

為Chrome設計的“今日美國”網絡程序(兼容HTML5的瀏覽器也可在optimus.usatoday.com上訪問此程序)近似iPad程序的綠色版。 事實上,我們可以很自信地說,除了一些iPad專用優化之外(主要是導航功能),它就是個iPad應用程序。

從任何意義上來講,這都不是件壞事。 此程序提供了標準今日美國網站之外的超級閱讀及瀏覽體驗。

2. NPR新聞網站

另一明顯借鑒iPad對應程序的新聞軟件是Chrome NPR。

我們都非常喜歡iPhone和iPad上的NPR應用程序,因此,其對應的Chrome NPR也被添進了我們的程序清單之中。 其他瀏覽器也可在npr.org/webapp上訪問此程序。

HTML5應用框架SproutCore曾被用來創建NPR程序的一個早期演示版。 我們感覺早期演示中的某些元素已應用到新的網絡版之中。

不僅界面十分實用、極具吸引力,還創建出不同平台之間的一致體驗。

3. Flixster

為Chrome設計的Flixster網絡應用程序(也可在flixster.rottentomatoes.com上訪問)極清楚地反映了其iPad對應程序的佈局。

想想左邊欄目裡缺少的滾動條——滾動條獨立於主欄目之外——這跟iPad程序完全一樣。

不過,兩種程序在按鈕和導航站上的確存在差異。 iPad程序使用的是屏幕底端(iPad用戶界面設計的常見模式);而網絡程序使用的是頂端。

此網絡程序還設置了不足1000的固定像素寬度。 在風景模式下, iPad的分辨率是1024×768。 公平地說,許多上網本的分辨率是1024×600。 但我們仍然認為設計這樣的固定像素寬很有意思。

4. 亞馬遜購物應用Windowshop

Chrome上的亞馬遜購物應用程序Windowshop僅僅只是windowshop.com的一個書籤,但是,這並不是意味著,它算不上是個出色的網絡應用程序。

此網絡程序與其iPad對應程序佈局完全一致。

唯一的差別——這一點很重要——是在網絡程序的右下端添加了一個滾動控制條,用戶可以在程序內或不同板塊間上下左右來回滾動。

對我們來說,這使得一點非常明白——那就是此程序首先是為觸摸屏設置的,然後為鼠標和鍵盤進行了調整。

5. 地下氣象

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平板電腦將延續其對傳統網絡瀏覽器中網絡設計和發展的影響。

雖然這些不同類型設備的真正融合——桌面和平板電腦——仍然還有很長的路要走,但是用戶已開始在不同計算平台上看到類似的用戶界面、應用體驗以及功能。