第19篇 移动端网站能否再度飞跃? - AMORE STORIES - CHINESE
#Digital
2018.05.25
0 LIKE
232 VIEW
  • 메일 공유
  • https://stories.amorepacific.com/zh/%e7%ac%ac19%e7%af%87-%e7%a7%bb%e5%8a%a8%e7%ab%af%e7%bd%91%e7%ab%99%e8%83%bd%e5%90%a6%e5%86%8d%e5%ba%a6%e9%a3%9e%e8%b7%83

第19篇 移动端网站能否再度飞跃?

专栏作家Song Hyunmok
Amorepacific Digital IT Innovation Team


 当创建移动端渠道时,往往为选择做原生应用程序(Native App)还是移动端网站(Mobile Web)而烦恼。原生应用程序是利用移动设备直接下载、安装和使用的模式,移动端网站是基于URL在浏览器执行的模式,其驱动方式和平台各不同,两者相差悬殊。过去这两种开发模式引起业界议论纷纷,而目前原生应用程序已占上风,引领移动端发展。然而,眼看近来日新月异发展的网页技术,移动端网站有望在不久的将来重夺主导权。

# 从HTML5转战原生应用的Facebook之战略

 2012年9月,Facebook创始人马克•扎克伯格在Techcrunch Disrupt大会上突然吐露出心声。

"过去两年,豪赌HTML5是Facebook史上最大失误。"

 当时,Facebook采用HTML5的混合式应用因速度太慢遭用户诟病。即便如此,他选择了令人乍舌的战略:放弃开发至今的平台,转战原生应用。
  • 马克•扎克伯格的发言让人大跌眼镜!

 他的做法彻底颠覆了IT行业普遍认为的常识——HTML5很费力但还是要走下去,并给全世界带来了巨大冲击。原因有二:一、HTML5的标准还没有制定出来;二、当时的设备或浏览器引擎原本就不给力,速度慢是理所当然的现象。很多为此愤怒的网络专家还予以强烈抨击,称速度慢的原因在于Facebook错误的HTML5战略和人力资源战略。

# W3C标准制定完成,HTML5和网页技术重新崛起

 马克•扎克伯格采取新战略两年后,万维网联盟(W3C)主席蒂姆•伯纳斯•李终于在2014年10月28日发布,自2007年宣布开发HTML5以来,经过8年的艰辛努力,HTML5标准规范制定完成。 当时很多专家表示HTML5前景明朗,媒体也争相报道,网页(web)成为移动应用开发技术的舆论看似要成为主流。
 HTML5也随之开始取代Flash或Silverlight,逐渐占上风,谷歌和YouTube也封杀Flash,采用HTML5。加之,苹果公司的史蒂夫•乔布斯也跻身于此,宣布苹果手机停止支持Flash后,HTML5变得更加火爆。
 用HTML5开发所有应用程序和数字内容的时代似乎要到来了,甚至还称未来大部分的网络服务只要靠浏览器就能完成。基于网页驱动HTML5的操作系统也开始纷纷上市。

# 如今仍由原生应用掌控移动端

 那么,HTML5网页技术真的有打败原生应用技术吗?

 现在用户确实在浏览器上通过采用HTML5完成的移动端网站,获取数字内容和各种服务吗?

 情况并非如此。移动应用市场数据分析公司App Annie于2017年11月发布的一份题为《应用程序在移动端战略占据重要地位的原因》之报告显示,全球智能手机用户在移动应用上花费的时间比移动端网站浏览器多出7倍。
  • 来源:App Annie


 HTML5之后,在移动端上,应用程序比移动端网站更具优势。

 第一,应用程序可以更深入而一贯地执行设备硬件和功能。如:后台运行GPS、使用摄像头的AR(增强现实)功能等依然只能靠原生应用完成。
  • 基于后台GPS追踪系统的"TripAdvisor"App

  • 结合摄像头和GPS的AR游戏"Pokemon Go"App


 第二,应用程序发挥与用户顺畅沟通的渠道作用。在原生应用可以执行的"推送通知"备受市场营销工作者的青睐,且投资回报率(ROI)较高,应用范围广泛。再加之,"推送通知"可执行引导用户在应用程序完成特定行为的行为召唤(Call to Action)功能。
  • 行为召唤(Call to Action):启动应用程序的同时,自动打开使用优惠券购物的网页 。


 第三,应用程序提供更快、更高效的用户体验。在移动端上友好易用的用户界面(UI)、快速的执行速度、桌面图标(Home Screen Icon)的快捷连接、保持用户登录状态等,给用户提供便利和信任。

# 原生应用是银弹(Silver Bullet)?其实不然。

 尽管如此,我们不能忽略统计图中的错觉,不能单纯认为应用程序占主流地位。虽然用户在应用程序停留的时间很长,但80%以上是社交网站(SNS)、聊天短信和娱乐(Entertainment)相关的应用程序。以韩国人为例,大都在Facebook、Instagram、Kakao Talk和音乐、YouTube、游戏应用程序花费时间。
  • 用户在排名前五的应用程序花费近90%的时间。(来源:comScore)


 换言之,我们所提供的应用程序若不是排名前五,用户使用我们的应用程序并花费时间的几率会甚少。考虑到移动应用开发和维护费用,以及为了让用户下载应用所投入的营销费用,应用程序也许是效率很低的平台。

