互聯(lián)網(wǎng),已經(jīng) iPad 化

2010/12/10 11:33:17    編輯:騰訊科技     字體:【

Win7之家afsion.com.cn):互聯(lián)網(wǎng),已經(jīng) iPad 化

據(jù)國外媒體報道,谷歌已經(jīng)正式推出其網(wǎng)絡(luò)應(yīng)用程序商店Chrome Web Store。商店里的應(yīng)用程序采用了JavaScript語言和HTML5規(guī)范等先進技術(shù)。并且Chrome應(yīng)用商店大部分程序都能應(yīng)用在任何一款現(xiàn)代瀏覽器上,而不僅僅是谷歌Chrome上。iPad 已經(jīng)改變了互聯(lián)網(wǎng)設(shè)計,我們將這種現(xiàn)象稱為“互聯(lián)網(wǎng)的iPad化”。正如iPad對互聯(lián)網(wǎng)設(shè)計產(chǎn)生的影響一樣,它對第二波網(wǎng)絡(luò)應(yīng)用程序的影響也表現(xiàn)得更為明顯。

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

1. 今日美國

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

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

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

2. NPR新聞網(wǎng)站

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

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

HTML5應(yīng)用框架SproutCore曾被用來創(chuàng)建NPR程序的一個早期演示版。我們感覺早期演示中的某些元素已應(yīng)用到新的網(wǎng)絡(luò)版之中。

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

3. Flixster

為Chrome設(shè)計的Flixster網(wǎng)絡(luò)應(yīng)用程序(也可在flixster.rottentomatoes.com上訪問)極清楚地反映了其iPad對應(yīng)程序的布局。

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

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

此網(wǎng)絡(luò)程序還設(shè)置了不足1000的固定像素寬度。在風(fēng)景模式下, iPad的分辨率是1024×768。公平地說,許多上網(wǎng)本的分辨率是1024×600。但我們?nèi)匀徽J為設(shè)計這樣的固定像素寬很有意思。

4. 亞馬遜購物應(yīng)用Windowshop

Chrome上的亞馬遜購物應(yīng)用程序Windowshop僅僅只是windowshop.com的一個書簽,但是,這并不是意味著,它算不上是個出色的網(wǎng)絡(luò)應(yīng)用程序。

此網(wǎng)絡(luò)程序與其iPad對應(yīng)程序布局完全一致。

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

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

5. 地下氣象

Chrome上的地下氣象程序(chrome.wunderground.com上可訪問)跟iPad上的對應(yīng)程序存在差異。

但是,這款為用戶提供絕佳方式查看和搜索天氣情況的Chrome程序,的確與其他一些iPad氣象應(yīng)用程序有著驚人的相似之處。

例如,Weather HD (iTunes鏈接)采用非常類似的方式來展示天氣情況。Weather HD使用動畫圖像(這也是地下氣象希望效仿的一個方面),還能展示每小時的天氣情況。但是兩款程序的總體布局相似。

模糊HTML5和本地應(yīng)用程序之間的界限

谷歌的官方定義可能是Android用于平板電腦,而Chrome OS用于上網(wǎng)本。但是實際上,似乎越來越多的網(wǎng)絡(luò)開發(fā)者在設(shè)計網(wǎng)絡(luò)應(yīng)用程序時,將平板電腦外形因素和功能考慮在內(nèi),比如說多點觸摸等。

這 也可以理解,因為從以上所舉的例子中可以看出,許多iPad程序在很大程度上只適用于HTML5。當(dāng)然,為諸如iOS或Android等平臺設(shè)計一款本地 應(yīng)用程序有一些好處——即便這個程序很大程度是上用HTML5編寫的——但是,隨著HTML5規(guī)范和JavaScript語言漸漸成為創(chuàng)建這種應(yīng)用程序的 基礎(chǔ),將這些程序移植到別的平臺上或是設(shè)備中就顯得并無任何挑戰(zhàn)性。

上周,美國Netflix公司的工程師在博客中寫道,公司決定在新開發(fā)的許多程序中使用HTML5規(guī)范。

很顯然,許多其他公司也看到了這些優(yōu)點。我們認為iPad的設(shè)計線索和未來的Android平板電腦將延續(xù)其對傳統(tǒng)網(wǎng)絡(luò)瀏覽器中網(wǎng)絡(luò)設(shè)計和發(fā)展的影響。

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