简单说,它就是一个可以实现之前只能是原生态APP可以实现的效果和功能。比如说,一些酷炫的页面与转场,一些可以直接和手机硬件交互的功能,录音啊,拍视频啊,调用手机的重力感应啊,GPS啊等等。
这在之前的网页开发中,是不可想象的。这里能想象的空间太大了。
设想一下,有了微信小程序,你可以开发一个滴滴打车的功能。利用GPS,可以知道司机在哪,乘客在哪。程序可以就近给乘客安排司机。完成交易后,再利用微信支持接口完成支付。
当然要简单实现功能不难,怎么做好细节和用户体验,怎么能在激烈的市场竞争中胜出。这个比技术实现本身复杂太多。但至少微信小程序给了我们这个期待。
再比如利用手机重力感应模块,我们可以利用HTML5开发一些有意思的小游戏,比如赛车啊,打球啊,之类的。
在推出微信小程序的活动上,微信创始人张小龙说,我们并不是要成为应用的分发平台,而是希望能给微信里那些优秀的公众号提供更好的技术,让他们能给粉丝提供更好更优的服务。
但话说回来,微信小程序若能成功,微信这个本身就是个超级的APP平台,就是个应用分发平台了。
很显然,很多APP技术开发公司麻烦大了,他们不可能一个APP开发,就要价数十万,狮子大开口了。当然他们也可能 一夜之间,向微信小程序开发转型。这个难度几乎是没有的。
而且微信小程序的开发需求远大于原生APP。
另一个受到较大冲击的是那些传统的网站建设的技术公司。其实老卢之前2年多时间也一直是从事这方面的创业。而且最近一两年,客户的需求也在向移动端,如微信公众号的二次开发靠拢。
这次微信小程序的推出,应该更会激发客户对微信公号的开发热情。
所以从长远讲,不管是APP还是网站建设类技术公司,利还是大于弊的。因为微信小程序在很多方面,确实比网站,以及APP更有优势。
网站这里特指传统的,在电脑上打开的网站。我们都知道,早在三五年前,移动端的用户就超过了电脑端。但由于某种惰性,技术开发人员直到这一两年才缓过神来,开始重视移动端。
传统的电脑上看的网站,自然不方便在手机上看了。而且手机用户花在手机页面上的时间并不多。他们大量的时间都花在于APP上。但我们都知道,手机的屏幕是有限的。我不可能一个应用,一个需求,就装一个APP。
于是要么把自己最急需的,最常用的一些需求的APP装上,看新闻,装一个今日头条,网易新闻啥的。那些不急,不常用的,就让超级APP来代替。比如看看八卦,学习下行业知识等,订阅一些公众号就行了。
从目前来讲,APP比手机网页好,手机网页比电脑网页好。手机网页在电脑上看起来还行,但需要我们输入网址域名,这在电脑上还好操作,在手机上,简单是让人抓狂。
虽然APP在体验上非常突出,但需要安装,需要消耗流量,占用手机有限的桌面空间。这种麻烦程序,甚至超出了APP的优势本身。
1,不用安装,即开即用,用完就走。省流量,省安装时间,不占用桌面;
2,体验上虽然没法完全媲美原生APP,但综合考虑还是更优;
3,对于小程序拥有者来说,开发成本更低,他们可以更多财力,人力,精力放在如何运营好产品,做好内容本身;
4,对于用户来说,相较于各种APP,微信小程序UI和操作流程会更统一。这也会降低用户的使用难度;
5,对于小程序拥有者来说,相较于原生APP,推广更容易更简单,更省成本。
很多人在在做网站SEO的时候,常有人会错误的理解百度算法,以为堆砌关键词就是增加关键词密度,发垃圾文章就增加收录,以为每天不停的更新就能被搜索引擎抓取,其实这里面是有很多误解的。做网站优化我们要有一个心态,那就是和蜘蛛做朋友,只有经常邀请这个朋友来光顾我们的网站,并对这个朋友以礼相待,它才能帮我们做好网站内容的收录。今天上海网站建设公司就和大家针对这个问题一起来探讨一下。
首先来说服务器,服务器不稳定将影响排名。百度更新的“闪电算法”,针对页面首页加载时间过长的网站将直接影响排名。首页必须在2秒内完成打开,特别是在移动搜索下2秒以内打开的站点,将获得提升页面评价的优待,获得免费流量。同时,在搜索页面首页加载非常慢(3秒及以上)的网页将会被打压。
网站内容和网站关键词不符也会影响到网站的排名。网站内容不符指的更新的内容与网站不想关。我们要深知,并不是每天增加文章就能吸引蜘蛛来爬行、获得好的网站排名。写文章一定要有相关性,最好写跟产品关键词相关的原创内容。
一个好的网页能让用户进行友好的打分,减少网站跳出率。恰好相反,如果一个网站内容非常混乱,结构布局用户体验很差,进去首页就关闭了这个页面。这样的网站你说怎么能做好优化。
今天和大家介绍的这些网站优化的错误做法,希望能够给大家带来帮助,也希望在您做网站优化的过程中,有则改之无则加勉,尽量减少这些方面的错误。还有就是,希望大家能够活学活用,把网站优化做的更好。
所谓营销型网站就是为实现某种特定的营销目标,能将营销的思想、方法和技巧融入到网站策划、设计与制作中的网站。最为常见的营销型网站的目标是获得销售线索或直接获得订单。
营销型企业网站是指以现代网络营销理念为核心,以搜索引擎良好表现、用户良好体验为标准;具备理解力、信任力和行动力;能够更好地将访客转化为顾客的企业网站·所有营销型企业网站首先要符合SEO,搜索引擎优化排名是最重要的网站推广手段之一,如果一个企业网站没有从SEO的角度去设计,做好之后,还需要花不少钱请专业的SEO公司进行网站优化.网站不是艺术品,一定要设计的清晰明了,方便用户浏览·营销型网站建设是一种技术和营销策略相集合的网站建设服务·
营销型网站建设,是指根据企业的产品或者服务的市场定位,不单纯从设计与功能的角度,更注重的是从网络营销的角度来制作网站,使得企业网站的整体架构与搜索引擎的特点相符合,对搜索引擎更友好,对用户访问体验更人性化,有在线客服功能和客户管理功能,并有流量统计功能,评估网络营销效果,适时调整网络推广方法。
1、真正的网络营销为导向
营销为主、技术为辅,传统网站不营销,除了技术落后之外,更重要的是思想、理念落后。网站要想起到网络营销的作用,关键因素是是否站在营销的高度设计。始终奉行“营销为主、技术为辅”的理念,只建设真正营销型的企业网站。
2、真正以用户为中心的整体设计
潜在客户来到您的网站,如何把客户留住、如何使客户产生信赖感、如何刺激客户产生购买欲望、如何建立客户忠诚。其中的关键因素在于网站的用户体验,也就是网站是否以用户为中心,只有以用户为中心的网站,才能最终取得客户的青睐。 建设的网站真正以用户为中心,每一个细节都反复推敲、精雕细琢,真正起到提高客户转化率,让您的每一分钱都物有所值。
3、真正面向搜索引擎优化的页面设计
一个营销型网站的一个最基本的特征就是一定要能够非常容易的让用户找到,一个潜在用户找不到的网站根本谈不上什么营销。
4、真正关注网络品牌建设与推广
传统网站所能够起到的唯一作用也就是展示企业形象和产品,然而传统的企业网站都是技术人员构建,并不懂什么营销,所设计的网站仅仅是中看不中用,更谈不上网络品牌的建设和推广。全面关注企业网络品牌的建设和推广,所建设的网站能够融入企业品牌文化和企业风格。
1、营销型网站建设能真正给企业带来效益。通常大家所说的网站建设是指通过专业做网站的网络公司,将公司信息制作成网页并制作出相应的管理功能模块,网站做好之后发布到互联网上,用户可以通过网址来访问到这个网站,网站建设工作就这样告一段落,至于是否能通过这个网站来获得效益,似乎已经不是网络公司所考虑的问题了;营销型网站建设服务,是从网络营销给网站拥有者带来经济效益的基本前提下出发,如果客户没有通过网站来达到营销的效果,我们认为这样的网站不存在多大的价值。
2、营销型网站建设更符合WEB标准规范。众所周知,要想客户对您的网站产生兴趣,一定要具备吸引客户的亮点,网站内容固然重要,但是简洁,方便的结构也一定要做好,而传统的网站建设注重的是“做”而不是“用”,所以不会考虑到用户体验,绚丽花哨的图片,整篇的网站特效让人不敢恭维;网站建设只是开展网络营销的第一步,如果这一步都没走好,也就决定了你在网络营销路上的失败,建设网站固然简单,但是真正通过网站来盈利,又有几人?
3、营销型网站浏览速度快。因为营销型网站是排斥使用大量的网页特效的,也不主张用大量的图片和动画来刻意装饰,所以说营销型网站的网页代码是非常简洁的,根本没有垃圾代码,而且由于页面没有加载任何影响浏览的特效,使得用户更加青睐。
营销型网站建设应具备:简单、方便操作,经过简单培训,即可熟悉后台,操作方便,更新及时将企业动态、活动等信息随时发布。
1、专门针对搜索引擎优化设计,让你的网站脱颖而出
2、良好的用户体验,更好地将访客转化为您的顾客
3、提供网站的同时提供专业的网络营销顾问服务
1、已经建站,但客户找不到自己的网站的企业
2、做了网络推广,但网站留不住人的企业
3、网站访问量很大,但就是不产生定单的企业
4、费用紧张,希望以更小的投入获取更大回报的企业。
1、良好的引擎表现:自由修改网站标题标签;自由修改网站主页关键词、内页关键词;自由修改主页描述标签、栏目描述标签。管理方便,改版及运用也更方便。
2、首页简洁大方:简洁大方的公司首页;幻灯片滚动显示产品特色图;新闻动态板块,及时显示企业动态;相关知识板块(产品帮助),及时发布使网站处于及时更新状态;产品滚动图片;让访问者直观浏览到产品;版权处详细联系方式;访客直接看到电话等信息。
3、生成静态页:给予引擎最好的,收录表现。
网站的建设只是一个良好的开端,更重要的是执行良好的网站推广,企业网站必需不断地对网站内容进行更新,对网络营销的策略进行调整与维护,以保持在网络营销中的优势。
只有这样,企业的营销型网站最终才成为企业的超级业务员。
一个网站的重要性不言而喻,而如何选择一家专业靠谱的上海网站建设公司却是多数企业为之苦恼的问题。
纵观目前建站市场的整体发展,网站建设的业务已经趋于饱和,各类网站建设公司包括小型工作室以及个人服务商的数量却在逐年增加。
如今市场上的建站公司不计其数,各地网站公司的数量甚至已经逼近了整体市场需求的总量。
各家建站公司的服务水平却是参差不齐,价格五花八门,其中更是不乏一些服务商惯用的欺诈陷阱和招数。
对于需求方而言, 面对如此乱象丛生的网站建设市场找到一家专业、靠谱的网站建设供应商是一件非常头疼的事情。
目前整体建站服务从模式上简单分为模板化建站和定制化建站两大种类。
前者从几百档至几千档,深得一些微、小型企业包括一些个人商家的依赖。
凭借其价格优势和操作简单,交付较快的特点满足部分对网站功能要求简单,不需要出色设计和交互体验的用户群体。
而最大的缺点是不能直观修改代码,模板建站会产生冗长的垃圾代码,而且每个页面的代码又极为相似, 不利于百度、谷歌搜索引擎的收录,对于网站推广极为不利。
其次,自助建站由于多数服务商提供的是公用的空间及数据库,其安全性也无法保证。
另外在今后网站功能扩展上, 模板化的建站模式也无法支持,难以很难满足企业在定制方面的需求或者二次开发,一旦需要专业升级, 需要全部重做。
相对模板建站而言,定制化建站仍旧是目前建站市场上的主流需求。
而网站建设是一个系统性很强的工作,一个优秀的网站建设公司需要能够提供触动人心的设计,还需要具备成熟稳健的开发技术,以及产品化经验和持续的运维服务能力。
网站建设行业的入门门槛其实并不高,而且没有统一的市场监管和统一的服务标准,造成网站建设市场异常的混乱。
很多公司甚至个人以对建站技术的一知半解,并利用一些虚假不实的信息诱导,导致其网站建设的效果得不到保证。
那么选择一家专业靠谱的上海网站建设公司究竟从哪些方面有迹可循,有哪些地方值得需求方注意的呢?
目前定制网站的费用从千元级别到万元级别,或者到几十万,甚至到百万,千万的级别都有。
造成价格差异如此之大的主要原因来自于两个方面。
1.每个企业对要做的网站的需求不同,需求可能来自于网站类型的差异,是一般企业展示型网站还是电商或是社区,不同的网站类型会产生不同的价格。另外, 不同设计、功能或者交互体验上的要求不同,也会影响最终的价格。
2.各家服务商的技术水平和服务水平不同。一些供应商可能是资质平庸个人或者一些服务水平较低的小公司,没有健全的服务体系和成熟的设计、开发实力,这类服务商的报价普遍较低。相反,有一定公司规模和服务经验的服务商的价格会相对较高。 实际上, 在建站前期的询价阶段,通过每家建站公司的报价,也可以基本判断一家公司的实力水平。
我们来算一笔账,要做好一个定制化的网站,至少需要设计师、前端UI工程师、后端研发工程师三位技术人员,每月在人力的成本至少也要几万开外。
所以,如果网站报价几千的建站公司显然难以达到预期的标准。
据此, 可以初步判断一家网站建设公司的水平。“一分钱一分货”在建站行业里是亘古不变的真理。
通过观察一家建站公司的官方网站,这一点是最能直观了解一家建站公司服务水平的方式。
作为一家做网站的公司,如果连自己的网站都做的普普通通,毫无视觉效果和体验就可以知道这家公司的实力到底如何了。
这类公司在市场上并不是少数,依靠各种忽悠手法和低价策略来骗取客户,最终的效果让人大失所望。优秀建站公司的网站可以参考广漠传播。
需求者在面对一些建站公司天花乱坠,不切实际的吹嘘,检验他们能力的办法除了看他们网站质量,第二点就要研究这家公司的以往案例。
案例的好坏可以从视觉设计、交互体验以及功能的实现去判断。
当然一些公司也会存在冒用案例的现象,这一点对于需求方而言很难避免,可以通过搜索引擎的搜索和询问服务商案例的出处来确定案例的真实性,像我们广漠传播专注高端网站建设10余年,每一个案例都是真实有效的,可以通过网站源代码或者底部版权信息旁边的Designed by GreatMo 来查看是否真实。
另外,了解一家公司的实力其实就是看这家公司团队的实力。
低端服务商的团队成员难有扎实的专业背景和从业背景, 服务质量难以保证。
作为国内领先的网站建设整体解决方案提供商广漠传播,其核心团队均来自知名互联网公司和广告公司,凭借强大的团队资历和背景将为客户提供更可靠,更顶尖的服务。
真正有实力的的网站建设团队拥有可靠的售后服务,以保证企业“后方”的安全可靠。
不管出现怎样的问题,网站都会第一时间为客户找到最好的解决方案,解决客户的后顾之忧。
建站市场看似复杂,但是只要遵循以上几点的建站常识和技巧,需求者不难找到适合自己企业的建站服务团队,要做的只是多花一些时间和精力去甄别。
近期发现多家抄袭广漠官网的同行网站,特说明情况如下:
1、感谢同行们对广漠的认可,但我们并不认可这种抄袭行为。
2、广漠传播官网设计、文案和案例等均为广漠原创,请相关同行停止侵权行为,共同维护行业发展。
抄袭较为严重的相关网站截图说明(其他部分抄袭者不再例举):
1、北京云企悦
http://www.yunqiyue.com
除案例栏目外全部沿用广漠官网设计
2、深圳橙米科技有限公司
http://www.szchengmi.com
除LOGO外全部抄袭
3、大连SVVSV
http://www.svvsv.com
除LOGO外全部抄袭
4、广东柚子网络科技有限公司
http://www.gdyouzi.cn
除案例栏目外基本沿用广漠官网设计
以下是设计元素或文案抄袭公司
1、佛山源创力科技有限公司 http://www.yuancl.com/
2、苏州亿企搜 http://www.cn-sem.cn/
3、北京德尔普网络 http://www.hompy.cn/ http://www.zlsjwhcm.com/ http://www.top3w.net/ http://www.wuhannets.com/ http://www.0596top.com/
4、大连SVVSV网络 http://www.svvsv.com
5、苏州互众网络 http://www.ehuzo.cn/
6、佛山亿优网络 http://www.fsyyseo.com/
7、贵阳匹飞科技 http://www.pifei.net/about.html
8、南通万嘉科技 http://www.daoyutech.com/
9、无锡远诺科技 https://www.wxyuannuo.com/about/
上海唯析信息科技有限公司是集软件销售、工程咨询、CAE平台开发、技术支持与服务于一体的高科技公司,注册在嘉定上海希望经济城,受益于得天独厚的区位优势和坚实的经济发展基础。产品主要涉及仿真软件、仿真管理以及实验管理三大类。相关产品包括:高级非线性有限元分析软件ABAQUS、专业的疲劳寿命分析软件FE-SAFE、流程自动化和设计探索工具ISIGHT、基于 FEA 和 CFD的高级拓扑优化软件TOSCA、多体动力学分析软件SIM-PACK、注塑分析软件SIMPOE-MOLD以及仿真生命周期管理平台SLM等等。
Google Glass作为新一代智能眼镜的开创产品,在检验市场需求的同时也由于自身的诸多不足而遭遇了失败。距离Google Glass停产已经过去了19个月的时间,谷歌公司似乎还是不愿意让它咽下最后一口气。
Google Glass初代产品的失败并非毫无意义,它为后续AR/VR等智能眼镜的开发探清了雷区。微软恐怕就直接受到了启发,在Windows 10发布会之后迅速明确了hololens的商用市场定位,并小心翼翼的对产品进行着迭代。除此之外,如何处理软硬件之间的关系,如何有效的拉拢开发者,也几乎成为了所有VR硬件开发商的必修课。
硬件和软件不同,不要过早的将半成品推向市场
针对软件,内容开发者可以将免费的Beta版本登陆到分发平台,通过分发平台的反馈就能了解到这款产品当前的缺陷和市场前景。Steam平台的抢先体验模式就是个很好的例子,开发者可以将内容的早期版本以低价贩卖给玩家,以此来获得开发资金和用户建议,后期则提供免费的升级服务。
但对于硬件来说,这个方法可能不太适用。开发者版本的硬件设备也需要具备一定的完成度,消费者显然不可能针对你的开发机和成品硬件进行二次付费。hololens的开发版本就耗去了微软近5年的研发时间,而HTC Vive的开发版本与消费者版本整体差异并不大。
谷歌显然还停留在“软件”的思维上,Google Glass研发负责人Tony Fadell也承认过早的将开发版本推向公众是一个错误的决定:“硬件与单个的电子元件不同,生产线的存在必定会耗去更多的开发时间,在产品推出之前就需要明确它的相关功能。而消费者一旦花费成本买到与价值不对等的产品,必然会失去信心,从而毁掉产品的未来市场。”
Google Glass的硬件本身确实存在一些问题。许多开发者反馈,这款产品的电量只能保证它正常运行1个小时,随之而来的则是性能降低与大面积发热。而Google Glass的画面成像也不如预计中那样出色,狭小的可视区域需求人们采取不自然的姿势观看。概念视频中的那些AI功能就更加是痴人说梦了,美国科技作家Robert Scoble就曾抱怨,在他上台演讲时Google Glass仍在不断的推送Twitter消息。
而对于VR设备而言,HTC实际上提供了一种折衷的方案,他们的推广手法显得更加积极和慷慨。去年3月份,HTC联合Valve推出了开发机的申请活动,只要内容开发者通过了官网的表单筛选,就能获得一台免费的HTC Vive。通过这种方法,硬件开发商不但能有效的规避市场风险,还能收获行业领头者的宝贵意见。
明确定位,让开发者便于针对设备进行二次开发
Google Glass在发布之初虽然展现了智能眼镜主导人类未来的蓝图,但它的产品定位实际上非常不明确。谷歌对于拉拢商业伙伴显得尤为消极,而Google Glass高昂的售价和闭塞的渠道对消费者和开发者也显得非常不友好。这直接导致内容开发者无法清晰的看到硬件的市场前景,从而对应用开发变得畏首畏尾。
与谷歌合作的眼镜制造商并不多,只有Luxottica在内的为数几家,这导致Google Glass的造型设计久久无法获得改善。除此之外,谷歌也没有积极的去熟络科研、医疗、教育等方向的合作伙伴。
与之相对的是,hololens则经常出现在高校教育的课堂上,甚至和NASA也有紧密的联系,而oculus rift和HTC Vive虽然主攻消费市场,却也在着手商用领域的布局。
另外,消费者想要体验到Google Glass也异常艰难,高达1500美元的尴尬定价让很多人都望而却步,而这款设备在2014年公开发售到2015年停产的这段时间内,大部分时间都只对美国用户开放渠道。作为一款先锋科技产品,它也没有和媒介进行合作推广。
Google Glass在举棋不定间错失了良机,再加上当时智能眼镜的生态链并不成熟,很少人愿意基于这款设备进行二次开发,直接造成它的内容应用十分稀少。在如此严峻的情况下,谷歌公司本身也没有针对Google Glass开发出能够站台的应用,这款产品自然难以获得消费市场的青睐。
在VR设备方向,Starbreeze的StarVR头显就主要应用于企业市场,鲜明的商用倾向让他们获得了IMAX的信赖,随即衍生出了IMAX VR Centers项目和相关的内容应用。而Google Cardboard的市场定位反而十分明确,它不仅带动了移动VR的风潮,还与可口可乐、麦当劳等企业合作,收获了不错的推广效果。
VR设备的生态链虽已初具雏形,但创新型产品仍需警惕
与Google Glass推出之时稀缺内容和开发池的情况不同,大量资本的入驻与开发者的支持,让VR设备的生态链逐渐变得完善。从低端的VR盒子到系统式的移动VR再到顶层的核心VR,消费级和商用级产品都有一定的市场空间,VR硬件开发商所面临的问题已经没有Google Glass开拓市场时那般严峻了。不过,很多创新型的VR/AR产品仍需绕过它走过的那些大坑。
Skully头盔最初的设计十分诱人,GPS、免提系统、内置智能显示屏等组件几乎可以满足所有的交通应用,但过高的定位让开发者们难以将项目运转下去,1250万美元的融资也在滥用下所剩无几。
而Veeso团队推出的面部追踪头显最近也传出了众筹失败的消息,他们在Kickstarter上发起的项目并不被消费者所认可。在VR日报看来,Veeso头显并不是一款失败的产品,但表情同步等功能更适合被用在商业领域,例如迪士尼VR影片的拍摄就需要针对Avatar进行表情定制。对于Veeso来说,众筹也许不是资金来源的唯一渠道。
同为创新型产品的FOVE头显之所以能获得众筹的成功,在于它的眼动追踪技术能被迅速拓展到游戏、购物、设计一类的消费级应用上。
在遭遇了最初的滑铁卢之后,谷歌似乎也清醒了过来。此前就有传闻指出,Google Glass的第二代产品将主要面向企业用户。Alphabet执行董事长Eric Schmidt就曾明确表示,Google Glass是非常重要的基础平台,它只会在短时间内停售,回炉重置后的下一代产品必将受到收费者的推崇。谷歌公司最近所申请的专利似乎也在向我们倾诉着同样的信息,更换棱镜、新增触控板、改变电池结构,无不预示着这款产品将会换一种形式再度出现在我们面前。
一款新产品的成功,背后总是伴随着无数的失败,代步工具Segway曾声势浩大的进军消费市场,但4年时间内只卖出了2.4万台,VR硬件作为打破传统的产品,自然也会受到市场的严苛考验。但总的来说,这些堆砌起来的失败经验,也会让新的技术离我们更进一步。
【钛媒体作者介绍:VR日报,微博@VR日报网】
2014年下半年,微信帮助捧火了HTML5小游戏,自此国内各行各业开始对HTML5保持持续高涨的关注。接着的2015年是国内HTML5行业迅速发展的一年,在媒体大肆渲染“互联网寒冬”之际,HTML5作品的生产数量和传播广度却居高不下,为寒冬增添一把柴火。
如图,根据百度指数对关键词“HTML5”搜索趋势结果,2015年“HTML5”的指数约是2014年的1.5倍;而HTML5的简单说法“H5”在2015年的检索量是前一年的2倍多,直逼“HTML5”。
2015年,国内HTML5的传播仍以移动端为主,但简单的翻页这种低层次的设计已经不再适应大部分受众的需求,HTML5平台也开始由简单的工具应用逐步转型。其中,发展得比较快的是面向商企用户的iH5,自主研发引擎,并于2015年年底添加即时通讯功能和线上交易机制。
为什么是HTML5?
Web应用开发新标准
HTML5,第五版超文本标记语言,于2014年10月由万维网联盟(W3C)发布为正式推荐标准。它是HTML自1991年问世以来,最具变革价值的技术规范,历经多年修订与完善才制定完成。
过去,Web开发面临两种困境:
(1)不少人质疑Flash的安全性等问题,却找不到替代它的合适插件;
(2)工程师们抱怨PC端和移动端应用的多次开发,仍旧得为微软、苹果、安卓等系统设计不同方案。
而HTML5提供了良好的解决方案。与JavaScript、CSS等紧密结合后,HTML5能使浏览器不需要类似Flash的插件也能实现桌面应用的交互效果,它的跨平台可用性更令应用的一次开发成为可能。
如上图,Youtube使用HTML5的video元素进行标记后,网页不需要第三方插件就能播放音视频等。因此,HTML5的兴起具有非常深远的意义,它已经从简单的标记语言化身为Web应用开发的先驱。
HTML5应用现状
从硬件角度来看,国内手机和平板两种移动设备应用最广,PC端次之,紧接着是电视和游戏设备。
从软件角度来看,桌面浏览器对HTML5的支持高于移动浏览器,最高可达95%;而从整体上而言,移动浏览器对HTML5的支持却优于桌面浏览器。
HTML5具有较好的浏览器向后兼容性,开发者能对浏览器不支持的情形设计各种各样的回退方案。因此,HTML5页面的实际显示性能与开发者、制作平台密切相关。
2015年,越来越多公司在HTML5品牌推广上进行布局。6至7月份起,鸡汤、自媒体等个人作品呈下降趋势,商企用户作品则保持高速增长。在商业需求的驱动下,HTML5页面设计的目的性更强,获得最好传播效果的基本是经过一定时间策划,在团队操作下有针对性地进行投放的企业案例。
相对应地,原有HTML5平台也进行了大面积升级。从平台性质而言,HTML5平台可分为轻营销模板类、功能引擎类和基础工具类三种,分别以易企秀、白鹭引擎和iH5为代表。
三类HTML5平台的特点如下——
(1)轻营销模板类:提供类似PPT页面切换的HTML5制作工具,通常面向C端(个人)用户,部分为B端(企业)用户。该类平台的数量较大,只适用于轻度营销,所能提供的页面动态效果局限于翻页。
(2)功能引擎类:提供HTML5网页的开发引擎,通常面向B端用户。该类平台主要提供基于Canvas(画布)的游戏引擎,适用于轻游戏的开发,依赖于开发者。
(3)基础工具类:提供用于页面交互的HTML5可视化编辑工具,主要面向B端用户,部分为C端用户。该类平台只有iH5,采用自主研发的闭源引擎,应用领域广泛,涵盖轻度营销、重度营销、媒体电商内容应用、视频、动画、游戏等方面。
与浏览器多采用谷歌开源引擎的状况相近,国内HTML5平台基本使用国内外开源框架或引擎。但和浏览器面向网页内容显示,只需提供高性能的技术支持不同,HTML5平台面向的是HTML5制作或开发,需要对网页质量负责。因此,使用开源框架或引擎意味着这些HTML5平台进一步拓展业务会比较被动,容易面临同质化的困境。
三类HTML5平台的对比
因为整体上移动端浏览器对HTML5的支持优于PC端,2015年HTML5平台主要面向移动端网页的制作和开发。
如上表,三种HTML5平台以PC网站、APP和软件三种形式提供制作或开发工具,成品为网页或HTML5源码。由表可见:
(1)轻营销模板类HTML5平台只能做轻度营销,能实现翻页等简单动效,分为场景展示、电子出版和动画制作三种。如下图为易企秀桌面编辑界面,该类平台最大的共同点在于工具结构以页面为基础,与软件PowerPoint架构相近,能通过增减页面、使用功能组件和点击快捷菜单来调整内容。
(2)功能引擎类HTML5平台的用户专指性很强,主要是有开发经验的技术人员。下图为Egret Wing软件设计师视图下的基本架构,使用HTML5引擎把基础代码流程化,再借助第三方集成开发环境Adobe Air构建可视化工具,就能通过让用户使用软件组件来简化开发过程。
(3)基础工具类HTML5平台提供底层交互型产品,开发目的、设计原理和实现思路都以交互为基础,国内只有iH5。iH5于2015年9月上线,提供HTML5制作工具、工具培训和作品交易等服务。它本质上封装了DOM(文档对象模型)引擎的一个集成开发环境,使用者以设计师为主,适合广告公司、大型媒体公司和公司市场部等使用。
如上图,iH5提供的是舞台、屏幕、页面、多媒体素材、事件、数据库等对象组件,而不是构建好的模块组件。在提供可视化编辑的前提上,它最大程度还原了HTML5页面的开发过程,具有较高的拓展性。由于提供底层交互功能,它的应用领域较广泛,能用于微信推广、网站建设、轻游戏设计、轻APP开发和视频交互等多个方面。
同样是HTML5规范,对HTML5技术与性能的取舍成为国内HTML5平台工具定位和提供服务的差别所在。
HTML5行业发展的趋势
伴随着HTML5兴起的是Flash的没落,HTML5能打败在多媒体领域称霸多年的Flash,除了移动设备的跨平台性和较好的多媒体支持外,它的应用范围也广于Flash。比如,Flash动画作品的复用性极低,基本没有模板市场,而HTML5却能作为基础填充材料,用来制作报纸图文等模板。
参考Flash发展的演化路径并结合HTML5的新特性,HTML5近几年会在重度内容、网页游戏、垂直领域解决方案和内容直接填充四个方面有所突破。
(1)内容往重度化方向发展。
重度营销并不完全意味着大项目、高预算、长周期、大团队,而是相对轻度营销以用户生产内容为主,它更注重专业内容的生产。在用户对页面交互能力和HTML5拓展功能的要求提高之际,轻度营销的市场份额会逐渐降低,往重度营销内容转化。
(2)网页游戏往交互游戏方向发展。
尽管HTML5游戏具备无需下载、包含社交属性、开发成本低等优势,但如果没有充分利用HTML5的新特性,加强移动游戏的交互能力,它很难在游戏市场中异军突起。由此,网页游戏未来更有可能结合HTML5优良的通信功能,往跨屏互动等交互特征更明显的形式发展。
(3)垂直领域解决方案往在线应用方向发展。
与HTML5行业密切相关的垂直行业主要包括在线教育、电商和流媒体三种类型。
以世界最大的在线课程平台Coursera为例,授课视频即使用HTML5实现“课间小测”。如下图,在Coursera网站上,当视频播放到特定节点时会出现与课程相关的问题,提供用户选择答案,记录答题情况并反馈答题结果。
(4)传媒业往内容直接填充方向发展。
国内HTML5制作工具基本都提供模板服务,这与HTML5网页较强的复用性有关。网页基础架构设计完成后,修改源码中各元素的参数便能替换素材、改变对象属性,因此HTML5网页能用于制作基础填充材料。在HTML5模板的帮助下,新媒体内容能通过应用母版进行编辑,用户只需后期进行图文内容的替换,因此很有可能成为传媒业转型的契机。
反观国内不同类型的HTML5平台,只有以HTML5提供的新特性为根本,着眼于底层交互才可能适应各行各业对网页开发的需求。因此,基于HTML5元素和属性进行设计的基础工具,未来更有机会占领尽可能多的市场份额。
Google上周发布了一篇官方博文,表示Chrome从今年9月开始将全面禁止Flash的后台加载功能。如若此项计划得以实行,那么Google在“去Flash化”的道路上又将前行一步。
实际上,Chrome对Flash的态度一直不太友好。针对用户们的卡顿反馈,Google先是默认关闭了NPAPI插件,随后又禁止了Flash的自动播放功能,而到了今年年底,Flash将成为需要手动操作才能顺利加载的插件之一。除此之外,VR日报还注意到IE和Safari等主流浏览器也正在剥离Flash的控制,Amazon、Facebook、Youtube更是从广告和视频业务下手,相继排除了这项技术的引入。由此来看,Flash在活了21个年头之后看来是要寿终正寝了。
与之相对的是,VR网页则在新的标准下得以建立,进一步排除了对于Flash的依赖。由此促成的新形式编码和流媒体直播等服务的需求,可能间接的砍了Flash最后一刀。浏览器巨头Mozilla早已投身WebVR的制作,试图实现VR网页的标准化。而那些抛弃Flash的“罪魁祸首”,如今都在VR领域中发力,全景视频和直播、VR广告的变革,这些无不影响着Flash的昔日地位。
不过,Flash本身就是基于老旧浏览器而打造的产品。即使经历了数次迭代,也无法逃离生命末期的宿命,而VR的出现可能恰恰成为了技术交替的一个契机。
VR作为新的平台,开发商更愿意建立统一的标准
Flash在PC平台的盛行可能要得益于自己的通用性,由于每个网页的编码技术有所差异,而业内的标准又一直悬而未定,这项技术才能在这20年间成为富媒体的主流形式。然而随着新标准的出现,VR网页已经不需要再沿用原来的Flash模式了。
2014年10月份,W3C(万维网联盟)发布了正式的HTML5标准,这项标准从规划到出台整整耗去了8年的时间。W3C的首席执行官Jeff Jaffe博士随后表示:“Web已经进入了相对稳定的阶段,而统一的模式则需要所有人的帮助。”
全新的VR平台同时也是新标准的绝佳练兵场。Chrome和Mozilla率先做出了表率,他们试图完成VR网页和浏览器的标准化,并在今年早些时候完成了WebVR API的1.0版本。WebVR API不但统一了VR网页的渲染和显示标准,而且还规范了不同硬件之间的操作差异,除此之外还能对桌面和移动平台实行兼容。
Google随后在WebVR的标准上进行了跟进,并制作了一个名为“VR Shell”的内核,允许用户在佩戴VR头显的状态下也能浏览普通的网页。由于传统网页的编码和形式相对混乱,VR Shell目前还不太稳定,但Google也在加紧完善这个内核,以便WebVR在过渡期内能被大众所接受。
不过,某些独立的系统可能会采取自己的“Web VR”模式,Samsung为Gear VR开发的虚拟现实浏览器就是一个例子,但它同样也是基于新的标准打造。而Safari目前虽然还不支持VR网页,但鉴于苹果对于Flash一贯的不待见态度,Safari VR的未来也可想而知。
对于全新的VR网页来说,页面设计和浏览器开发商完全可以使用H5新出台的标准来统一口径。
为了保障移动VR的性能,H5可能是个更好的选择
Flash的稳定性和性能功耗一直为人所诟病,Flash Player的运行失效对于很多人来说可能已经是家常便饭了。早期浏览器的设计由于偏向一体化,Flash在“挂彩”的同时也会引起整个浏览器卡死。
Chrome的分离结构,在某种程度上也是鉴于Flash的不良反馈。在分离设计下,由于每个程序之间相对独立,浏览器就不会受到Flash Player失效的影响,Safari、Firefox随后在10.6和3.6.4版本中也加入了类似的功能。除此之外,调用Flash Player还伴随着巨大的CPU与内存的性能损耗,PC有时候运行起来都相当吃力。
Flash将死,VR可能砍了它最后一刀
Flash虽然在PC端盛行过很长一段时间,但它从未赢得过移动端的青睐,由于移动VR的受众对视频和直播有着一定的需求,这两个问题也将在移动VR中被无限放大。针对CPU性能不足的状况,Flash Player在10.1版本之后加入了硬解功能,利用GPU来减少视频的耗用资源。
硬件解码缓解了性能不足的窘境,但同时又带来了一个新的问题。Flash Player作为网页和硬件的中间层,在夹杂了硬解之后将会大大增加移动端的耗电量。而大部分移动VR本身就有电量和性能不足的症结,Flash此时将会显得更加不适用。
由于各个浏览器有着不同的解码格式(Opera和Firefox支持OGG模式,而Safari和IE9支持H.264,只有Chrome全部支持),因此H5不能在传统的网页中发挥功效。但在WebVR统一标准的帮助下,H5对于移动VR来说可能是个更好的选择。
Html5通过视频标签能够直接定义JS的播放方式,不需要再外挂一层Flash Player,基本上保证了VR浏览器的稳定性。而排除了中间层的两次解码,移动VR的整体耗电量也会小上很多。
Flash在PC平台的富媒体优势,在VR中将被改变
富媒体是一种在Web中通过图形、音频、视频进行交互的方法,Flash曾在传统网页端口有着巨大的富媒体优势,主要体现在网页游戏、弹窗(插页)广告上。
得益于独立统一的特性,Flash最初吸引了一大批具有富媒体经验的开发者,这也为它统治网页生态打好了基础。而随着2010年前后网页游戏和社交游戏的盛行,以及Facebook和Zynga等巨头的帮助,Flash逐渐加固了自己的主导地位。
Flash将死,VR可能砍了它最后一刀
然而,这些内容在VR中都需要作出大幅度的改变。撇开网页游戏的退潮趋势不说,佩戴VR设备进行网页游戏本来就是一种变扭的交互形式。虽然Cocos 3D和白鹭等网页游戏开发引擎已经相继加入了VR模块,但短时间内还很难有成品产出,未来以何种模式出现也仍然值得我们去商榷。
除此之外,VR中的广告形式一直是个悬而未定的难题。依目前的发展趋势来看,Banner、弹窗、插页等形式的Flash广告已经不可取了。在VR日报看来,VR广告对媒介的依赖逐渐变小,转而需求更强的感官冲击。一部分开发商甚至为了单独的广告而打造了游戏形式的Demo体验,这些都是Flash所无法办到的事情。而基于VR网页的H5开发社区一旦成型,Flash在传统富媒体上的应用也将被逐渐取代。
Adobe本身可能也已经意识到了Flash正在日落西山,它们早前就终止了完成度高达80%的ActionScript4.0和AVM3.0项目,随后也裁掉了整个中国研发中心。围绕着Html5和Flash的攻防战也即将结束,虚拟现实将是一个崭新的开始。
我们正处在移动互联网快速发展的时代,智能手机和平板也越来越普及,有些人甚至都到了没有智能手机或平板就无法过活的地步。智能手机和平板的普及,也就意味着越来越多的用户会通过移动设备访问互联网。
通过移动设备访问互联网的用户或多或少都有过这样的经历:有些网站压根就没有针对移动设备的网站,哪怕是有,大多都是不够“移动友好”,阅读体验完全跟不上传统的 Web 版本;而且在不同的移动设备上,浏览体验也是大相径庭,让很多用户大为苦恼。
根据相关数据统计,到 2015 年,移动互联网的用户数量将会超过桌面用户。除了智能手机之外,使用平板电脑甚至是电视机进行上网的用户也在持续增加。在这种形势下,怎样让网站尽量兼容各种类型的设备,并确保良好的用户体验,这将是越来越重要的问题。
俗话说,只要有需求,就会有解决需求的办法。基于前文提到的背景和情况,响应式网页设计(Responsive Web Design)应运而生。
那么,什么是响应式网页设计?响应式网页设计是 Ethan Marcotte 在 2010 年 5 月份提出的一个概念,简而言之,就是一个网站能够兼容多个终端——而不是为每个终端做一个特定的版本。换句话说,页面应该有能力去自动响应用户的设备,这样,就可以不必为不断到来的新设备做专门的版本设计和开发了。毫不夸张地说,响应式网页设计这个概念就是为移动互联网而生的!
说完了响应式网页设计这个概念,下面我们再来谈一谈它在具体生活中的实际应用。常言道,民以食为天,前段时间风靡全国的纪录片《舌尖上的中国》瞬间腐蚀了被食品安全所压抑的中国人“吃”的欲望,撩拨了美食大国所铸就的根深蒂固的美食情结。
《舌尖上的中国》播出后,引发了各地网友对美食的疯狂追逐,很多吃货纷纷开始到处搜罗美食,餐饮业自然而然就成了众多受益对象之一。
移动互联网时代到来之前,人们只能通过家里的电脑进行上网搜寻或者听人介绍哪里有好吃的美食。而现在,搜罗美食,首选工具就是智能手机等移动设备。此前,据 Google 的调查资料显示,在今年情人节,62% 的餐馆搜索都是通过移动设备进行的。这种数据其实并不让人感到意外,相信大多数消费者都有过用手机等移动设备查找餐馆的经历。
以上的资料,对于餐馆或者其他不够“移动友好”的网站来说,的确值得他们深思。因为通过移动设备来查找餐馆的消费者越来越多,现如今,餐馆不但要有特色的美食,还要有足够“友好”的移动网站让吃货们能找寻到,这样才能带来客源。
还是前面提到的那句老话,只要有需求,就会有解决需求的办法。目前就有一家名为 QuickFire的网站成功利用响应式网页设计,专门针对各大餐馆推出了这样的服务——建立网站并对餐馆的最新动态做定期更新,更重要的是网站可以兼容任何移动设备,不论屏幕大小、分辨率高低,都能给用户带来最佳的体验。
以上只是简单介绍了响应式网页设计在实际生活中的成功应用,其实响应式网页设计适合各个领域各个行业。因为我们都知道,网站的生命力就是流量,随着越来越多的用户通过移动设备访问互联网,响应式网页设计已经成为大势所趋。
鉴于很多设计师还不熟悉响应式网页设计的概念,也许它在短期内还无法普及开来。但是可以肯定的说,为了使各种尺寸的屏幕及移动终端可以访问到更多站点,响应式网页设计将会被越来越多的移动终端推向主流。