
什么是自适应网站事实上,更专业的术语自适应是响应性网站。2010年5月,E.Marcotte提出了响应性网站的概念,一般来说,响应性网站是指网站可以与不同的终端兼容,而不必为ea制作网站的特定版本。高分辨率设备。近年来,随着各种大屏幕移动设备的普及,响应性网站也越来越受到人们的青睐。甚至大多数人认为响应性网站是更好、更快、更经济的解决方案,以实现友好移动的目标。
但情况是这样吗对于那些热衷于响应或适应的人来说,不难想象:网站适合移动设备的显示,而且界面非常漂亮。你可能认为一切都很好,而且网站实现了友好的移动目标。不过,不要太高兴太早。数据表明,这种响应性设计可以消耗30-50%的用户和经济效益。
不管是自适应设计还是响应性设计,它们的基本原理是:尽量不要因为不同的设备而显示不同的内容(例如,删除低分辨率终端上的某些内容)。在移动电话320x240分辨率屏幕上显示,你会发现可视区域变小,内容拥挤在一起,页面变长,排字顺序混乱,使用难度增加等等。都是有选择地隐藏内容,以适应小页面和减少上述问题。但是以这种方式,页面的性能并不理想,交互体验无法达到最佳的移动端,如果网站控制不当,会给用户一种不兼容的感觉。
例如,在上面的响应性网站上,右边的移动端显然会隐藏显示在左边的产品,这对于从计算机端切换到移动端的用户非常不友好。而且移动交互设计对我们来说并不熟悉。同样的网站风格是如此的不同,感觉就像两个网站。如果一个移动网站是单独设计的,它可以避免像上面的响应网站那样显示的突然性,比如下面一些计算机和移动网站的比较:
从以上腾讯、天猫、360的实践可以看出,个性化的宫廷布局、流行的移动界面、合理的网站信息显示等都是大家熟悉的移动性能,更贴近APP的UI风格,更好的用户体验。你能很好的处理移动端网站的性能吗因为它们都是专门针对移动版网站的,并且不使用自适应设计,因此,网站的设计不受自适应解决方案的限制。
由于用户在不同的终端有不同的搜索习惯,百度对于移动和计算机网站也有不同的关键词处理策略。这无疑给百度关键词优化带来了很大的障碍。
此外,百度的搜索排名分为移动和计算机终端,在这方面,使用独立的移动网站在移动端进行百度排名比较合适,不会影响百度在计算机端的排名。百度优化两个版本的网站也可以独立进行。
因此,如果你的网站需要商业推广,最好是建立一个独立的移动网站,而不是使用响应性网站。
响应(自适应)设计通常通过缩小或隐藏网站的计算机版本的内容以适应移动端的窄屏幕来实现。但是隐藏的内容仍然会被加载,低分辨率设备将加载高质量的图片或视频,而不管屏幕如何。大小,提供相同大小的页面。这样,响应网站加载的内容将比非响应网站增加20-50%。加载内容,速度慢,浪费流量。在中国,面对高流量收费,用户将放弃使用你的网站而不用思考。关于这件事。
响应型网站通常比非响应型网站加载时间长1-2秒,这在2G和3G网络的情况下更为严重。Google的统计数据显示,每0.4秒就有0.59%的用户失去加载时间,而电子商务的代表亚马逊(Amazon)表示,1%的用户失去加载时间。每隔0.1秒就丢掉他们的加载时间,信息门户雅虎每隔0.4秒就丢掉5-9%的用户。
在响应或自适应方案中,使用了许多新的HTML 5特性,这些特性仅由先进的现代浏览器支持,对ie6、7、8几乎是不可见的,甚至在ie9、10中也不令人满意。36.29%用户流失
现在你注意到为什么淘宝、天猫、京东、威夷、腾讯、百度、新浪和360都不必回复吗毫无疑问,响应性或适应性只是一个陷阱。正确的方法是建立分开的计算机和移动网站。建立一个移动版本的网站是可行的,以便更加灵活、提供更专业、更好的移动体验和个性、多样化。符号。
我们也许会奇怪为什么响应性网站在市场上如此受欢迎。事实是,响应性或适应性设计只是设计者的主观决定,他们认为计算机网站的界面不再适用于移动网站界面,然后必须做出相应的决定。更荒谬的情况是,程序员使用响应性来炫耀他们的技术,电台公司抛出响应性来显得更大,欺骗更多的钱,等等。在很多情况下,响应性使用是不必要的,没有任何价值。追求。
所以我们的建议是:最好为你的电脑网站推出一个移动版本,重点放在网站信息显示、网站性能、用户体验、经济效益、用户保留等关键点上。
可能还有另外一件事你不知道。响应性之父伊桑·马科特(Ethan Marcotte)也说,最重要的是,响应性并不是用来取代移动网页的。