APP、小程序、H5,開發(fā)載體如何選擇?

13 評(píng)論 29944 瀏覽 338 收藏 20 分鐘

文章從APP、小程序、H5的概念出發(fā),從可用性、優(yōu)缺點(diǎn)、用戶體驗(yàn)和成本等4個(gè)方面對(duì)這三個(gè)開發(fā)載體展開了對(duì)比分析,與大家分享。

Q:阿境,我想做個(gè)小程序或者APP。

A:為什么要做小程序跟APP?想做什么類型的小程序跟APP?產(chǎn)品定位想好了嗎?…….

Q:你怎么這么多問題?因?yàn)楝F(xiàn)在小程序跟APP熱門呀,所以想做一個(gè)。

A:這樣子吧,小程序、APP跟H5先了解下,你再?zèng)Q定。

本文將整體概述APP、小程序、H5的含義,再從可用性、優(yōu)缺點(diǎn)、用戶體驗(yàn)、成本等方面來全方位講解如何選擇開發(fā)載體,今后選擇將不再迷惑。同時(shí),場景的不同決定著開發(fā)載體的不同,理性對(duì)待,理性選擇。

一、APP、小程序、H5是什么

一句話概括了APP、小程序、H5三者的特點(diǎn),相信朋友們也印象深刻,那么阿境就以概念的形式來說說,APP、小程序、H5究竟是什么?

1. APP是什么?

APP是application的縮寫,翻譯為“應(yīng)用”,通常專指手機(jī)上的應(yīng)用軟件,或稱手機(jī)客戶端。

在移動(dòng)互聯(lián)網(wǎng)時(shí)代,APP的出現(xiàn),便捷了每個(gè)人的生活,同時(shí),APP開發(fā)開啟了每個(gè)企業(yè)移動(dòng)信息化的發(fā)展。

可以說,APP開展了移動(dòng)互聯(lián)的時(shí)代,是最早我們所能夠接觸到的移動(dòng)應(yīng)用載體。

  • 講講發(fā)展,APP自2008年,蘋果對(duì)外發(fā)布了針對(duì)iphone的應(yīng)用開發(fā)包,供免費(fèi)下載后,便催生了國內(nèi)眾多APP開發(fā)商的出現(xiàn);2010年,Android平臺(tái)的應(yīng)用呈井噴式發(fā)展;一直到2012年底,APP開發(fā)已成為當(dāng)時(shí)的紅海市場。直到現(xiàn)在,跨入2020年,APP仍然是主導(dǎo)著移動(dòng)應(yīng)用的市場。
  • 講講意義,APP的出現(xiàn),以及其創(chuàng)新性開發(fā),引來眾多網(wǎng)絡(luò)大亨們的一致關(guān)注及贊許。而隨著智能手機(jī)和iPad等移動(dòng)終端設(shè)備的普及,人們逐漸習(xí)慣了使用APP客戶端上網(wǎng)的方式,而國內(nèi)各大電商,均擁有了自己的APP客戶端,甚至于部分的個(gè)人用戶,也擁有自己的APP(少數(shù)),這標(biāo)志著,APP客戶端的商業(yè)使用,已經(jīng)逐漸普及。

2. 小程序是什么?

小程序泛指無需下載便可安裝即可使用的應(yīng)用,目前市面上的小程序包括了微信小程序、百度小程序、各大廠商的快應(yīng)用(實(shí)質(zhì)上也是小程序)、以及在去年剛上線的QQ小程序等,這些都屬于小程序的一種,但日常被人們提及的小程序,大多為微信小程序,本文介紹的也僅以微信小程序做例子。

  • 講講原理,其實(shí)現(xiàn)原理是以H5為基礎(chǔ),基于微信平臺(tái)提供豐富系統(tǒng)與平臺(tái)的接口的web應(yīng)用,這種混合模式我們一般稱為hybrid。
  • 講講特點(diǎn),小程序最主要的特點(diǎn)為“無需下載,即用即走”。但實(shí)際上,小程序也并非所謂的“無需下載”,而是由于它“小”的特點(diǎn),在你打開的時(shí)候,就已在短時(shí)間內(nèi)下載好了,確切的說,用“無感下載”來描述,更為貼切一些。
  • 講講核心價(jià)值,其作用在于【連接】——提供一對(duì)一、一對(duì)多和多對(duì)多的連接方式,從而實(shí)現(xiàn)人與人、人與智能終端、人與社交化娛樂、人與硬件設(shè)備的連接,同時(shí)連接服務(wù)、資訊、商業(yè)。

