一、Web App

Web無(wú)需安裝，對(duì)設(shè)備碎片化的適應(yīng)能力優(yōu)于App，它只需要通過(guò)XHTML、CSS和JavaScript就可以在任意移動(dòng)瀏覽器中執(zhí)行。隨著iPhone帶來(lái)的WebKit瀏覽體驗(yàn)升級(jí)，使得專(zhuān)為iPhone等有WebKit瀏覽內(nèi)核的移動(dòng)設(shè)備開(kāi)發(fā)的Web應(yīng)用，也有了如App一般流暢的用戶(hù)體驗(yàn)。

圖1 Google Voice 和Google Gmail是Web App的設(shè)計(jì)典范

Web App的優(yōu)勢(shì)：

• 開(kāi)發(fā)成本低
• 適配多種移動(dòng)設(shè)備成本低
• 跨平臺(tái)和終端
• 迭代更新容易
• 無(wú)需安裝成本

Web App的劣勢(shì)：

• 瀏覽的體驗(yàn)短期內(nèi)還無(wú)法超越原生應(yīng)用
• 不支持離線(xiàn)模式(html5將會(huì)解決這個(gè)問(wèn)題)
• 消息推送不夠及時(shí)
• 調(diào)用本地文件系統(tǒng)的能力弱

圖2 街旁和百度小說(shuō)，采用HTML5實(shí)現(xiàn)了接近Native的體驗(yàn)效果

二、Native App

而App因?yàn)槲挥谄脚_(tái)層上方，向下訪(fǎng)問(wèn)和兼容的能力會(huì)比較好一些，可以支持在線(xiàn)或離線(xiàn)，消息推送或本地資源訪(fǎng)問(wèn)，攝像撥號(hào)功能的調(diào)取。但是由于設(shè)備碎片化，App的開(kāi)發(fā)成本要高很多，維持多個(gè)版本的更新升級(jí)比較麻煩，用戶(hù)的安裝門(mén)檻也比較高。但是比較樂(lè)觀(guān)的是，App store培養(yǎng)了一種比較好的用戶(hù)付費(fèi)模式，所以在Apple的生態(tài)圈里，開(kāi)發(fā)者的盈利模式是一種明朗狀態(tài)，其他market也在往這條路上靠攏。

圖3 Gowalla和Awesome Note，是移動(dòng)客戶(hù)的經(jīng)典設(shè)計(jì)案例

Native App的優(yōu)勢(shì)：

• 提供***的用戶(hù)體驗(yàn)，***質(zhì)的用戶(hù)界面，最華麗的交互
• 針對(duì)不同平臺(tái)提供不同體驗(yàn)
• 可節(jié)省帶寬成本
• 可訪(fǎng)問(wèn)本地資源
• 盈利模式明朗

Native App的劣勢(shì)：

• 移植到不同平臺(tái)上比較麻煩
• 維持多個(gè)版本的成本比較高
• 需要通過(guò)store或market的確認(rèn)
• 盈利需要與第三方分成

三、融合

喬布斯有一次談到這個(gè)問(wèn)題，他說(shuō)Web是未來(lái)，雖然現(xiàn)階段Native給了用戶(hù)更好的體驗(yàn)。如果現(xiàn)在的開(kāi)發(fā)者不有效的利用Web技術(shù)，那他就落伍了。但如果過(guò)分依賴(lài)Web，完全不用Native那也未必就是好事。

IOS平臺(tái)上的app有三類(lèi)：Web App，通過(guò)瀏覽器訪(fǎng)問(wèn);Native App，通過(guò)app store安裝;第三類(lèi)叫Hybrid App，它雖然看上去是一個(gè)Native app，但只有一個(gè)UI WebView，里面訪(fǎng)問(wèn)的是一個(gè)Web App，比如街旁網(wǎng)最開(kāi)始的應(yīng)用就是包了個(gè)客戶(hù)端的科，其實(shí)里面是HTML5的網(wǎng)頁(yè)，后來(lái)才推出真正的原生應(yīng)用。再?gòu)氐滓稽c(diǎn)的，如掌上百度和淘寶客戶(hù)端Android版，走的也是Hybrid App的路線(xiàn)，不過(guò)掌上百度里面封裝的不是WebView，而是自己的瀏覽內(nèi)核，所以體驗(yàn)上更像客戶(hù)端，更高效。

