產(chǎn)品經(jīng)理視角解讀H5與小程序

1 評(píng)論 2739 瀏覽 15 收藏 11 分鐘

怎么理解H5與小程序這兩種不同的載體?這篇文章里,作者嘗試從產(chǎn)品經(jīng)理角度對(duì)二者做了分析解讀,一起來(lái)看看,或許可以幫你更好地理清這兩個(gè)概念。

01

今天與大家聊聊H5和小程序。還記得小吳在剛成為產(chǎn)品經(jīng)理時(shí),經(jīng)常會(huì)聽(tīng)到技術(shù)同學(xué)甚至設(shè)計(jì)同學(xué)提到“這是個(gè)H5”、“用H5做就行了”之類(lèi)的話,但那時(shí)的我并不理解H5是個(gè)什么東西,聽(tīng)起來(lái)覺(jué)得很高大上,但實(shí)際上總覺(jué)得H5與優(yōu)惠、活動(dòng)、打折掛鉤,而且看上去千篇一律,辨識(shí)度很高。

H5和小程序是兩種不同的產(chǎn)品形態(tài)的載體,而且是當(dāng)下比較流行的兩種技術(shù)解決方案。以下是小吳用文心一言4.0生成的對(duì)H5和小程序的本質(zhì)與技術(shù)原理的解讀:

H5:跨平臺(tái)的網(wǎng)絡(luò)解決方案

HTML5,通常稱(chēng)為H5,是最新的HTML標(biāo)準(zhǔn)。它的核心優(yōu)勢(shì)在于跨平臺(tái)性。無(wú)論是在桌面還是移動(dòng)設(shè)備上,只要有瀏覽器,H5應(yīng)用就可以運(yùn)行。技術(shù)上,H5依賴(lài)于瀏覽器作為其運(yùn)行環(huán)境,通過(guò)HTML、CSS和JavaScript等語(yǔ)言實(shí)現(xiàn)頁(yè)面布局、樣式設(shè)計(jì)和交互邏輯。

小程序:依托特定平臺(tái)的輕量級(jí)應(yīng)用

小程序,則是一種不需要下載安裝即可使用的應(yīng)用,它實(shí)現(xiàn)了“觸手可及”的輕量級(jí)體驗(yàn)。小程序通常依托于大型平臺(tái)(如微信、支付寶)的生態(tài)系統(tǒng),運(yùn)行在這些平臺(tái)的專(zhuān)門(mén)環(huán)境中。它們通過(guò)各自的開(kāi)發(fā)框架,允許開(kāi)發(fā)者快速構(gòu)建應(yīng)用。

相信大家看得一頭霧水,小吳用稍微簡(jiǎn)單一點(diǎn)的表達(dá)方式再和大家解釋一下。

簡(jiǎn)單來(lái)說(shuō),H5(HTML5)是一種制作網(wǎng)頁(yè)的標(biāo)準(zhǔn),它就像是網(wǎng)頁(yè)的“建筑材料”,包含了文本、圖片、視頻和各種互動(dòng)元素的排版和設(shè)計(jì),也就是說(shuō)H5就是一個(gè)網(wǎng)頁(yè)。

正常來(lái)說(shuō)我們使用百度、谷歌等瀏覽器上網(wǎng),訪問(wèn)的都是一個(gè)個(gè)網(wǎng)頁(yè),也就是說(shuō),只要你的設(shè)備上有瀏覽器,就可以訪問(wèn)H5頁(yè)面。想象一下,如果每次要看一篇新聞或購(gòu)物就需要先下載一個(gè)程序,是不是很麻煩?而且現(xiàn)在的APP想體驗(yàn)服務(wù)都得注冊(cè)、登錄、輸入驗(yàn)證碼,但H5就解決了這個(gè)問(wèn)題,你直接在瀏覽器上打開(kāi)網(wǎng)頁(yè),無(wú)需下載安裝任何額外的應(yīng)用,就可以享受其服務(wù)。

再來(lái)想像這樣一種場(chǎng)景,如果沒(méi)有H5,你想告訴你的朋友“年貨節(jié)開(kāi)始啦,快去囤貨吧,打折力度真的好大”,恐怕你只能通過(guò)微信等其他聯(lián)系方式告知你的朋友,然后你的朋友還得下載京東或淘寶去享受年貨節(jié)。有了H5以后,京東等電商平臺(tái)都會(huì)將自己的促銷(xiāo)活動(dòng)做成H5頁(yè)面的形式,這樣一來(lái),你就可以將這個(gè)H5頁(yè)面分享給你的朋友,而你的朋友只需要點(diǎn)擊進(jìn)去,就可以參與到這個(gè)活動(dòng)當(dāng)中。

