牛逼,有范,高手.......键盘手....,不错,我就是在ueeshop从事项目开发程序猿,人称治叔。作为处女座的男神,面对不懂技术的客户,一直耐心的解答。但是当我用手机或者平板浏览一些网站的时候显示是这样的,我表示很揪心。
如上图,它出现的问题是,用手机打开网站,显示的却是pc端的排版。不但文字密密麻麻,还麻烦到手动拉大才可以看清。还谈什么用户体验!还谈什么网站转化率!
那如何让网站在不同终端都能更好呈现呢?针对这个问题常有两种解决方案。
响应式建站
2010年,Ethan Marcotte 发表过一篇文章"Responsive Web Design",讲述响应式设计是同一个网站在智能手机、电脑,以及介于这两者之间的任意设备上完美呈现的设计方案。响应式网站是通过html5的新特性,够根据用户的屏幕尺寸调用对应的样式文件,合理地为现有及将来的各种设备提最佳的浏览体验。
但是,它也存在几个严重的不足:
1 制作成本高
技术人员需要针对不同的终端分辨率进行单独的网站开发。比喻说建一个假发的响应式网站,就相当于集合了pc端,ipad端,手机端的程序开发。这样就会导致时间成本和工作量的增加。
2 文件内容加载较大
当打开网站的时候,网站都需要提前把内容包括有不同分辨率的内容和样式都隐藏加载先,然后根据不同的分辨率,显示该分辨率对应的内容。通俗来说,假如在电脑端打开响应式网站,服务器都会同时加载pc端网站和移动端网站的内容和样式,这样一来就会导致页面的大小比单单在一个终端的文件的大小要大60%。加载时间长的同时还浪费了服务器带宽。
3 浏览器兼容问题
响应式网站的建设需用到html5的新特性,这对浏览器的访问就有相应的要求。目前ie8、ie7以及比较旧的浏览器不兼容。
响应式建站优势和缺点明显地暴露出来。它曾是一时IT热点,也曾是当时很多客户的建站要求。但是现在浮现出一个更优秀的建站方案,既可以达到响应式效果,也可以解决响应式的部分痛点。它就是......
PC & 移动端各有独立网站
用专业术语来说就是:同一份数据按终端调取,每个网站都采用响应式。这样网站既能在不同分辨率下呈现最佳的显示效果,又不会影响访问速度。这样才能为用户提供最佳的浏览体验。
ueeshop独立站在电脑端采用宽度为980px和1200px两种模式,可以覆盖分辨率宽为980px至1980px的显示屏。不建议做更大的分辨率模式,因为人与电脑屏幕之间的距离,决定人的视野范围。如果页面太大的话,浏览起来就费劲,聚焦不强。ueeshop独立站在移动端能适用各种手机的分辨率。
好的浏览体验,才能更好呈现内容。