Web App和Native App 誰(shuí)將是未來(lái)
未來(lái)是Web App的天下,還是Native App的天下?作為設(shè)計(jì)師,我們是應(yīng)該努力把客戶(hù)端的體驗(yàn)提升到***,還是在網(wǎng)頁(yè)應(yīng)用層面上做更多的設(shè)計(jì)?這個(gè)一直是大家關(guān)心的話題。那么,我們首先應(yīng)該立體的認(rèn)識(shí)一下Web App和Native App。
一、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 谷歌 Voice 和谷歌 Gmail是Web App的設(shè)計(jì)典范
Web App的優(yōu)勢(shì):
1.開(kāi)發(fā)成本低
2.適配多種移動(dòng)設(shè)備成本低
3.跨平臺(tái)和終端
4.迭代更新容易
5.無(wú)需安裝成本
Web App的劣勢(shì):
1.瀏覽的體驗(yàn)短期內(nèi)還無(wú)法超越原生應(yīng)用
2.不支持離線模式(html5將會(huì)解決這個(gè)問(wèn)題)
3.消息推送不夠及時(shí)
4.調(diào)用本地文件系統(tǒng)的能力弱
圖2 街旁和百度小說(shuō),采用HTML5實(shí)現(xiàn)了接近Native的體驗(yàn)效果
二、Native App
而App因?yàn)槲挥谄脚_(tái)層上方,向下訪問(wèn)和兼容的能力會(huì)比較好一些,可以支持在線或離線,消息推送或本地資源訪問(wèn),攝像撥號(hào)功能的調(diào)取。但是由于設(shè)備碎片化,App的開(kāi)發(fā)成本要高很多,維持多個(gè)版本的更新升級(jí)比較麻煩,用戶(hù)的安裝門(mén)檻也比較高。但是比較樂(lè)觀的是,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ì):
1.提供***的用戶(hù)體驗(yàn),***質(zhì)的用戶(hù)界面,最華麗的交互
2.針對(duì)不同平臺(tái)提供不同體驗(yàn)
3.可節(jié)省帶寬成本
4.可訪問(wèn)本地資源
5.盈利模式明朗
Native App的劣勢(shì):
1.移植到不同平臺(tái)上比較麻煩
2.維持多個(gè)版本的成本比較高
3.需要通過(guò)store或market的確認(rèn)
4.盈利需要與第三方分成
三、融合
喬布斯有一次談到這個(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ò)瀏覽器訪問(wèn);Native App,通過(guò)App store安裝;第三類(lèi)叫Hybrid App,它雖然看上去是一個(gè)Native App,但只有一個(gè)UI WebView,里面訪問(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的路線,不過(guò)掌上百度里面封裝的不是WebView,而是自己的瀏覽內(nèi)核,所以體驗(yàn)上更像客戶(hù)端,更高效。
圖4 掌上百度和Naver客戶(hù)端都是Web App+Native App的架構(gòu)
圖5 掌上百度的架構(gòu)說(shuō)明,客戶(hù)端嵌套服務(wù)端,保證服務(wù)的高效迭代與更新
谷歌的Chrome OS和Android都是操作系統(tǒng),但走的是兩條路。Chrome OS走的是Web app的路。從Chrome OS 大會(huì)上發(fā)布的Chrome Web App能看出來(lái),谷歌想為未來(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)血:“谷歌的戰(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è)備廠商的期待還是體驗(yàn)上更勝一籌的Native。Web之于我們,只是一種趨勢(shì)。在這個(gè)也許會(huì)非常久的過(guò)渡階段,對(duì)復(fù)雜產(chǎn)品來(lái)說(shuō),Native App + Web App也許是個(gè)不錯(cuò)的解決方案。
【編輯推薦】