010-51265006

目前,国内响应式网站的现状怎么样?

时间:2016-07-01

国内现在响应式市场也挺大的,作为一种极佳的跨设备兼容性解决方案,通过一套代码适配所有显示设备,简直不能更理想。

响应式的好就不用我多说了,相信大家都懂。这里我主要说一下响应式在国内的一些问题。


1. 响应式不是万灵药

国内有大把的外包公司打出“快速建响站”的招牌来吸引客户,不管客户有什么样的需求,都想方设法地去做成响应式,然而这种所谓的响应式仅仅解决了显示的问题,并没有解决可用性的问题。看过一两个案例就能明显感受到其中的粗糙感和廉价感。

响应式虽然是一种很好的方案,但并不是万能的。对于一些以展示为主、交互较少的网站,响应式确实是一种不错的解决方案;但对于一些信息量较大、交互较为复杂的网站(例如各类大型电商、门户、后台管理系统等),响应式未必是最合适的解决方案,PC端和移动端需要完全不同的设计来应对,单独建立移动站才是更合适的方案。


2. 响应式应该是移动优先的设计

由于移动浪潮晚于PC Web的到来,很多从业人员会下意识的认为响应式是把PC站进行压缩和调整去适配移动端,但恰恰相反,响应式正确的做法应该是移动优先的,然后逐渐放大到平板、PC等更大分辨率的屏幕,整个设计过程中每一步都需要考虑设计在不同分辨率下的显示效果,而不是等移动端全部设计好了之后再去考虑更的的屏幕。

为什么呢?当你试图把一个传统的PC站点试图压缩到小屏幕时,你会遇到的最多的问题就是大量的页面内容没地方放,原本一屏就能容纳下的控件现在被迫要隐藏或被安排到首屏以外的空间。这种感觉就像是你原本住着200平米的大户型,家里布置了丰富的生活设施,咖啡机、鱼缸、小花园……应有尽有,但突然现在要你住到一个30平米的小户型,显然家里原本的那些生活设置没法想以前那样全都搬进来,要么换成适合小户型的设计减少空间占用;要么利用室内设计中“偷空间”的概念,让同样的屏幕空间在不同的场景下只显示必需的部分内容;要么就只能丢掉一部分东西,当然这是我们最不希望看到的。

反观,如果是移动优先的设计,就好比是从小户型搬到了大户型,首先东西放不下的问题压根就不存在了,原本需要装箱子摞起来放的东西,现在可以摊开来放到更大的空间里方便拿取。当然这时候需要改变的不仅仅只是生活设施摆放的间距,还要根据大户型的特点去做针对想的调整,甚至由于现在有了更大的空间,可以添置一些原本在小户型时代没有的生活设施以改善生活,但这些添置的东西都属于改善型,非必须的,有它们能生活得更好,但如果没有它们,原本在小户型时代我们也照样活下来了。


3. 万恶的IE

这是一个困扰国内开发者多年的问题,十多年了,虽然现在基本可以不用管IE6了,但IE8的存在依然是个很大的阻碍,想必这两块狗皮膏药应该会是 IE 史上被世人记住最多的版本了吧。

单就移动平台而言由于没有了 IE 的限制(由于一些众所周知的原因,这里不考虑Windows Phone平台),浏览器大都比较新,阻碍并不大,但由于响应式设计需要兼顾PC端,因此还不能完全脱离 IE。

美国的浏览器市场环境整体比国内要好不少(之所以以美国为例,是因为IT行业美国确实占据了不少的主导地位,微软、苹果、谷歌、火狐这些浏览器大厂都是美国企业),即便是IE用户普遍也都在使用比较高的版本,对于新特性的支持度要好一些,因此美国的开发者有更大的自信去在基础设施层面上放弃对低版本IE的支持,典型的比如:jQuery 3.x、Angular 1.3+、React 0.15+等都已经不再支持 IE8,微软官方也早已放弃对 IE 11 之前版本的技术支持。但在国内由于一些历史遗留原因这一进程要落后不少。

作为开发者,有一个略显激进的方法能够为这一进程尽一点绵薄之力,那就是直接放弃对老版本IE的支持(比如IE8就别管了,从 IE9 起步,甚至直接 IE11),大胆使用较新的技术,对于老版本浏览器引导升级,告知升级会带来极大的好处,并且是免费的,以及如果不升级将面临网站新功能无法使用等问题。一般来说只要是对科技圈有一定兴趣的,并且智商正常的人,在充分了解了这一事实之后都会选择去升级到最新版本的。

用户主动升级应用的版本是需要动力的,这种动力要么源于甜蜜的诱惑,要么源于失去的风险。当动力的缺乏对行业造成影响的时候,就需要行业本身去施加一些压力了。Win10的限时免费升级正版计划就是这种方案的体现,虽然由于WIn10本身的一些问题导致Win7的地位依然不可撼动,但升级方案本身还是吸引了大量的用户参与进来,不失为一个成功的营销案例。

小结一下

响应式是一种非常好的设计思路,为Web的跨设备兼容提供了一种高度可用的可能性,但是从业人员也要清楚“不存在银弹”这一事实,响应式并不万能,需要合适的场景以及良好的设计才能发挥响应式的作用,否则会适得其反。

作者:知乎用户
链接:https://www.zhihu.com/question/52702874/answer/132612210
来源:知乎
著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。

Copyright©2007 - 2017 webthink.cc 版权所有 网博思创网络技术(北京)有限公司 京ICP备07017583号 百度统计