所以H5頁(yè)面是可以通過(guò)鏈接分享的,這就像分享一個(gè)有趣的故事一樣簡(jiǎn)單,用戶可以通過(guò)社交媒體、消息類(lèi)應(yīng)用輕松分享。

而小程序大家可以想象成一個(gè)迷你版的應(yīng)用,它通常嵌入在像微信或支付寶這樣的大型應(yīng)用中。使用小程序時(shí),你不需要像普通應(yīng)用那樣去應(yīng)用商店下載,只需在微信或支付寶里搜索或掃碼就可以直接使用。比方說(shuō)支付寶的螞蟻森林,微信的同城旅行買(mǎi)火車(chē)票,都是支付寶、微信生態(tài)下的小程序。

02

接下來(lái)我們來(lái)聊聊H5和小程序的區(qū)別,以及為什么有的業(yè)務(wù)選擇H5開(kāi)發(fā),而有些業(yè)務(wù)選擇基于小程序開(kāi)發(fā)。

首先從運(yùn)行環(huán)境的差異角度來(lái)說(shuō),我們經(jīng)常從微信里點(diǎn)了一個(gè)鏈接分享,然后解析出來(lái)是一個(gè)商城的優(yōu)惠活動(dòng),這基本上都是H5頁(yè)面。但我們應(yīng)該沒(méi)在微信里面用過(guò)螞蟻森林或者其他支付寶系的小程序吧。這是因?yàn)樗暮诵膬?yōu)勢(shì)在于跨平臺(tái)性。無(wú)論是在桌面還是移動(dòng)設(shè)備上,只要有瀏覽器,H5應(yīng)用就可以運(yùn)行。

而小程序則運(yùn)行在特定平臺(tái)(如微信、支付寶)的專(zhuān)用容器中,這些容器為小程序提供了一套統(tǒng)一的API和界面標(biāo)準(zhǔn)。例如微信小程序的運(yùn)行環(huán)境是微信應(yīng)用本身,它為小程序提供了一系列微信特有的功能和接口,如微信支付、分享到朋友圈等。這種專(zhuān)用環(huán)境確保了小程序在特定平臺(tái)上有更好的性能和用戶體驗(yàn),但同時(shí)也限制了它們?cè)谄渌脚_(tái)上的運(yùn)行。

從開(kāi)發(fā)成本角度來(lái)說(shuō),H5相對(duì)來(lái)說(shuō)較低一些。微信、支付寶這些互聯(lián)網(wǎng)巨頭都是移動(dòng)互聯(lián)網(wǎng)時(shí)代的幸運(yùn)兒,在移動(dòng)互聯(lián)網(wǎng)時(shí)代之前,大多數(shù)朋友們都在通過(guò)電腦瀏覽器進(jìn)行網(wǎng)上沖浪。而H5的開(kāi)發(fā)依賴(lài)于傳統(tǒng)的Web技術(shù)棧,如HTML、CSS和JavaScript,這些技術(shù)廣泛應(yīng)用且成熟,因此有大量現(xiàn)成的工具和框架可供使用,這些工具和框架可以顯著提升開(kāi)發(fā)效率。

同時(shí),H5項(xiàng)目通常只需要一套代碼即可在多個(gè)平臺(tái)上運(yùn)行,這進(jìn)一步減少了開(kāi)發(fā)和維護(hù)的工作量。

小程序的開(kāi)發(fā)則需要遵循特定平臺(tái)的開(kāi)發(fā)框架和標(biāo)準(zhǔn)。例如微信小程序需要使用微信提供的開(kāi)發(fā)工具和API,感興趣的各位可以搜索一下微信開(kāi)放平臺(tái)。雖然這些平臺(tái)提供了一些便利的開(kāi)發(fā)工具,但開(kāi)發(fā)者仍需學(xué)習(xí)和適應(yīng)每個(gè)平臺(tái)的特有規(guī)范和接口。此外,如果需要在多個(gè)平臺(tái)上推出小程序,開(kāi)發(fā)者可能需要為每個(gè)平臺(tái)單獨(dú)開(kāi)發(fā)和維護(hù)代碼,這無(wú)疑增加了工作量和成本。

雖然在開(kāi)發(fā)成本方面H5要顯得比較有優(yōu)勢(shì),但是小程序的能力還是要更強(qiáng)大一些。如果我們把APP理解為程序,那小程序就是比程序小一點(diǎn)兒的程序而已,這變相地說(shuō)明小程序是一種接近原生應(yīng)用的技術(shù)。相較于H5,小程序能更深層次地訪問(wèn)系統(tǒng)資源和權(quán)限。