3. H5是什么?

H5的全稱是HTML5,是HTML的第五代標(biāo)準(zhǔn)(雖然這解釋太過性冷淡?。?。要注意的是,H5通俗的說,是一項(xiàng)準(zhǔn)則,而不是一項(xiàng)技術(shù)。

要明白H5是什么,那么就需要先了解下什么是“HTML”。解釋下,HTML是“超文本標(biāo)記語言”的英文縮寫(Hypertext Markup Language),我們網(wǎng)上看到的網(wǎng)頁,大都由HTML寫成。

隨著發(fā)展,一代代更新,直到2014年,HTML5標(biāo)準(zhǔn)規(guī)范最終指定完成并向全世界開放,而在那幾年,H5也成為當(dāng)時(shí)的互聯(lián)網(wǎng)熱詞。

  • 講講特點(diǎn),H5的跨平臺(tái)性尤為特別,可同時(shí)兼容PC端、移動(dòng)端、Windows、Linux、Android與ios,可輕易移植到不同的開放平臺(tái)、應(yīng)用平臺(tái)上,打破如今各自為局的情況。
  • 講講功能,H5可無需第三方瀏覽器插件即可創(chuàng)建高級(jí)圖形、版式、動(dòng)畫以及過渡效果,這也使得用戶使用較少的流量就可看到較完美的視覺聽覺效果。不管是對(duì)于用戶還是企業(yè),都是友好的。

小結(jié)

上述太過理論化,如果你不想看,那么,阿境用一句話給你簡單概括:APP豐滿,但復(fù)雜;小程序精簡,且互聯(lián);H5跨平臺(tái),也友好。

二、APP、小程序、H5的優(yōu)缺點(diǎn)對(duì)比

APP,小程序,H5這三者目前已有多年演變歷史及發(fā)展,市面上對(duì)于這三者的優(yōu)缺點(diǎn)的介紹也數(shù)不勝數(shù)。

這邊阿境就自己的認(rèn)知,簡單列舉三者優(yōu)缺點(diǎn)(不做過多分析),以供朋友們對(duì)這三者有個(gè)簡要的理解。

1. 三者優(yōu)點(diǎn)

【APP】

(1)運(yùn)行速度快,體驗(yàn)好。

(2)可使用底層的設(shè)備功能,如攝像頭、方向傳感器、重力傳感器、撥號(hào)、GPS、語音、短信、藍(lán)牙等;

(3)在界面設(shè)計(jì)、功能設(shè)計(jì)、操作邏輯等方面,更容易做到流暢性、用戶體驗(yàn)好。且留存率高,用戶一旦下載,相較于其他兩端,留存的可能性大。

(4)精準(zhǔn),超強(qiáng)用戶黏性。一旦主動(dòng)下載了APP,便是基于本身APP的內(nèi)容有興趣,同時(shí)APP會(huì)一直待在用戶手機(jī)里,APP端便有了不斷向用戶傳播信息,達(dá)到喚醒沉睡用戶的機(jī)會(huì)。

【小程序】

(1)背靠微信十億流量;使得小程序更易獲客,降低獲客成本(附近小程序功能),同時(shí)可借助微信的社交網(wǎng)絡(luò)引發(fā)爆發(fā)性傳播,“在巨人肩膀搭積木”。

(2)連接線上與線下;推動(dòng)線下用戶習(xí)慣的養(yǎng)成,小程序相比APP更容易達(dá)成線上線下場景的連接與互動(dòng)。

(3)觸手可及,無需下載,即用即走,體驗(yàn)度接近原生,用戶體驗(yàn)好。該概念是小程序一上線就開始打的戰(zhàn)略,可做APP的整體嫁接,也可做簡潔版功能的承載體,這一特點(diǎn)使得能代替許多APP。

(4)開發(fā)成本低、體驗(yàn)接近原生、高效的流量召回、積累自由用戶成為可能等

【H5】

(1)跨平臺(tái)性(同時(shí)兼容PC端、移動(dòng)端、Windows、Linux、Android與ios)

(2)開發(fā)周期短,維護(hù)成本較低,可快速迭代。

(3)開發(fā)相對(duì)較容易,對(duì)瀏覽器適配簡單,簡單易發(fā)布,直接上傳即可,無需審核。

2. 三者缺點(diǎn)

【APP】

(1)開發(fā)周期長,費(fèi)用多,不同的操作系統(tǒng)(Android與ios)需要獨(dú)立開發(fā),且維護(hù)起來也比較麻煩。

(2)獲客成本高,用戶使用需要下載。在沒有一定知名度的情況下,使得用戶去主動(dòng)下載一個(gè)APP的成本高昂。

(3)更新需要上架審核,Android需在各大應(yīng)用市場,ios需在App store上進(jìn)行上架審核,受制于各大應(yīng)用商店的規(guī)范中,上架后用戶需重新更新安裝。

【小程序】

(1)引流能力有限,傳播有限(轉(zhuǎn)發(fā)朋友圈等功能受限),且用戶留存困難,在小程序中留存的概念弱。該缺點(diǎn)也正是由于“即用即走”的特點(diǎn),導(dǎo)致留存困難—無絕對(duì)的優(yōu)點(diǎn)與缺點(diǎn)。

(2)受制于微信管控,功能的開發(fā)取決于微信的賦能,從功能接口,甚至于類別內(nèi)容等,以及部分敏感內(nèi)容(也可能是wx的競爭對(duì)手)還容易遭受到封禁等措施。

【H5】

(1)用戶體驗(yàn)差,每次打開頁面,需要重新加載;

(2)加載速度慢,若是在網(wǎng)絡(luò)情況差的情況下,網(wǎng)頁可能加載需要長久的時(shí)間;

(3)僅能使用部分設(shè)備底層的功能,藍(lán)牙、短信、攝像頭、麥克風(fēng)等功能無法使用,造成開發(fā)功能局限。

3. 三者對(duì)比

【系統(tǒng)權(quán)限方面】

(1)H5 本身可以說幾乎是沒有什么系統(tǒng)權(quán)限的。雖然也有攝像頭之類的接口,但是重度依賴瀏覽器能力,兼容性有限。

(2)小程序,由于依賴微信客戶端本身,所以微信小程序團(tuán)隊(duì)將客戶端的很多能力開放給了小程序環(huán)境,前提是微信也授權(quán)了相關(guān)的能力,比如允許訪問麥克風(fēng),允許訪問相冊(cè)等。

(3)APP由于采用的是原生開發(fā),可使用許多底層的空間及功能,系統(tǒng)權(quán)限也是這三者當(dāng)中最高的。

【管控方面】

(1)H5 頁面可以不用搞 HTTPS,有個(gè)網(wǎng)站就能玩。但是小程序,從后端開始就有限制,要求域名備案+HTTPS,一定程度上也是一點(diǎn)成本。

(2)小程序依賴微信平臺(tái),因此微信平臺(tái)要對(duì)內(nèi)容安全等事項(xiàng)負(fù)責(zé),比如想做有 UGC 的產(chǎn)品,小程序上線前期就需資質(zhì)

(3)APP則歸屬應(yīng)用市場及App store的審核限定,同時(shí)也需要資質(zhì)審核。

【 分享方面】

(1)小程序可分享到群,但不可分享到朋友圈,且只能在微信體系內(nèi)運(yùn)作;

(2)H5可分享給好友,也可分享到朋友圈,同時(shí)可在瀏覽器上打開;

(3)APP可分享到各大平臺(tái)(受限制除外,例如淘寶在微信上的分享)

【主動(dòng)觸達(dá)渠道方面】

(1)H5 本身是沒有用戶觸達(dá)能力的,如果用戶關(guān)掉了頁面,頁面就再也沒有辦法主動(dòng)觸達(dá)該用戶了。傳統(tǒng)的營銷方式都是采用郵件營銷或短信營銷等來觸達(dá)用戶。

(2)小程序支持模板消息(現(xiàn)已改成訂閱號(hào)消息),有一周的推送時(shí)間限制。只要用戶使用小程序,就可通過某種操作收集 formid,即可在一周之內(nèi)的任意時(shí)間觸達(dá)用戶。

(3)APP可通過第三方推送(如極光推送等)推送信息給到目標(biāo)用戶,從而達(dá)到喚醒沉睡用戶的目的。

【其他】

(1)留存率方面:APP>小程序>H5

(2)流暢度方面:APP=小程序>H5

(3)簡易功能成本:APP>小程序=H5

(4)迭代周期:APP>小程序>H5

(5)追蹤能力:APP=小程序>H5

由于篇幅有限,不再過多贅述,感興趣的可以查看阿境整理的三者對(duì)比表。(如上圖)

三、如何選擇開發(fā)載體?

常常會(huì)遇到甲方大大或者部分老板的需求“我想做一款商城APP”,當(dāng)徹底了解對(duì)方的公司情況及預(yù)算后,可能更適合他們的,是做一款商城小程序。

那么,如何選擇開發(fā)載體呢?

該問題不能一概而論,這三者沒有絕對(duì)的好,也沒有絕對(duì)的差,取決于開發(fā)方的產(chǎn)品類型(行業(yè))、產(chǎn)品定位(方向)、項(xiàng)目預(yù)算(金錢)等多個(gè)維度綜合考慮。

那么,如何選擇呢,阿境以自己與眾多甲方大大的溝通經(jīng)驗(yàn),粗略分析下。

1. 該開發(fā)APP還是小程序或者是H5?

APP、小程序、H5說白了,都是一種前端的展示形式,選擇哪種,取決于他們各自的特點(diǎn)及所攜帶的功能。首先需要了解的,是他們各自的優(yōu)缺點(diǎn),上文已經(jīng)詳細(xì)提到了。

在了解優(yōu)缺點(diǎn)之后,是公司的定位,以及做產(chǎn)品的定位。打個(gè)比方,工具類的小程序,會(huì)比工具類的APP更來得劃算,工具類的軟件,本身就是“低頻多次”,那么,在小程序滿足其功能的前提下,選擇做小程序遠(yuǎn)比做APP的成本來得低。

下面會(huì)從幾個(gè)角度上來分析,如何選擇開發(fā)載體。

從成本預(yù)算上來看,有錢有人有模式,那么APP是最好選擇;若想小成本是錯(cuò),則H5或小程序更加合適。H5和小程序則更屬于在業(yè)務(wù)探索階段的項(xiàng)目。畢竟同等功能下的項(xiàng)目預(yù)算,一個(gè)APP的成本等于兩到三個(gè)的H5/小程序,但其體驗(yàn)相對(duì)好,且從長遠(yuǎn)的發(fā)展來看,更容易留存。

從時(shí)間周期上來看,開發(fā)H5/小程序,遠(yuǎn)比APP更加快速。畢竟在開發(fā)配置上,APP需要Android開發(fā)跟ios開發(fā),而H5和小程序僅需一個(gè)前端開發(fā)工程師,自然在測(cè)試方面,測(cè)試單端跟兩端的時(shí)間周期,也是不同的。

從流暢性及反應(yīng)速度來看,APP跟小程序都是不二選擇,H5則相對(duì)遜色。APP由于其原生的特性,加載頁面僅需加載變化的部分,而H5其本質(zhì)是網(wǎng)頁,換頁面時(shí),通常要加載整個(gè)頁面,就像是瀏覽器打開一個(gè)新頁面一樣(不清楚的朋友可以打開京東APP,及京東H5來對(duì)比下,一目了然),速度相對(duì)較慢。

從功能開發(fā)上來看,H5及小程序局限性較多,選擇APP更為自由。在原生APP當(dāng)中,可調(diào)用系統(tǒng)底層的硬件(例如攝像頭,麥克風(fēng)等等),支持的硬件更多,更容易擴(kuò)展。相對(duì)而言,H5便望塵莫及了;而小程序是在于巨頭的籠罩之下,局限于微信的管轄,功能都需要有微信的接口支持,所以,功能也相對(duì)局限(雖然,近年來微信不斷地為小程序賦能)。

……

如何選擇,就需要根據(jù)以上多個(gè)維度來綜合分析并取舍,最終來得出選擇。

假若你的客戶或者你的上司要求做出來的軟件開發(fā)周期要短,預(yù)算要少,流暢要高,功能要全,內(nèi)存占據(jù)少,同時(shí)兼容各版本…..那么,在你看完阿境的碎碎念之后,你告訴他:“夢(mèng)里啥都有。

2. 已經(jīng)2020年了,小程序還是這么火,是否有替代APP的可能性?

大家往往在現(xiàn)在有個(gè)推理誤區(qū):“張小龍說過,小程序會(huì)替代80%的APP?!?/strong>

于是乎,許多人推理得出”小程序這么火,那么,今后一定會(huì)取代APP。”

阿境認(rèn)為,這完全是個(gè)悖論。在以上分析“APP能否被小程序替代”這個(gè)問題的時(shí)候,我們上面在清楚了小程序及APP的優(yōu)缺點(diǎn)之后(其實(shí)是啰嗦了一堆),這個(gè)問題也就不難回答了。

小程序的核心價(jià)值高低在于解決實(shí)際問題的能力和體驗(yàn)。從用戶需求的角度講,用戶不會(huì)在意自己使用的是小程序還是APP,而是更多的關(guān)注哪種方式操作更簡單,流程體驗(yàn)?zāi)膫€(gè)更順暢,不容易占用手機(jī)內(nèi)存等。

