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

文章從APP、小程序、H5的概念出發，從可用性、優缺點、用戶體驗和成本等4個方面對這三個開發載體展開了對比分析，與大家分享。

Q：阿境，我想做個小程序或者APP。

A：為什麼要做小程序跟APP？想做什麼類型的小程序跟APP？產品定位想好了嗎？…….

Q：你怎麼這麼多問題？因為現在小程序跟APP熱門呀，所以想做一個。

A：這樣子吧，小程序、APP跟H5先了解下，你再決定。

本文將整體概述APP、小程序、H5的含義，再從可用性、優缺點、用戶體驗、成本等方面來全方位講解如何選擇開發載體，今後選擇將不再迷惑。同時，場景的不同決定著開發載體的不同，理性對待，理性選擇。

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

一句話概括了APP、小程序、H5三者的特點，相信朋友們也印象深刻，那麼阿境就以概念的形式來說說，APP、小程序、H5究竟是什麼？

1. APP是什麼？

APP是application的縮寫，翻譯為「應用」，通常專指手機上的應用軟體，或稱手機客戶端。

在移動網際網路時代，APP的出現，便捷了每個人的生活，同時，APP開發開啟了每個企業移動信息化的發展。

可以說，APP開展了移動互聯的時代，是最早我們所能夠接觸到的移動應用載體。

• 講講發展，APP自2008年，蘋果對外發布了針對iphone的應用開發包，供免費下載後，便催生了國內眾多APP開發商的出現；2010年，Android平臺的應用呈井噴式發展；一直到2012年底，APP開發已成為當時的紅海市場。直到現在，跨入2020年，APP仍然是主導著移動應用的市場。
• 講講意義，APP的出現，以及其創新性開發，引來眾多網絡大亨們的一致關注及讚許。而隨著智慧型手機和iPad等移動終端設備的普及，人們逐漸習慣了使用APP客戶端上網的方式，而國內各大電商，均擁有了自己的APP客戶端，甚至於部分的個人用戶，也擁有自己的APP（少數），這標誌著，APP客戶端的商業使用，已經逐漸普及。

2. 小程序是什麼？

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

• 講講原理，其實現原理是以H5為基礎，基於微信平臺提供豐富系統與平臺的接口的web應用，這種混合模式我們一般稱為hybrid。
• 講講特點，小程序最主要的特點為「無需下載，即用即走」。但實際上，小程序也並非所謂的「無需下載」，而是由於它「小」的特點，在你打開的時候，就已在短時間內下載好了，確切的說，用「無感下載」來描述，更為貼切一些。
• 講講核心價值，其作用在於【連接】——提供一對一、一對多和多對多的連接方式，從而實現人與人、人與智能終端、人與社交化娛樂、人與硬體設備的連接，同時連接服務、資訊、商業。

3. H5是什麼？

H5的全稱是HTML5，是HTML的第五代標準（雖然這解釋太過性冷淡！）。要注意的是，H5通俗的說，是一項準則，而不是一項技術。

要明白H5是什麼，那麼就需要先了解下什麼是「HTML」。解釋下，HTML是「超文本標記語言」的英文縮寫（Hypertext Markup Language），我們網上看到的網頁，大都由HTML寫成。

隨著發展，一代代更新，直到2014年，HTML5標準規範最終指定完成並向全世界開放，而在那幾年，H5也成為當時的網際網路熱詞。

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

小結

上述太過理論化，如果你不想看，那麼，阿境用一句話給你簡單概括：APP豐滿，但複雜；小程序精簡，且互聯；H5跨平臺，也友好。

二、APP、小程序、H5的優缺點對比

APP，小程序，H5這三者目前已有多年演變歷史及發展，市面上對於這三者的優缺點的介紹也數不勝數。

這邊阿境就自己的認知，簡單列舉三者優缺點（不做過多分析），以供朋友們對這三者有個簡要的理解。

1. 三者優點

【APP】

（1）運行速度快，體驗好。

（2）可使用底層的設備功能，如攝像頭、方向傳感器、重力傳感器、撥號、GPS、語音、簡訊、藍牙等；

（3）在界面設計、功能設計、操作邏輯等方面，更容易做到流暢性、用戶體驗好。且留存率高，用戶一旦下載，相較於其他兩端，留存的可能性大。

（4）精準，超強用戶黏性。一旦主動下載了APP，便是基於本身APP的內容有興趣，同時APP會一直待在用戶手機裡，APP端便有了不斷向用戶傳播信息，達到喚醒沉睡用戶的機會。

