隨著HTML（超文本標(biāo)記語言）第五版的更新，也就是大家常說的H5，在移動端，由于其相對較低的開發(fā)成本及強(qiáng)大的跨平臺運行能力，越來越多的信息型產(chǎn)品也開始選擇這樣輕量級的H5頁面進(jìn)行快速迭代，同時借用微信等平臺快速觸達(dá)用戶。

現(xiàn)在早過了App的紅利時期，大家下載應(yīng)用的熱情已經(jīng)不再那么火熱，再加上那么多燒錢O2O產(chǎn)品培養(yǎng)的用戶習(xí)慣，沒點補(bǔ)貼很難吸引用戶。（灰常有創(chuàng)意或剛需的產(chǎn)品除外哦）
直接在應(yīng)用市場推App的成本也很高，各大安卓應(yīng)用市場，以百度手機(jī)助手為例，頁Banner輪播的價格是1.5萬/天，人氣應(yīng)用風(fēng)向標(biāo)第1~4個位置是3.9萬/天。對于還沒大量融資的產(chǎn)品算是天價了。

這時web的優(yōu)勢就體現(xiàn)出來了，它很輕，迭代還快，而且現(xiàn)在有微信這么好的入口。坐擁8億用戶，公眾平臺的功能還那么強(qiáng)大，不用白不用啊~

所以在產(chǎn)品布局時我們?nèi)绾稳ミx擇就尤為重要。
近遇到了這方面的問題，找了很多資料，總結(jié)一下和大家一起分享。，也希望更懂的大牛能在后臺多交流下，不勝感激~

就從web相對App的優(yōu)勢劣勢，以及需求和場景，四個方面說吧

優(yōu)勢：

1.H5可跨平臺使用，開發(fā)成本相對更低。

一個產(chǎn)品經(jīng)理+前端+設(shè)計+后臺就能搞定；App則需適配iOS、安卓等不同平臺進(jìn)行設(shè)計和開發(fā)，至少需要iOS工程師+Android工程師+PM+前端+設(shè)計+后臺，開發(fā)成本高出1/3甚至更多。

2.H5可隨時上線就更新版本，適合快速迭代，且試錯成本低。

一個功能做好了立馬就能上線，一天更新幾十次都毫無壓力；App則需要用戶主動下載更新，主流的就是iOS，Android、windows仨平臺，不同平臺運營推廣的玩法還不一樣，分發(fā)和運維成本很高。

而且一個版本的功能出來，雖然很快就能做出其中一部分讓內(nèi)部人員體驗。但等我們?nèi)孔鐾炅?，可能已?jīng)過去一周了。然后提交給平臺做審核，又要等一 陣，再找個好日子發(fā)布，三周就過去了。同時，我們?nèi)绻肿龀隽烁嘈碌墓δ?，?yōu)化了細(xì)節(jié)，再修復(fù)幾個bug等等，用戶卻也只能再等幾十天才能體驗到。

3.H5可以輕量的觸達(dá)用戶，提供更便捷的服務(wù)。

相比在桌面上下一大堆App，在微信的入口或者瀏覽器上，用戶只需點開鏈接就可以獲取我們所提供的服務(wù)。有更高的使用時長及導(dǎo)流能力，基于公眾號的運營和推廣可以快速的觸達(dá)用戶。

劣勢：

1.H5—>App的轉(zhuǎn)化強(qiáng)依賴于瀏覽器。

想把用戶真正留存在自己的產(chǎn)品中需要進(jìn)一步的轉(zhuǎn)化；而APP可以內(nèi)嵌H5，直接在應(yīng)用內(nèi)即可打開并與H5進(jìn)行轉(zhuǎn)化。

2.H5目前基本無法將數(shù)據(jù)存儲在本地，依賴實時性數(shù)據(jù)，網(wǎng)絡(luò)狀態(tài)不好的時候卡到哭。

每當(dāng)用戶需要上傳數(shù)據(jù)，比如輸入，選擇，傳照片等，頁面的延遲會影響使用的流暢性；而APP可以本地存儲，運行速度更快，更省流量，可離線操作或者訪問本地資源。

3.H5性能相對較低。

