忘掉宣傳頁(yè),58 到家和小米可能已搶占了 HTML 5 的先機(jī)
編者注:本文根據(jù)劉平川在《HTML5——用新方式創(chuàng)造更好的用戶體驗(yàn)》活動(dòng)上的演講整理。劉平川為前百度 FEX 前端團(tuán)隊(duì)負(fù)責(zé)人,現(xiàn)在美團(tuán)工作。
HTML 5 具有無縫切入任何應(yīng)用和設(shè)備的先天優(yōu)勢(shì)而且入門成本比較低,因而從騰訊、小米和美團(tuán)這些大公司到火速輕應(yīng)用和白鷺引擎等創(chuàng)業(yè)公司都已經(jīng)快速進(jìn)入這個(gè)領(lǐng)域。
HTML 5 游戲和宣傳頁(yè)還在探索階段
HTML 5 小游戲是目前廣泛流傳的使用方式,但將 HTML 5 頁(yè)面的流量轉(zhuǎn)化成游戲下載量時(shí)卻面臨著尷尬的局面。如果不打開 App Store 就沒有辦法直接下載,微信只能通過應(yīng)用寶,無法提供 SDK 下載,最終還是得跳出瀏覽器,影響使用體驗(yàn)。
然而這樣的轉(zhuǎn)化率非常低,對(duì)于游戲來說甚至千分之一的轉(zhuǎn)化率都不到。為此一些開發(fā)者不得不在微信右上角加上「打開瀏覽器下載」特殊的文字,即使是去年火爆一時(shí)的「神經(jīng)貓」可能都無法養(yǎng)活自身團(tuán)隊(duì)。
所以從 HTML 5 游戲入手的公司一定會(huì)在游戲引擎和合作方面花心思。
此外,專題頁(yè)面也是常見的使用模式,大多數(shù)的情況下是做導(dǎo)流,比如說公司的招聘宣傳頁(yè)面,或者是公司數(shù)據(jù)展示,有的增加了交互,比如神州專車,輸入手機(jī)號(hào)碼,將代金券推送到手機(jī)上。
嚴(yán)格意義上來看現(xiàn)在還是 HTML 5 探索階段。
O2O 模式更適合 HTML 5
O2O 可能是最適合 HTML 5 應(yīng)用的行業(yè),因?yàn)椴恍枰刑貏e復(fù)雜的產(chǎn)品交互。特別是上門服務(wù),例如按摩、美甲、洗車,只需要輸入手機(jī)號(hào)碼,用戶信息和地址,就可以直接傳達(dá)到商家,然后通過它變成一個(gè)品牌。
但創(chuàng)業(yè)公司會(huì)嚴(yán)格受限于微信本身的功能,無論是支付還是獲取地理信息,都局限在微信的圈子里面,最終可能只是為其打工。
如果跳出微信則面臨著流量來源的困境。通過微信公眾號(hào)不太用擔(dān)心流量,一旦變成獨(dú)立應(yīng)用后,這個(gè)使用頻次最高的應(yīng)用保護(hù)傘就消失了,添加公眾號(hào)的比從應(yīng)用商店下載更符合用戶習(xí)慣。
如果 O2O 應(yīng)用要真正把它變成單獨(dú)應(yīng)用的話,一定需要更豐富的服務(wù)吸引用戶,成為聚合 O2O 應(yīng)用的平臺(tái),這就是 58 到家的模式。
百度推廣的輕應(yīng)用模式處境尷尬,獨(dú)創(chuàng)的 @ 搜索 對(duì)普通用戶來說認(rèn)知門欄太高,此外 Android 5.0 以下 版本兼容性差,做出來的效果不夠好。
小米具有天然優(yōu)勢(shì)
而小米恰巧產(chǎn)生了優(yōu)勢(shì),正因?yàn)樽约旱南到y(tǒng)跑在自家的機(jī)器上,適配不是大問題,小米黃頁(yè)就是一個(gè)典型的 HTML 5 應(yīng)用案例,其對(duì)接了各個(gè)第三方的服務(wù)。小米現(xiàn)在已經(jīng)有很多應(yīng)用 HTML?5 化了。
雖然微信、小米、百度都會(huì)把這部分的能力開放出來給大家,但在實(shí)際開發(fā)中依舊面臨著流暢度的問題,CPU 能力還是瓶頸。
例如下拉刷新的開發(fā)難度不大,但效果卻很卡,從普通的 Web 頁(yè)面跳轉(zhuǎn)到 HTML 5 制作的頁(yè)面,動(dòng)畫效果卡頓。
現(xiàn)在的解決方案是把場(chǎng)景和場(chǎng)景之間的切換直接做到客戶端里,在微信里也有場(chǎng)景切換,小米在這點(diǎn)做得特別好,你看不出來它是原生還是 HTML 5 制作的,因?yàn)閳?chǎng)景切過去很流暢。
在高配版的小米 Note 上 HTML 5 頁(yè)面已經(jīng)運(yùn)行流暢,如果把小米作為行業(yè)標(biāo)桿,明年這個(gè)時(shí)候很多 HTML 5 的應(yīng)用都應(yīng)該能流暢運(yùn)行。
未來瓶頸不再是 CPU 性能
如果不利用微信平臺(tái),則可能遇到運(yùn)營(yíng)商劫持的問題。運(yùn)營(yíng)商發(fā)現(xiàn)如果有網(wǎng)絡(luò)的話,會(huì)給用戶加一個(gè)廣告,因?yàn)?HTML 5 本質(zhì)上就是一個(gè) Web 頁(yè)面。
要么通過中間加載的方式,把一些網(wǎng)絡(luò)域名給干掉,或者用 https 的方式,https 可以給你解決掉類似的問題,但網(wǎng)速又會(huì)下降。
所以在未來 HTML 5 面臨的不再是性能方面的問題,還有網(wǎng)絡(luò)和安全的阻礙。
來源:極客公園,文章初始鏈接http://www.geekpark.net/topics/212456
- 目前還沒評(píng)論,等你發(fā)揮!