【小程序】

（1）背靠微信十億流量；使得小程序更易獲客，降低獲客成本（附近小程序功能），同時可藉助微信的社交網絡引發爆發性傳播，「在巨人肩膀搭積木」。

（2）連接線上與線下；推動線下用戶習慣的養成，小程序相比APP更容易達成線上線下場景的連接與互動。

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

（4）開發成本低、體驗接近原生、高效的流量召回、積累自由用戶成為可能等

【H5】

（1）跨平臺性（同時兼容PC端、移動端、Windows、Linux、Android與ios）

（2）開發周期短，維護成本較低，可快速迭代。

（3）開發相對較容易，對瀏覽器適配簡單，簡單易發布，直接上傳即可，無需審核。

2. 三者缺點

【APP】

（1）開發周期長，費用多，不同的作業系統（Android與ios）需要獨立開發，且維護起來也比較麻煩。

（2）獲客成本高，用戶使用需要下載。在沒有一定知名度的情況下，使得用戶去主動下載一個APP的成本高昂。

（3）更新需要上架審核，Android需在各大應用市場，ios需在App store上進行上架審核，受制於各大應用商店的規範中，上架後用戶需重新更新安裝。

【小程序】

（1）引流能力有限，傳播有限（轉發朋友圈等功能受限），且用戶留存困難，在小程序中留存的概念弱。該缺點也正是由於「即用即走」的特點，導致留存困難—無絕對的優點與缺點。

（2）受制於微信管控，功能的開發取決於微信的賦能，從功能接口，甚至於類別內容等，以及部分敏感內容（也可能是wx的競爭對手）還容易遭受到封禁等措施。

【H5】

（1）用戶體驗差，每次打開頁面，需要重新加載；

（2）加載速度慢，若是在網絡情況差的情況下，網頁可能加載需要長久的時間；

（3）僅能使用部分設備底層的功能，藍牙、簡訊、攝像頭、麥克風等功能無法使用，造成開發功能局限。

3. 三者對比

【系統權限方面】

（1）H5 本身可以說幾乎是沒有什麼系統權限的。雖然也有攝像頭之類的接口，但是重度依賴瀏覽器能力，兼容性有限。

（2）小程序，由於依賴微信客戶端本身，所以微信小程序團隊將客戶端的很多能力開放給了小程序環境，前提是微信也授權了相關的能力，比如允許訪問麥克風，允許訪問相冊等。

（3）APP由於採用的是原生開發，可使用許多底層的空間及功能，系統權限也是這三者當中最高的。

【管控方面】

（1）H5 頁面可以不用搞 HTTPS，有個網站就能玩。但是小程序，從後端開始就有限制，要求域名備案+HTTPS，一定程度上也是一點成本。

（2）小程序依賴微信平臺，因此微信平臺要對內容安全等事項負責，比如想做有 UGC 的產品，小程序上線前期就需資質

（3）APP則歸屬應用市場及App store的審核限定，同時也需要資質審核。

【 分享方面】

（1）小程序可分享到群，但不可分享到朋友圈，且只能在微信體系內運作；

（2）H5可分享給好友，也可分享到朋友圈，同時可在瀏覽器上打開;

（3）APP可分享到各大平臺（受限制除外，例如淘寶在微信上的分享）

【主動觸達渠道方面】

（1）H5 本身是沒有用戶觸達能力的，如果用戶關掉了頁面，頁面就再也沒有辦法主動觸達該用戶了。傳統的營銷方式都是採用郵件營銷或簡訊營銷等來觸達用戶。

（2）小程序支持模板消息（現已改成訂閱號消息），有一周的推送時間限制。只要用戶使用小程序，就可通過某種操作收集 formid，即可在一周之內的任意時間觸達用戶。

（3）APP可通過第三方推送（如極光推送等）推送信息給到目標用戶，從而達到喚醒沉睡用戶的目的。

【其他】

（1）留存率方面：APP＞小程序＞H5

（2）流暢度方面：APP=小程序＞H5

（3）簡易功能成本：APP＞小程序=H5

（4）迭代周期：APP＞小程序＞H5

（5）追蹤能力：APP=小程序＞H5

由於篇幅有限，不再過多贅述，感興趣的可以查看阿境整理的三者對比表。（如上圖）

三、如何選擇開發載體？

常常會遇到甲方大大或者部分老闆的需求「我想做一款商城APP」，當徹底了解對方的公司情況及預算後，可能更適合他們的，是做一款商城小程序。

那麼，如何選擇開發載體呢？

