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

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

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

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

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

優(yōu)勢：

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

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

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

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

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

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

相比在桌面上下一大堆App，在微信的入口或者瀏覽器上，用戶只需點(diǎn)開鏈接就可以獲取我們所提供的服務(wù)。有更高的使用時(shí)長及導(dǎo)流能力，基于公眾號的運(yùn)營和推廣可以快速的觸達(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í)時(shí)性數(shù)據(jù)，網(wǎng)絡(luò)狀態(tài)不好的時(shí)候卡到哭。

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

3.H5性能相對較低。

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

需求：

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

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

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

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

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

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

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

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

2.輔助功能

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

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

3.配合運(yùn)營需求

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

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

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

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

場景：

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

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

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

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

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

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

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

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

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

And so on……

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

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

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

先在web app上進(jìn)行新版本測試，而后快速收集反饋指導(dǎo)Native app的更新，這樣兩者就可以相互結(jié)合互補(bǔ)，讓團(tuán)隊(duì)資源發(fā)揮更大的效用。

本文名稱：做網(wǎng)頁App和原生App之前有四點(diǎn)你要知道
網(wǎng)頁URL：http://m.rwnh.cn/news/198018.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供虛擬主機(jī)、網(wǎng)站內(nèi)鏈、網(wǎng)站設(shè)計(jì)公司、微信公眾號、外貿(mào)建站、網(wǎng)站導(dǎo)航

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來源： 創(chuàng)新互聯(lián)