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

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

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

所以在產品布局時我們如何去選擇就尤為重要。
近遇到了這方面的問題，找了很多資料，總結一下和大家一起分享。，也希望更懂的大牛能在后臺多交流下，不勝感激~

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

優勢：

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

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

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

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

而且一個版本的功能出來，雖然很快就能做出其中一部分讓內部人員體驗。但等我們全部做完了，可能已經過去一周了。然后提交給平臺做審核，又要等一 陣，再找個好日子發布，三周就過去了。同時，我們如果又做出了更多新的功能，優化了細節，再修復幾個bug等等，用戶卻也只能再等幾十天才能體驗到。

3.H5可以輕量的觸達用戶，提供更便捷的服務。

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

劣勢：

1.H5—>App的轉化強依賴于瀏覽器。

想把用戶真正留存在自己的產品中需要進一步的轉化；而APP可以內嵌H5，直接在應用內即可打開并與H5進行轉化。

2.H5目前基本無法將數據存儲在本地，依賴實時性數據，網絡狀態不好的時候卡到哭。

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

3.H5性能相對較低。

對于復雜的交互，比如3D特效，頻繁的輸入輸出等等，即使實現了，在用戶體驗上也要減分。比如在Native App上，一個類似頁面滑動切換的效果，基本不會感受到延遲，你手指只要開始滑動，頁面就無縫的跟著滑動，但在Web上，大家應該都經?？次⑿爬锏母鞣N H5的花哨分享頁面吧，那滑動流暢嗎？

需求：

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

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

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

即功能型產品和信息型產品，當然很多時候一款產品也會同時具備這兩種屬性。

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

1.產品的核心功能

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

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

2.輔助功能

如用戶社區、服務等非核心需求，這些功能由于暫時不是用戶迫切要解決的任務，同時在功能的調整和內容運營上很靈活，就很適合采用web網頁的方式來實現。

配合公眾號，就可以很好的引導用戶進入自己的網站里，同時在自定義菜單欄中定義如售后、維權、用戶社區、活動入口等用戶所需的服務，可以更好的增加用戶黏性。

3.配合運營需求

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

這種階段性的營銷型H5對產品的拉新和活動運營相當奏效。

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

結合團隊的實際情況，偏運營主導的產品就很有必要在這方面跟上。

場景：

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

在家，在辦公室，在戶外等等，不同的應用場景對用戶體驗的影響都相當大。

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

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

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

基于場景和產品為用戶所提供的服務：

—為用戶提供實用信息

—占用用戶的碎片化時間

—某一垂直領域的細分服務

And so on……

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

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

其實有不少的團隊這兩種模式都做了。

http://www.bangwork.net/wangzhansheji/4052.html H5頁面和APP應該如何選擇