該問題不能一概而論，這三者沒有絕對的好，也沒有絕對的差，取決於開發方的產品類型（行業）、產品定位（方向）、項目預算（金錢）等多個維度綜合考慮。

那麼，如何選擇呢，阿境以自己與眾多甲方大大的溝通經驗，粗略分析下。

1. 該開發APP還是小程序或者是H5？

APP、小程序、H5說白了，都是一種前端的展示形式，選擇哪種，取決於他們各自的特點及所攜帶的功能。首先需要了解的，是他們各自的優缺點，上文已經詳細提到了。

在了解優缺點之後，是公司的定位，以及做產品的定位。打個比方，工具類的小程序，會比工具類的APP更來得划算，工具類的軟體，本身就是「低頻多次」，那麼，在小程序滿足其功能的前提下，選擇做小程序遠比做APP的成本來得低。

下面會從幾個角度上來分析，如何選擇開發載體。

從成本預算上來看，有錢有人有模式，那麼APP是最好選擇；若想小成本是錯，則H5或小程序更加合適。H5和小程序則更屬於在業務探索階段的項目。畢竟同等功能下的項目預算，一個APP的成本等於兩到三個的H5/小程序，但其體驗相對好，且從長遠的發展來看，更容易留存。

從時間周期上來看，開發H5/小程序，遠比APP更加快速。畢竟在開發配置上，APP需要Android開發跟ios開發，而H5和小程序僅需一個前端開發工程師，自然在測試方面，測試單端跟兩端的時間周期，也是不同的。

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

從功能開發上來看，H5及小程序局限性較多，選擇APP更為自由。在原生APP當中，可調用系統底層的硬體（例如攝像頭，麥克風等等），支持的硬體更多，更容易擴展。相對而言，H5便望塵莫及了；而小程序是在於巨頭的籠罩之下，局限於微信的管轄，功能都需要有微信的接口支持，所以，功能也相對局限（雖然，近年來微信不斷地為小程序賦能）。

……

如何選擇，就需要根據以上多個維度來綜合分析並取捨，最終來得出選擇。

假若你的客戶或者你的上司要求做出來的軟體開發周期要短，預算要少，流暢要高，功能要全，內存佔據少，同時兼容各版本…..那麼，在你看完阿境的碎碎念之後，你告訴他：「夢裡啥都有。」

2. 已經2020年了，小程序還是這麼火，是否有替代APP的可能性？

大家往往在現在有個推理誤區：「張小龍說過，小程序會替代80%的APP。」

於是乎，許多人推理得出」小程序這麼火，那麼，今後一定會取代APP。」

阿境認為，這完全是個悖論。在以上分析「APP能否被小程序替代」這個問題的時候，我們上面在清楚了小程序及APP的優缺點之後（其實是囉嗦了一堆），這個問題也就不難回答了。

小程序的核心價值高低在於解決實際問題的能力和體驗。從用戶需求的角度講，用戶不會在意自己使用的是小程序還是APP，而是更多的關注哪種方式操作更簡單，流程體驗哪個更順暢，不容易佔用手機內存等。

這就意味著開發者推出的小程序若非體驗和服務優於APP一個量級，否則用戶在操作習慣上依然傾向原有的APP。以及若非高頻的場景觸發，用戶很難在已有app的基礎上再選擇一個新的操作方式。

而小程序能夠替代的APP，基本是一些工具性，功能簡單，較不常用的APP的功能（如日常打卡，電影購票，點餐，乘車服務類等），都是基於小程序其「無需下載即用即走」的特點；而APP的功能更加強大，如微信、淘寶等APP，是小程序無法替代的。

要注意的一點，80%不等於100%，有時候往往那僅有的20%，才是市場的一片天。

寫在文末

從2010年的「我要做一款xxAPP」，一直到2014年的「我要做一款xxH5」，再到現在的「我要做一款xx小程序」，我們可以很清晰地觀察看到，網際網路載體的發展，影響到市場的聲音，這是一種發展的趨勢。

但就這三者而言，並無絕對的優劣，看完文章的朋友們應該也能大致明白，場景的不同決定著開發載體的不同，理性對待，理性選擇。

 

作者：阿境，熱愛產品的凡夫俗子。野蠻生長，產品汪一枚，做過電商、醫療、教育行業項目，有百萬級流水產品經驗。公眾號：夢想家阿境

本文由@阿境 原創發布於人人都是產品經理，未經作者許可，禁止轉載。

題圖來自Unsplash，基於CC0協議