對于復(fù)雜的交互，比如3D特效，頻繁的輸入輸出等等，即使實現(xiàn)了，在用戶體驗上也要減分。比如在Native App上，一個類似頁面滑動切換的效果，基本不會感受到延遲，你手指只要開始滑動，頁面就無縫的跟著滑動，但在Web上，大家應(yīng)該都經(jīng)常看微信里的各種 H5的花哨分享頁面吧，那滑動流暢嗎？

需求：

任何產(chǎn)品存在的意義都是為了解決用戶的某個需求。

不管這個需求是已經(jīng)存在的還是我們挖掘出來的，我們的產(chǎn)品都要圍繞著滿足用戶的需求開始。

現(xiàn)在的移動端產(chǎn)品，大致可以分為兩種，一種是幫助用戶實現(xiàn)某些功能的工具，比如美圖秀秀等各種P圖App，各種打車產(chǎn)品等；一種是滿足用戶在信息上，比如餓了么上的訂餐信息，知乎上的各種問答信息等等。

即功能型產(chǎn)品和信息型產(chǎn)品，當(dāng)然很多時候一款產(chǎn)品也會同時具備這兩種屬性。

所以不管是做Native App還是Web App，我們至少需要從下面三個角度來考慮

1.產(chǎn)品的核心功能

先在定位上必須明確產(chǎn)品解決的核心需求是什么。

是以做工具為切入點，解決某個痛點，給用戶優(yōu)質(zhì)的體驗，還是靠實用性或者趣味性的信息，讓用戶在產(chǎn)品中獲得自己想要的，進(jìn)而產(chǎn)生對品牌的認(rèn)知。

2.輔助功能

如用戶社區(qū)、服務(wù)等非核心需求，這些功能由于暫時不是用戶迫切要解決的任務(wù)，同時在功能的調(diào)整和內(nèi)容運營上很靈活，就很適合采用web網(wǎng)頁的方式來實現(xiàn)。

配合公眾號，就可以很好的引導(dǎo)用戶進(jìn)入自己的網(wǎng)站里，同時在自定義菜單欄中定義如售后、維權(quán)、用戶社區(qū)、活動入口等用戶所需的服務(wù)，可以更好的增加用戶黏性。

3.配合運營需求

朋友圈各種華麗的H5分享大家應(yīng)該很熟悉了，這陣子看到火一點的有“按一秒鐘”，哪好玩做的“匿名印象”，前陣子還有杜蕾斯的那個“藝術(shù)品畫廊”

這種階段性的營銷型H5對產(chǎn)品的拉新和活動運營相當(dāng)奏效。

像“雙11”還有京東的“618”，不僅是App上針對活動的版本更新以及H5站點上的頁面創(chuàng)意，專屬朋友圈轉(zhuǎn)發(fā)分享的H5也是很重要的一個渠道。

結(jié)合團(tuán)隊的實際情況，偏運營主導(dǎo)的產(chǎn)品就很有必要在這方面跟上。

場景：

你的用戶在哪里？遇到什么問題的情況下才會使用產(chǎn)品？

在家，在辦公室，在戶外等等，不同的應(yīng)用場景對用戶體驗的影響都相當(dāng)大。

在真實的場景中，任何事都有可能打斷用戶流程。

比如平常上下班，在公交地鐵上大家會看手機(jī)，不過到站或者人流擁擠時就會被打斷；買東西排隊的用戶也可能用，但同理也會隨時被打斷。
來電話，收到短信，其它應(yīng)用的推送……這些全都是干擾用戶的因素。

而好的用戶體驗應(yīng)該不受這些干擾影響，讓用戶堅挺的走下去~

基于場景和產(chǎn)品為用戶所提供的服務(wù)：

—為用戶提供實用信息

—占用用戶的碎片化時間

—某一垂直領(lǐng)域的細(xì)分服務(wù)

And so on……

有了場景才會有體驗，針對體驗才能有的放矢。再結(jié)合H5的優(yōu)劣，做選擇其實就不難了。

嘮叨這么多相信大家也早就想吐槽了，糾結(jié)個毛線，兩個都做不就完了~

其實有不少的團(tuán)隊這兩種模式都做了。

http://ywxrmy.cn/wangzhansheji/4052.html H5頁面和APP應(yīng)該如何選擇