例如小程序可以利用手機(jī)硬件(如攝像頭、GPS)、實(shí)現(xiàn)更豐富的功能(如掃一掃、即時(shí)支付)。這些深度整合的功能為小程序提供了更強(qiáng)大的能力,比如微信生態(tài)下的順豐快遞小程序,一打開(kāi)就可以自動(dòng)定位到我們的當(dāng)前位置,此外我們也可以直接通過(guò)微信支付將快遞費(fèi)轉(zhuǎn)給快遞小哥,甚至可以在小程序中直接打開(kāi)我們的手機(jī)相機(jī),進(jìn)行快遞貨物的拍攝。

這些功能都是得益于小程序可以獲取我們手機(jī)的系統(tǒng)權(quán)限,通常我們?cè)谑褂脮r(shí)都會(huì)收到手機(jī)的系統(tǒng)提示,比方說(shuō)是否同意獲取相冊(cè)中全部照片,是否同意獲取當(dāng)前位置等。雖然現(xiàn)代瀏覽器允許H5應(yīng)用訪問(wèn)一些設(shè)備功能,如地理位置、攝像頭等,但對(duì)于一些高級(jí)功能,如后臺(tái)運(yùn)行、推送通知等,在H5應(yīng)用中要么無(wú)法實(shí)現(xiàn),要么實(shí)現(xiàn)起來(lái)較為復(fù)雜。

其實(shí)現(xiàn)在小程序還是很火爆的,無(wú)論是從產(chǎn)品開(kāi)發(fā)的技術(shù)選型角度,還是從用戶體驗(yàn)角度,小程序都完勝H5一籌,甚至比APP還要吃香。任何行業(yè)發(fā)展到中后期,都是幾家獨(dú)大,而群英薈萃百花齊放的場(chǎng)面通常是在行業(yè)初期?;ヂ?lián)網(wǎng)行業(yè)更是如此。

目前大家都知道的這幾家互聯(lián)網(wǎng)巨頭,都在強(qiáng)調(diào)所謂的生態(tài)概念。廣義來(lái)說(shuō),所謂的生態(tài)就是盡可能地覆蓋多的業(yè)務(wù),盡可能地?fù)屨际袌?chǎng)以及用戶的時(shí)間,終極愿景是用戶手機(jī)里只需要安裝我的APP,就可以高度便捷化衣食住行,不再需要安裝其他APP了。

而從技術(shù)角度來(lái)理解生態(tài),這么多的功能如何搭建在我的APP中呢?大家可以把這種生態(tài)模式理解為樂(lè)高積木,這些巨頭公司會(huì)把積木搭建方法提供給所有開(kāi)發(fā)者并歡迎各位開(kāi)發(fā)者來(lái)我的地盤(pán)上構(gòu)建五花八門(mén)的樂(lè)高積木作品。但樂(lè)高的積木不能用在其他品牌的積木中。久而久之,樂(lè)高的積木越堆越大,這也便是生態(tài)的形成。

由于這些互聯(lián)網(wǎng)巨頭掌握著巨大的流量,很多互聯(lián)網(wǎng)公司已經(jīng)將小程序業(yè)務(wù)作為主力業(yè)務(wù),畢竟參天大樹(shù)好乘涼,寄居蟹也有流量吃。不知道在這個(gè)移動(dòng)互聯(lián)網(wǎng)時(shí)代還會(huì)不會(huì)有新的生態(tài)出現(xiàn),也不知道這種繁榮的生態(tài)下腐蝕的是不是互聯(lián)網(wǎng)從業(yè)者的創(chuàng)新能力。

最后希望這篇文章對(duì)各位有所幫助,祝各位睡個(gè)好覺(jué)。

作者:產(chǎn)品小吳,公眾號(hào):產(chǎn)品小吳

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

題圖來(lái)自Unsplash,基于CC0協(xié)議。

該文觀點(diǎn)僅代表作者本人,人人都是產(chǎn)品經(jīng)理平臺(tái)僅提供信息存儲(chǔ)空間服務(wù)。

更多精彩內(nèi)容,請(qǐng)關(guān)注人人都是產(chǎn)品經(jīng)理微信公眾號(hào)或下載App
評(píng)論
評(píng)論請(qǐng)登錄
  1. 小程序和H5用的是不是不同技術(shù)框架

    來(lái)自廣東 回復(fù)