# 其实Facebook没有完全放弃用于移动端网站的HTML5

 2012年,Facebook选择原生应用的发言之后,马克•扎克伯格不为人知的后续发言值得注目。

"HTML5不是不对,长期来看,其实我对HTML5非常感兴趣。"

"比起通过iOS或安卓应用程序访问的用户,通过移动端网站访问的用户与日俱增。移动端网站对我们来说非常重要。"


 也就是说,Facebook从长期的角度为了在移动端网站提供更好的用户体验,将会持续投入HTML5。这还寓意着随着硬件性能提高,HTML5的性能也有望提升。

# 网页技术的发展和渐进式网络应用(Progressive Web App,PWA)的诞生

 原生应用的优点会一直成为原生应用的专属优点吗?网页技术看似没有任何动静,但默默地取得了飞速发展。HTML5之后,HTML5.1、HTML5.2以及日前发布工作草案的HTML5.3等,不断发展了网页标准规范和技术。不仅如此,随着设备性能和浏览器引擎的发展,UI用户界面驱动速度如今不亚于应用程序。举例来说,浏览器开发公司的JavaScript引擎性能已取得飞速进步,这提高了JavaScript在网页技术编程语言上的地位。(目前已应用到服务器端和物联网上。)

 尤其是,渐进式网络应用(Progressive Web App,PWA)这一全新网页技术可谓缩短与原生应用之差距的核心技术,多年的委屈终于可以解气了。

 如果目前的网站启用HTTPS,引进网络应用清单(Web App Manifest),使用Service Worker,就可以准备使用PWA。Service Worker是同原生应用一样,可以在后台和离线页面启动网站的关键技术。

 使用PWA,可以像原生应用一样使用独立的全屏用户界面(Full Screen UI),也可以提供推送服务。可以使用专属网站的桌面图标并以此来访问网站。和原生应用一样,可以安全存储用户信息。易言之,不得不选择原生应用的原因,在很大程度上可以通过PWA来解决。

 不仅如此,过去以谷歌浏览器Chrome为主运作并准备整合到安卓的PWA,以标准技术获得微软Windows 10 Edge浏览器和苹果iOS Safari的支持并整合到设备平台的消息令人鼓舞。这为PWA网页在多种浏览器加载使用铺平了道路。
  • PWA图例 – gif文件(动画)


# 与全新网页技术再度飞跃的移动端网站之未来

 原生应用存在致命缺陷。从属于苹果商店或谷歌商店,即使只有小小变更,也要全部更新,而且不会在搜索引擎和其他媒体自然而然地曝光。加之,从经济层面上需要考虑多种因素,如:针对个别平台的开发和维护费用、具有特定Skillset的少数应用程序开发人员之供需、让用户下载应用程序所投入的营销费用等。

 爱茉莉太平洋的在线渠道需要在NAVER、DAUM和谷歌等外部搜索网站上搜索到,而且还需要通过SNS或聊天应用开展基于URL的市场营销。因此除非有其他理由,移动端网站还是必不可少。

 为了使用推送通知或因其他限定条件而只能使用原生应用的时代将会结束,采用最新网页技术创建具有应用程序功能之移动端网站的时代将会到来。如果事先做好研究和准备,就能及时引进并享受网页技术的真正价值。


参考网站 :
https://surveyanyplace.com/html5-vs-native-apps/
https://www.w3.org/TR/2014/REC-html5-20141028/
http://www.ddaily.co.kr/news/article.html?no=95141
http://www.ddaily.co.kr/news/article.html?no=95235
https://www.bloter.net/archives/295842
https://brunch.co.kr/@jeremycho/12
http://thenextweb.com/apps/2015/09/01/adobe-flash-just-took-another-step-towards
-death-thanks-to-google/
https://helpx.adobe.com/flash/using/creating-publishing-html5-canvas-document.html
http://www.ciokorea.com/t/38/%EA%B0%80%EC%83%81%ED%99%94/32978
https://brunch.co.kr/@jade/128
http://webactually.com/2017/09/%EC%9B%B9-%ED%94%84%EB%A1%9C%EC%A0%9D%ED%8A%B8%EB%
8A%94-pwa%EC%9D%B4%EC%96%B4%EC%95%BC-%ED%95%9C%EB%8B%A41/
https://developer.apple.com/library/content/releasenotes/General/WhatsNewInSafari
/Safari_11_0/Safari_11_0.html
https://www.thurrott.com/windows/windows-10/142649/microsofts-bold-plan-
bring-pwas-windows-10

  • 喜欢

    0
  • 推荐

    0
  • 赞赏

    0
  • 支持

    0
  • 想看后续

    0
TOP

Follow us:

FB TW IG