2010/12/13

iPad衝擊/網路應用程式設計變革



[ WAY ]   剛好在誠品看到一本呼應這個主題的新書-iPad衝擊(博客來)



最近 Google 甫推出了 Chrome Web APP Store ,已有在使用 iPhone / iPad 的人相信會有某種程度的熟悉感。沒錯,就是 APP 模式,只是傳播介面的載體換成是 Chrome 瀏覽器。而接連而來的這一切,不僅僅意味著網路生態的改變,甚至是整個媒體生態的嶄新演化。

「內容生產者 → 介面 → 內容接收者」-的媒體傳播模式,將有不一樣的可能。 關鍵就在於「介面」 ,不管是 iPhone / iPad ,還是 Chrome 等等的現代網路瀏覽器,都造就出了新的媒體生態,讓消費者 / 觀賞者 / 閱讀者不再是只有電視 / 紙本書籍等傳統介面可作為選擇。

APP 模式正是這個嶄新生態中的創新模式。內容接收者可以更有彈性地透過自己的介面裝置,選擇自己要的內容(APP)。而對內容生產者而言,也不再侷限於既有的媒體通路。

另外再提供一篇文章作為閱讀參考~Web 3.0 與「後 PC」時代




*以下所轉貼的文章已轉為繁體,並局部替換上台灣所慣用的詞彙。


[ 轉貼]  來源網頁

iPad帶來的網路應用程式設計變革

2010年12月10日09:54 騰訊科技

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




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

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



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

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

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

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

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

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






來源網頁





Sitetag