這就意味著開發(fā)者推出的小程序若非體驗(yàn)和服務(wù)優(yōu)于APP一個(gè)量級(jí),否則用戶在操作習(xí)慣上依然傾向原有的APP。以及若非高頻的場景觸發(fā),用戶很難在已有app的基礎(chǔ)上再選擇一個(gè)新的操作方式。

而小程序能夠替代的APP,基本是一些工具性,功能簡單,較不常用的APP的功能(如日常打卡,電影購票,點(diǎn)餐,乘車服務(wù)類等),都是基于小程序其“無需下載即用即走”的特點(diǎn);而APP的功能更加強(qiáng)大,如微信、淘寶等APP,是小程序無法替代的。

要注意的一點(diǎn),80%不等于100%,有時(shí)候往往那僅有的20%,才是市場的一片天。

寫在文末

從2010年的“我要做一款xxAPP”,一直到2014年的“我要做一款xxH5”,再到現(xiàn)在的“我要做一款xx小程序”,我們可以很清晰地觀察看到,互聯(lián)網(wǎng)載體的發(fā)展,影響到市場的聲音,這是一種發(fā)展的趨勢(shì)。

就這三者而言,并無絕對(duì)的優(yōu)劣,看完文章的朋友們應(yīng)該也能大致明白,場景的不同決定著開發(fā)載體的不同,理性對(duì)待,理性選擇。

 

