移动端优化如何做好

2018-4-16 蓝蓝 移动设备ui及体验

如果您想订阅本博客内容,每天自动发到您的邮箱中, 请点这里

随着时代的更新,网民开始逐渐适应使用手机来进行网上活动,如图


移动端优化如何做好

从图中可以看出,移动端的使用率已经很接近PC端了,这就使得我们需要在做好PC端网站体验的同时,做好移动端的体验,移动端又分为移动端网站和app,咱们这次主要就移动端网站来说一说他的规则和玩法。

在咱们使用浏览器搜索咱们需要的信息的时候,用PC和移动端的搜索结果呈现方式和效果都是不同的,因为屏幕分辨率的关系,可能会造成图片的变形及排版错误,如下图。

移动端优化如何做好

移动端优化如何做好

要做好移动端网站的优化有四部分要注意

一、站点速度

移动端优化如何做好

如果从输入网址后,三秒钟还没有加载出你的网站,那你的网站就可以出局了,影响他的因素跟你使用的服务器质量有关,你所在地区的网络质量,你的设备的质量,还有你网站是否有代码冗余,移动端站跟pc的网站代码需要调用的代码不一样,如果没有做好,只会让网站速度变慢,或者坑用户的流量。

二、移动适配

为了提升用户体验,用户使用电脑或者移动端查看网站的展现是不同的,这就是前面说的,不做移动适配,会出现图片排版变形的情况。

适配的方式有两种:

一种是跳转适配,案例是新浪主页。用户在输入新浪的网址后会自动辨识你的设备及分辨率,判断是留在该页面还是跳转到移动端网站,有的公司网站技术不高,把辨识功能的代码放在后面,等用户已经下载好了PC网站才执行这个跳转,这就是坑用户流量,这是非常不可取的。

二是自适应,顾名思义,他会根据你浏览器的分辨率来调整你网站的样式,案例是知乎。

这两种方式,在内容方面,跳转适配需要制作两个不同的网站,更新内容时也要更新两遍,而自适应本身就是一个网站,更新只需一遍。在性能上,跳转适配可轻松战队像屏幕优化,而自适应需要有周全的计划才能达到最佳效果,数据膨胀是常见的问题。

三、站内站外优化

1、建议使用html5+css3技术

2、URL使用简短易记的

3、站点名称中出现“手机版”,“触平板”字样

4、推荐使用自适应的适配方式


蓝蓝设计www.lanlanwork.com )是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供卓越的UI界面设计、BS界面设计 、 cs界面设计 、 ipad界面设计 、 包装设计 、 图标定制 、 用户体验 、交互设计、 网站建设 平面设计服务


Powered by emlog 京ICP备12006971号-1 sitemap