APP、小程序、H5,開發(fā)載體如何選擇?
文章從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é)議
迭代周期:APP>小程序>H5。這是為什么?H5應(yīng)該是最好迭代的呀
謝謝作者,寫得很詳細(xì)呢!產(chǎn)品運(yùn)營小白很受用
透徹,高!
你好,APP現(xiàn)在有沒有可能安卓和蘋果用同一套開發(fā)的代碼,分別打包上傳到應(yīng)用市場?
React Native 、Flutter 都可以
也可以調(diào)用手機(jī)底層能力,保持流暢性的優(yōu)點(diǎn)嗎?
感謝分享!
寫的太具體詳細(xì)了,如果能把案例對(duì)比直接放出個(gè)鏈接,就更完美了。感謝分享
謝謝分享呢
太具體了
感謝分享
感謝作者分享
個(gè)人公眾號(hào):夢(mèng)想家阿境
期待遇見