作者:阿境,熱愛產(chǎn)品的凡夫俗子。野蠻生長,產(chǎn)品汪一枚,做過電商、醫(yī)療、教育行業(yè)項(xiàng)目,有百萬級(jí)流水產(chǎn)品經(jīng)驗(yàn)。公眾號(hào):夢(mèng)想家阿境

本文由@阿境 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理,未經(jīng)作者許可,禁止轉(zhuǎn)載。

題圖來自Unsplash,基于CC0協(xié)議

更多精彩內(nèi)容,請(qǐng)關(guān)注人人都是產(chǎn)品經(jīng)理微信公眾號(hào)或下載App
評(píng)論
評(píng)論請(qǐng)登錄
  1. 迭代周期:APP>小程序>H5。這是為什么?H5應(yīng)該是最好迭代的呀

    來自北京 回復(fù)
  2. 謝謝作者,寫得很詳細(xì)呢!產(chǎn)品運(yùn)營小白很受用

    來自上海 回復(fù)
  3. 透徹,高!

    來自廣東 回復(fù)
  4. 你好,APP現(xiàn)在有沒有可能安卓和蘋果用同一套開發(fā)的代碼,分別打包上傳到應(yīng)用市場?

    來自廣東 回復(fù)
    1. React Native 、Flutter 都可以

      來自北京 回復(fù)
    2. 也可以調(diào)用手機(jī)底層能力,保持流暢性的優(yōu)點(diǎn)嗎?

      來自福建 回復(fù)
  5. 感謝分享!

    來自廣東 回復(fù)
  6. 寫的太具體詳細(xì)了,如果能把案例對(duì)比直接放出個(gè)鏈接,就更完美了。感謝分享

    來自中國 回復(fù)
  7. 謝謝分享呢

    回復(fù)
  8. 太具體了

    回復(fù)
  9. 感謝分享

    來自浙江 回復(fù)
  10. 感謝作者分享

    來自河南 回復(fù)
  11. 個(gè)人公眾號(hào):夢(mèng)想家阿境
    期待遇見

    來自福建 回復(fù)