多端產(chǎn)品,H5、小程序、App、Web頁(yè)有何區(qū)別?
我們常說要做個(gè)APP,要做個(gè)小程序,那這兩者之間,有多大的差別呢?對(duì)新人來說,這些知識(shí)屬于必須掌握的內(nèi)容。我們來看看作者分享的觀察。
我所負(fù)責(zé)的產(chǎn)品涵蓋多端,其中包括 H5、小程序、App 以及 Web 頁(yè)。正因如此,在進(jìn)行功能開發(fā)時(shí),需考量該功能應(yīng)落于哪個(gè)端口。近期在制作 H5 頁(yè)面的過程中,與研發(fā)人員經(jīng)過長(zhǎng)時(shí)間的討論爭(zhēng)辯后,總算有了一些心得體會(huì)?,F(xiàn)將其整理如下:
本質(zhì)上來說,H5、小程序、App、Web頁(yè)只是不同產(chǎn)品形態(tài)的載體,用戶通過以上4種渠道方位移動(dòng)互聯(lián)網(wǎng)。從用戶需求的角度講,用戶不會(huì)在意自己使用的是小程序還是APP,而是更多的關(guān)注哪種方式操作更簡(jiǎn)單,流程體驗(yàn)?zāi)膫€(gè)更順暢,不容易占用手機(jī)內(nèi)存等。但從產(chǎn)品的角度講,考慮頁(yè)面功能承載形式是很有必要的。
一、基本概念
H5可以簡(jiǎn)單理解為手機(jī)端url鏈接,適用于簡(jiǎn)單一次性使用,用完即走的情況。常見的場(chǎng)景如手機(jī)上領(lǐng)取優(yōu)惠券的頁(yè)面、線上照片直播、詐騙釣魚網(wǎng)站等。H5作為一種鏈接形式的頁(yè)面,也可以通過webview的技術(shù),掛在小程序、App里。它的好處是開發(fā)成本低,一套代碼可在多個(gè)平臺(tái)上復(fù)用。缺點(diǎn)是無法實(shí)現(xiàn)復(fù)雜功能(如調(diào)用硬件設(shè)備),流暢性和反應(yīng)速度較差。
(h5頁(yè)面圖)
小程序大家應(yīng)該使用的較多,微信/支付寶都有自己的小程序體系,一些App也有屬于自己的快應(yīng)用(如夸克、百度等)。小程序的優(yōu)點(diǎn)很多:如體量輕,不會(huì)像App一樣占據(jù)較大內(nèi)存;背靠微信、支付寶較大流量入口,一些小公司的軟件得以呈現(xiàn);缺點(diǎn)是離開支付寶/微信平臺(tái)就無法使用,和平臺(tái)綁定太深。
(小程序)
App就是手機(jī)應(yīng)用,分為ios和蘋果,在手機(jī)應(yīng)用市場(chǎng)可以下載。它的好處是可以發(fā)展屬于自己的深度用戶——所以一些大型軟件都采用app的形式,比如高德、美圖秀秀、抖音等。缺點(diǎn)是占用手機(jī)內(nèi)存。(蘋果128G用戶流淚)
Web網(wǎng)頁(yè)比較特殊,是電腦端打開的網(wǎng)頁(yè)。比較多用到的是B端后臺(tái)管理等軟件。當(dāng)然一些主流App也在電腦端可以使用,方便大家白天摸魚(不是),比如淘寶、抖音、小紅書等。
二、整理不同
一些思考練習(xí)題
1、一個(gè)小公司準(zhǔn)備給某旅游景點(diǎn)開發(fā)一款旅游購(gòu)票軟件,應(yīng)該做成哪種形式?
分析:從實(shí)際使用場(chǎng)景、用戶和實(shí)現(xiàn)成本角度考慮,小程序是最合適的。從用戶角度來說,購(gòu)票的場(chǎng)景是即用即走的,買完就不會(huì)再用了,沒必要下載安裝app,要騷擾用戶的嫌疑。從公司角度來說,小公司通常缺少資金,而開發(fā)出一個(gè)app還需要后期維護(hù),如果只有買票的場(chǎng)景,從實(shí)現(xiàn)成本角度,選擇更輕量的小程序是最合適的。
其他:但并不是所有購(gòu)票軟件都適合做小程序。12306、飛豬、攜程等,涉及較大的用戶,如果做小程序,可能無法承擔(dān)高并發(fā),人一多就卡崩了,所以做App更合適。
2、12306的功能簡(jiǎn)單,只購(gòu)票就行了,但為什么12306的小程序不支持購(gòu)買?
12306的用戶量是很大的,包括全國(guó)鐵路網(wǎng)的數(shù)據(jù),一年的客運(yùn)量上十億。需要借助阿里云在后臺(tái)海量數(shù)據(jù)庫(kù)查詢,小程序可能暫時(shí)無法承擔(dān)這么高并發(fā)的情況。
3、H5和web頁(yè)都是鏈接的形式,用戶的設(shè)備如何知道該展示哪種樣式?
——常見的方式是通過分辨率識(shí)別,當(dāng)分辨率超過某個(gè)維度時(shí),展示為Web頁(yè)。比如當(dāng)屏幕大小超過普通平板尺寸時(shí),即展示為Web頁(yè)面。
4、如何知道一個(gè)Web頁(yè)有沒有做H5適配?
——F12,打開開發(fā)者工具。點(diǎn)擊設(shè)備切換圖標(biāo),可以按不同手機(jī)、平板尺寸查看。
5、H5頁(yè)面適配時(shí),有測(cè)試條件的情況下,也需要考慮多種終端設(shè)備:如安卓蘋果手機(jī)、ipad、雙折疊、三折疊等。
參考文章:
本文由 @貓頭鷹的碎碎念老家 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可,禁止轉(zhuǎn)載。
題圖來自Unsplash,基于CC0協(xié)議
該文觀點(diǎn)僅代表作者本人,人人都是產(chǎn)品經(jīng)理平臺(tái)僅提供信息存儲(chǔ)空間服務(wù)。
- 目前還沒評(píng)論,等你發(fā)揮!