圖4 掌上百度和Naver客戶(hù)端都是Web App+Native App的架構(gòu)

圖5 掌上百度的架構(gòu)說(shuō)明，客戶(hù)端嵌套服務(wù)端，保證服務(wù)的高效迭代與更新

Google的Chrome OS和Android都是操作系統(tǒng)，但走的是兩條路。ChromeOS走的是Web app的路。從Chrome OS 大會(huì)上發(fā)布的Chrome Web App能看出來(lái)，Google想為未來(lái)的Chrome OS做鋪墊，鼓勵(lì)更多的開(kāi)發(fā)者開(kāi)發(fā)出具有應(yīng)用程序體驗(yàn)的Web App，正如Chrome OS官網(wǎng)上說(shuō)的——“Nothing but the web”。而Android走的是Native App的路。Android作為手機(jī)平臺(tái)的操作系統(tǒng)，明顯更注重應(yīng)用程序開(kāi)發(fā)，這一點(diǎn)從Android Market可以看出來(lái)。也許前微軟***架構(gòu)師Ray Ozzie的評(píng)價(jià)更加一針見(jiàn)血：“Google的戰(zhàn)略中Android(以app為主)是在賭過(guò)去，而Chrome OS(完全基于Web)則是在賭未來(lái)。”

于是我們可以得到這樣一個(gè)啟發(fā)，你要想服務(wù)于未來(lái)，必須不斷的跟隨技術(shù)發(fā)展的腳步，提供更好的網(wǎng)頁(yè)服務(wù)和體驗(yàn)。但是人們是活在當(dāng)下，為了當(dāng)下用戶(hù)的需求，又必須提供現(xiàn)階段瀏覽體驗(yàn)***的客戶(hù)端產(chǎn)品。但是，客戶(hù)端是笨重且遲緩的，它不能像傳統(tǒng)網(wǎng)頁(yè)那樣，一有風(fēng)吹草動(dòng)就華麗轉(zhuǎn)身，只能規(guī)劃好功能點(diǎn)，一步一步迭代，畢竟用戶(hù)的升級(jí)成本太高了。所以，就有了這種Web App + Native App的架構(gòu)，在現(xiàn)有條件下給用戶(hù)***的瀏覽體驗(yàn)和升級(jí)迭代。

四、未來(lái)趨勢(shì)

雖然我們都愿意相信，當(dāng)Web的體驗(yàn)和Native的體驗(yàn)逐漸趨近的時(shí)候，人們更愿意把精力花在內(nèi)容獲取上，而不是軟件交互上，但是現(xiàn)階段的交互體驗(yàn)，恰恰是影響人們獲取內(nèi)容的主要短板。所以，趨勢(shì)擺在那里，我們卻無(wú)法預(yù)測(cè)這個(gè)時(shí)間差。

就跟電腦端的應(yīng)用一樣，雖然現(xiàn)在Web化的趨勢(shì)已經(jīng)非常明顯了，但是還是無(wú)法取代你本機(jī)安裝的一些工具類(lèi)的、游戲類(lèi)的應(yīng)用，在Web技術(shù)沒(méi)有達(dá)到本地應(yīng)用的效率和體驗(yàn)之前，Web是無(wú)法顛覆Native的。

總得來(lái)說(shuō)，Web只是我們作為設(shè)計(jì)者和開(kāi)發(fā)者所期待的一種理想化結(jié)果，開(kāi)發(fā)成本低、輕松跨平臺(tái)、迭代更新快，但是顯然，現(xiàn)階段用戶(hù)的期待和手機(jī)設(shè)備廠(chǎng)商的期待還是體驗(yàn)上更勝一籌的Native。Web之于我們，只是一種趨勢(shì)。在這個(gè)也許會(huì)非常久的過(guò)渡階段，對(duì)復(fù)雜產(chǎn)品來(lái)說(shuō)，Native App + Web App也許是個(gè)不錯(cuò)的解決方案。