我还在南方小岛上玩儿的时候,一个朋友给我发了条语音信息(早上发的,我晚上才听,我让你发语音)大概是说,能不能帮忙联系一个会 HTML5 的团队,领导要求做一个 HTML5 的活动页面。
看来 HTML5 的浪潮又要让我们的广告客户浑身湿透了。他们想要华丽的页面,想要让用户觉得他们很酷。事实上,即使他们只做了一张很廉价的“活动邀请函”页面,用户也觉得好棒好厉害。真相是,大部分用户并不知道其中的奥秘。
HTML5是针对超文本语言HTML的第五次修订。具体HTML是什么?我们先笼统地认为它是一种用来创建网页的手段就好。不过你不是科技从业者,也不是什么都要懂一点的极客。你会想:什么html、Input type=date、js线程、socket、标准扩展embed、css3……这些都是什么鬼我根本不想知道快扔走!
这一切并不在你学习的范围内。你只关心这样一个问题:它会为你的生活带来怎样的变化?
❶ 你手机里的原生APP会变少。
原生APP,就是你到应用商店里选一个应用、等待下载、确认权限、等待安装,然后点击打开的那种移动应用,它专门针对某一类移动操作系统生成,必须被完整安装到手机里。而有一种“假”APP,它们打开后基本利用手机中的浏览器来运行,而且不需要下载后安装,就能立即在手机界面中生成一个APP图标——HTML5就是生产这种“假”APP的利器。比如你玩《神经猫》就不需要下载一个APP,而这个游戏正是用HTML5网页实现的。
❷ 你那个当程序员的男朋友(如果你有)就可以早点下班回家了。
HTML5是唯一一个通吃PC、Mac、iPhone、iPad、Android、Windows Phone等主流平台的跨平台语言。因为这种跨平台的便利,程序员们只需要为之开发一种类别的产品——说白了就是一个万能的网页。他再也不需要做一款只能在苹果手机上运行的APP后,再做一款也可以在三星、小米上使用的APP。
❸ 你的手机里没有Flash了。
如果需要一个能够集中展示视频、音频等各种媒体形式的插件,那就是Flash。这个部署在亿万浏览器里的商业插件俨然成为事实上的网页标准。但是,HTML5把这个标准打破了,这些媒体形式不再需要Flash这一插件就能分布在网页当中。HTML5可以让我们不借助第三方插件实现多媒体。
❹ 正因为你的系统需要运行的第三方插件变少,浏览器占用的系统资源相对也会变少,有可能你会发现自己的手机电量变得更持久了。
❺ 当你使用定位服务的时候,不用点“搜索”了,直接点“附近”。
这是因为HTML5更好地实现了基于地理位置的功能,在从前那些使用旧语言编辑的网页上,LBS(基于位置的服务)没有获得很好的支持,所以你需要在网页上依次选择全国、北京、朝阳区、大望路……
❻ 网页更美观。
对网页设计师来说,HTML5重新定义了很多设计标准,这使得他们在工作的时候遵循着更加科学的方法,再加上HTML5可以让我们不借助第三方插件实现多媒体,网页设计师得以发挥他们的创造力,你会看到更加酷炫的网页界面。
视觉,这是最重要的。对用户来说,没有什么比直接的体验更能说明某种技术为世界带来的改变。现在我用几个腾讯新闻的手机页面来举例,和你在微信朋友圈看到的那些蹩脚的邀请函、抽奖页面相比,这些页面尝试用一种更有意思、更流畅的方式来讲述事件。
APEC期间推出的《服装秀》,截取的三个界面。在这个应用中,新闻相关的人物将会变成试衣模特。例如你可以选择奥巴马当你的模特,然后给他换上各种服装。
上图《再见2元的风景》是针对北京地铁票价调整制作的新闻专题页。这个流传甚广的煽情专题,也是一个HTML5页面,它提供了一种流畅的图片浏览方式。
HTML5 同样为网页提供了更多交互的可能,比如你可以在同一个页面中完成一个网页调查,然后直接分享给你的朋友圈好友。
总之,HTML5 可以更有效地组织互联网中的信息,并让视频、音频等服务得到更好的支持;并在减轻开发者的负担的同时,让用户在不同的平台上有更一致的体验。
没有炫耀的意思,这些内容出于个人对HTML5的好奇,导致我多看了一些材料,并且咨询了行业的专家。大致上,我能保证这些内容都是可信的,对普通人而言,这些已经足够:甲方或者乙方们再也不会轻易骗走你的巨额预算。
“你知道那你说啊。”
乌云装扮者包含了世界、黑色趣味和明亮内心
微信号及新浪微博@DACLODS
1月19日下午,搜狐IT无穷沙龙聚集了一批对HTML5技术感兴趣的人,这些人大多是各公司的技术达人或者HTML5技术爱好者,他们都对HTML5的应用及未来发展都非常有想法,希望能够在这个沙龙上听到业界重量级人物的精彩分享,本片文章就带你看看他们是如何看待HTML5生态发展的。
当前HTML5的技术应用非常广泛,从网站到平台再到应用,不但能无缝连接了PC网站与移动互联网,更让很多传统的PC网站起死回生。微信朋友圈的营销以及各种活动宣传都开始以HTML5的形式,使得的互动性与娱乐性大为提高。
HTML5是在HTML大标准下的再生,HTML5整个版本经历很的时间,从04年开始进行草稿定式到06年W3C加入到整个标准的制作过程中,到08年提出第一稿,到14年正式定稿,对于整个生态的影响是什么?沙龙上,包括搜狐快站负责人樊功臣、百度直达号技术团队负责人甘勋、微信海CEO程小永、UC浏览器内核研发团队负责人梁延俊、HTML5民间开发者张东在内的嘉宾进行了分享,同时讨论整个未来移动互联网的未来围绕着HTML5将会进行什么样的变革,伟哥认为这些话题对于广大互联网人来说非常有价值。
搜狐快站负责人樊功臣:HTML5全力打造搜狐快站 六大神技让移动建站更加简单
这次老樊的分享是搜狐快站的六大神技,分别是免费篇之上善若水、独立篇之股本培元、功能篇之宝刀屠龙、便捷篇之弹指神功、HTML5篇之无孔不入、营销篇之吸星大法。这六大神功步步为营,环环相扣,重点在于上无孔不入这技能,搭载了HTML5的快站可以用无孔不入来形容,从苹果系统到安卓系统,可以在微信、微博及各搜索引擎上使用,甚至可以在谷歌眼镜及苹果眼镜上使用。
搜狐快站在健康类、教育类及汽车类的合作商家有七八万家站,快站使用HTML5技术搭建的APP网站,简洁同时功能也在不断完善,后台的驱动力量也非常大,同时跟各平台的融合性也在不断提高,快站技术体现在新闻客户端中的HTML5的比重也在增大。目前快已经跟微信公众号打通,跟直达号做了深度合作,跟360包括周围各种各样的流量渠道进行打通,区别于依附在百度或者腾讯上面的一个营销站点,快站搭建的站是一个完整的独立站点。
百度直达号技术团队负责人甘勋:HTML5实现跨平台服务商家
百度在多年以前就开始研究与布局移动端包括HTML5以及CSS,去年在百度世界的发不的轻应用也使用HTML5技术,用户在百度首页点击某个链接,就会进入到HTML5的应用或者WEB站,用户在获取信息的同时也能直接获取到服务。
能够以跨平台的方式直接连接服务和商家,HTML5是最优化的解决方式。通过搜索入口直接让用户连接到应用本身,这就解决了现在的大部分移动应用及一些站点分发需要中转才能使用的问题,把这一件事情直接通过搜索关联起来,分发等各种应用都不再是问题。
所有的应用得需要让更多的人使用你的服务或者使用你的应用,从搜索百度做搜索是流量的入口。商家的价值有四类,即广拉新、高转化、强留存、易开通。直达号是企业在百度官方移动平台的官方服务号,直接关联商家的应用,直接使用户关联到企业。百度给是流量的入口,现在在移动端有15款用户过亿,包括地图、文库、魔图等等移动端应用,把直达号和15款过亿的APP结合起来,这些移动端就成为连接HTML5应用的入口。
微信海CEO程小永:要多做一些接地气的HTML5应用
从UC、微信、百度直达号,大家开始做这件事情的时候个HTML5开始越来越火。小永希望做一些能从商用层面真正给传统企业带来效果的,所以我们用HTML5做更多的营销活动,通过微信口碑传出去。所以,HTML5兴起以后,更多的企业都在琢磨去中性化的玩法。
HTML5对于移动端来说是一个技术的革新,把APP之间互相不通的情况有意识打破,但是这个过程还是很慢。移动互联网是连接线上和线下的而不是虚拟的连接,HTML5在做虚拟的连接,像PC时代的WWW.COM,移动端通过二维码把线线下连接起来,这也是O2O为什么火的原因,因为线上线下实现了闭环。
大家以后做HTML5应用,一定要更多做一些接地气的,真正能让商家让传统企业能让使用者很好把它用起来的东西,不要做得特别炫。中国四千万中小企业不需要很炫的东西,要带来广泛的传播广泛的定单,这是他们所有的需求。
UC浏览器内核研发团队负责人梁延俊:HTML5混合原生态的模式成为主流
在很多APP开发都是HTML5混合原生开发来去做一些应用,各取所长,通过实际需要取得一个平衡点。这样的一个模式其实是HTML5与游戏开发者层面的影响,更有利地去做一些发展。
现在HTML5混合原生态的模式后已经是一个主流,以后也会有更多的探索用这样的方式开发里面的应用,包括小说、视频、阅读器等。像小说翻页的时候对于性能的要求比较高,小说的搜索、书架可能更追求的是需要内容快速更新,在以后这部分可能会用HTML5的页面来去做。
HTML5民间开发者张东:HTML5技术满足企业们更高的需求
2013—2014年随着手机移动端的爆棚式增长,企业们的服务需求也在改变,现在为止随着HTML5技术的成熟,有很多优秀的建站产品的问世。在这个过程中,我们首先要了解用户在空闲的时候会拿手机干什么,每个年龄段有什么样的需求,这个也是我们需要分析的话题,老用户和新用户的区别。对于一个商户的开发来说首先是一个用户体验,这是最重要的一点,用户体验抓住用户的需求,让用户在极短的时间内完成他所需要做的一些事情,这个是最关键的。
有特色的服务包括开发的指导,有一些比较流行的,在没有强大的技术的情况下,你照样可以去做建站服务以及互联网这方面的服务,这些通过搜狐快站等产品就可以完成,基本上,哪家产品能够提供更多的便利,提供的指导更多,能节省成本,有稳定的服务与网络支持,就会选择哪家产品。搜狐快站这样的建站产品,通过一个简单的推动就可以实现某个功能、一些交互式及某些特殊的效果,并且有完善的CMS内容发布管理系统以及电商系统等等,在这个情况下可以看到快站针对互联网全网营销在这方面考虑的比较多。
HTML5越发火热,相信在接下来的发展中会得到更广泛的应用,从SEO抓取到平台再到应用的整条产业链等会诞生出千万甚至亿级的企业,使得HTML5在创业圈与投资圈非常热,以此关注HTML5的人越来越多。
这次无穷俱乐部沙龙的各位嘉宾从建站产品、开发者、使用者、应用程序等各方面分享自己的对HTML5的认识,多角度为到场听众见解了HTML5在未来的发展,分享内容无论是专业度还是实用度,都是很少见的。伟哥认为HTML5未来会有更广泛的发展,将改变未来移动互联网时代的视听新体验,同时也是一个非常重要的发展方向,无论是WebAPP还是轻应用或者是轻游戏方面。在超级APP的崛起之下,HTML5的发展未来前景一篇广阔,现在是广大建站者必需真正需要考虑用HTML5的时候了。
段时间小编发现,HTML5似乎满足了广告主对移动营销的大部分需求,从形式到功用、到传播,有人观望,更有人已抢了鲜,在2014年HTML5营销案例也层出不穷。大到可口可乐、维多利亚的秘密这种敢于尝鲜的大牌,小到知乎推出的一本新书,各种品牌和产品都在尝试利用HTML5进行营销。那么H5到底可以怎么玩?让我们一起来看看吧。
主题派
主题传播永远是品牌的重要传播诉求,但无论是新闻稿还是软文拿到社交媒体上来,与其他形式纷繁的讯息进行PK,总是感觉弱弱的,这个时候HTML5就可以华丽丽出场了。在原有专题的基础上,加之互动以及其他适配小屏幕的素材,一个声情并茂的HTML5主题就可以制作完成。可以预期的是,将有越来越多的媒体和企业会采用此种形式推介某个主题或是亮点。可口可乐已先行使用HTML5形式传播品牌主题:如用一条红线重现一个品牌经历的岁月,在简洁的线条世界里,可口可乐描绘了一段历史,整个时间轴随着用户向上滑动页面“绘制”而成。“我们在乎”——可口可乐中国可持续发展报告,一份枯燥的报告也可以变身轻盈,适应移动端观看及分享的需求,以更活泼的形式在朋友圈被热转。
案例链接:腾讯大会邀请函
2014年11月8日,腾讯就在世人面前高调地玩了一把科技感。在WE大会现场中,不但有唯美的星空画风和首页由远及近的宇宙效果,还增加了指纹识别的科技互动元素。最重要的是游戏规则:将应用邀请发给好友,300秒之内,双方在各自手机上同时按下指纹,验明正身后获得邀请码。这种手机端接连现场的技术十分抢眼,可以让与会者享受到被重视的礼遇,还有瞬间通电的感觉。这款邀请函不只是实现了人机互动,更是实现了双屏互动,运用了一次社群思维。
游戏派
爱玩是人类的天性,好游戏吸引用户参与没有问题,但当游戏遇上营销,就难免生死未卜了,弄不好就破坏了游戏体验,引火上身。像《围住神经猫》只是因为接入了广告文字链,就结束了一款游戏绚烂而又短暂的生命,于朋友圈销声匿迹。
所以想要利用游戏进行营销一定要做到谨慎、巧妙。目前HTML5游戏营销主要是两种形式,一种是品牌推出游戏,游戏依附于品牌,一般为知名品牌;另一种为游戏先行,产品藏匿于游戏之中,这种则是一些新产品或是新品牌。像杜蕾斯、维多利亚的秘密就属于前者,推出符合品牌特点的一些小游戏,将品牌与游戏进行深度融合,如将经典游戏中的元素换为品牌标识或是产品,使用户在玩游戏的过程中加深对品牌的认知。而《财务包子铺》则是后者的典型代表,成为HTML5小游戏中的一匹黑马。
案例链接:《财务包子铺》背后的那本书
测试一下自己的创业成功指数?在这个人人吵着要创业的年代,大多数人都会对这个测试跃跃欲试吧,心里想着:我的创业天赋可不能就此埋没。于是由知乎制作的小游戏《财务包子铺》在微信朋友圈里迅速流传,玩家以创业老板的身份,对自己的包子铺的日常经营做出决策。听上去没什么特别,但游戏中专门设置了机制,比如用户如果决策失误,就会收到破产警告,需要选择一本救命书——就是知乎要借此推广的《金钱有术》。续命之后可以继续游戏,让玩家对新书留下初步印象,又不会中断游戏。游戏上线三天后,《金钱有术》这本书成为亚马逊图书销售总榜冠军,同时还是预售冠军、新书冠军、经济类冠军,仅在游戏里点击“购买秘籍”这一选项的独立用户数就有55万。怎么样,设计得如此天衣无缝,就算有人知道是“软游戏”了,但还是愿意为这本书买单。
活动派
有粉丝的地方就有活动,社交媒体风行后,品牌活动大规模转移到微博、微信上来,真实的社交关系链,对于有奖活动来说是最好的人气资源。相对于微博上的关注和转发有礼,以及微信朋友圈转发集赞等,使用HTML5开发出的有奖互动活动形式会更新颖和多变,同时也可以发挥HTML5的多项营销优势,如互动性强,在活动中开发出各种与用户的互动形式;功用性好,奖品对于用户来说就是最实际的刺激和诱惑;传播性广,独乐乐不如众乐乐,发现了既好玩又有奖品拿的好事,当然要好朋友一起分享。
案例链接:索尼七夕送“小青心”
在2014年七夕期间,索尼就用HTML5开发了活动页面,强力推出一款新品——清新范儿十足的小青心索尼C3手机。在活动期间,只要关注索尼Xperia官方微信进入游戏,将在页面“邂逅”专属幸运四叶草,分享活动到微信朋友圈,邀请4位好友帮助拆开礼盒,点亮小青心幸运四叶草,即可获得抽奖资格,索尼为此一共准备了77台小青心索尼C3智能手机。七夕是年轻人的节日,整个活动将小青心标签与七夕相结合,踩准节日营销的时间点,同时环节中设置需要4位好友帮助,也使社交传播链得到了几何式铺开。
功能派
在前文中已经提到,想用户之所想才能够有效“黏住”用户,使得HTML5营销得到转化,不论什么时候,只要实用,总会有人点击、有人转发,这也是HTML5营销最需要的推动力。在功能性HTML5开发方面,百度可谓屡试不爽,如先后推出iBreath智呼吸、手机告全体主人书、北京地铁计算器等产品,这几款产品无一不是戳中了用户的“痛点”:健康、手机使用、地铁涨价,这都是实实在在的需求点。以手机告全体主人书为例,你是否已经看够了那些枯燥的文字叙述,也厌烦了毫无新意的小互动,这组页面几乎每页都根据要表现的内容增加了趣味十足的动画效果,将说明书变成了“动画片”。
案例链接:百度iBreath智呼吸
这款HTML5的slogan为:人呼出的气体和指纹一样独一无二。此语一出,就让人对自己的呼吸充满了好奇,具体操作也很简单:手机水平放好,然后深呼吸,对着手机下方吹气。几秒钟之后,通过大数据分析,你的健康值就会被测算出来,会列出用户的呼吸气体成分详细数据,还会分析出用户的健康情况,如肺部感染症状以及相应的健康改善建议等等。
更多精彩内容,请关注互联网分析沙龙微信:techxue 每天为您推送最新、最热干货!
互联网分析沙龙——互联网人的实战分享平台,一个为您提供专业的商业模式、产品、数据、用户、电子商务、社会化媒体、移动互联网等深度分析的信息网站!请在微信公众账号中搜索「techxue」,或用手机扫描左方二维码,即可获得互联网分析沙龙每日精华内容推送和最优搜索体验,并参与编辑活动。
*请认真填写需求信息,我们会在24小时内与您取得联系。