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

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

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

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

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

優(yōu)勢：

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

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

2.H5可隨時(shí)上線(xiàn)就更新版本，適合快速迭代，且試錯成本低。

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

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

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

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

劣勢：

1.H5—>App的轉化強依賴(lài)于瀏覽器。

想把用戶(hù)真正留存在自己的產(chǎn)品中需要進(jìn)一步的轉化；而APP可以?xún)惹禜5，直接在應用內即可打開(kāi)并與H5進(jìn)行轉化。

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

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

3.H5性能相對較低。

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

需求：

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

不管這個(gè)需求是已經(jīng)存在的還是我們挖掘出來(lái)的，我們的產(chǎn)品都要圍繞著(zhù)滿(mǎn)足用戶(hù)的需求開(kāi)始。

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

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

所以不管是做Native App還是Web App，我們至少需要從下面三個(gè)角度來(lái)考慮

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

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

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

2.輔助功能

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

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

3.配合運營(yíng)需求

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

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

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

結合團隊的實(shí)際情況，偏運營(yíng)主導的產(chǎn)品就很有必要在這方面跟上。

場(chǎng)景：

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

在家，在辦公室，在戶(hù)外等等，不同的應用場(chǎng)景對用戶(hù)體驗的影響都相當大。

在真實(shí)的場(chǎng)景中，任何事都有可能打斷用戶(hù)流程。

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

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

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

—為用戶(hù)提供實(shí)用信息

—占用用戶(hù)的碎片化時(shí)間

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

And so on……

有了場(chǎng)景才會(huì )有體驗，針對體驗才能有的放矢。再結合H5的優(yōu)劣，做選擇其實(shí)就不難了。

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

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

http://ezekroy.com/wangzhansheji/4052.html H5頁(yè)面和APP應該如何選擇