移动网站设计与开发的碎碎念

        移动开发的快速发展让移动用户使用移动设备变得更容易。人们通过使用移动设备可以很容易地访问移动网页。根据最近的一项研究，超过 6300万的美国人通过移动设备访问不同的移动网站，其数量预计到2013年底达到近2亿。由于使用移动设备的人数在不断增加，因此对于设计师和开发人员 来说，专门设计适应移动设备访问的网站显得十分重要。

        对于开发者或者设计者来说，移动开发就技术而言，不需要再花太多的额外时间精力去学习，需要去做的就是设计移动网页，需要全新的视觉去考虑问题。在移动网 站的开发过程中有需要遵守一些规则，开发者和设计师都应该去遵守，这样从你们手下出来的移动网站才会有更好的效果。

• 统计分析程序不可少

        通过统计分析程序可以获得对应的数据，比如知道访问你移动网站的客户端操作系统有哪些？你移动网站那些模块的访问量比较大？哪些模块的访问量比较小？用户访问高峰期的时间段是什么？等等，这些数据对你的移动网站开发是很有帮助的。

• 用户的组成部分需要很好地分析

        以为移动用户和PC用户从操作习惯和使用风格上有很大的而不同，所以在设计和开发移动网站的时候，需要从用户的角度出发。让你的移动网站迎合你的受众群体。

• 网站使用图片的优化

        移动网站的开发过程中，如果图片不注意优化，会带来很大的麻烦，有时候甚至是灾难性的后果。如果图片的尺寸很大，加载的时候十分耗费时间和流量，就必须考 虑，移动用户的网络并非所有都是3G、4G的。所以，能用小图片的地方绝对不用大图片，能不用图片的地方绝对不用图片。

        针对不同分辨率的移动设备就要给出不同质量和不同尺寸的图片，这个观点是必须需要充分重视的。其实这就是响应式Web设计的概念，在响应式Web设计中图片的响应式是一个很重要的概念。

        在移动网站的开发过程中，要是用图片压缩、前端图片优化等各种技术来对网站使用的图片进行优化。     

• 避免使用下拉菜单

        大家可以去体验一下PC端和移动端的下拉菜单的效果，可以很容易发现，在PC端使用下拉菜单是十分好用的，但是在移动端，是很容易出错的，而且当移动网页上的下拉菜单内容列表过多时，加载会很耗费时间的，这个很影响性能和用户体验。

• 对你使用的Javascript和CSS进行优化

        除了对Javascript和CSS进行代码规范的优化之外就是要对Javascript和CSS进行减肥，这样可以减少用户下载时间。能缓存到本地的尽量缓存到本地。HTML5提供的manifest本地缓存机制就是一个很不错的选择方式。

• 网站布局需要重视

        移动网站的布局需要做到简单明了，从移动设备的特性来看，尽量使用垂直方向的布局风格，尽量不要使用水平方向的布局风格，因为需要用户进行水平滑动，这种操作风格和一般使用习惯是相悖的。尤其是有的设计师异想天开，使用水平和垂直方向混合布局方式，那样作为用户来说，会凌乱会抓狂的。

• 手机特性不能遗忘

        移动网站和PC网站的一个很大的不同就是可以利用移动设备的特性，来为移动网站添加一些PC网站所不能拥有的特色，比如说：直接拨打电话、直接发送短信、 地理位置定位、重力感应等。当然有一些手机有的特性比如拍照之类的功能，光凭HTML5是做不到的，这时候就需要使用一些中间件技术来实现。

• PC版本的网站链接必须有

        PC版的网站和移动网站其实是一个版本，最理想的状况就是同一个URL，相同的内容，只是在PC和移动设备上不同的展示方式和布局方式。这其实也是响应式 Web设计的最终极意义。但是实际开发过程中不是这样的，移动网站一般都是专门定制的，这时候PC网站其实就相当于移动网站的本，我们都是优秀的龙的传 人，所以我们不能忘本，在你的移动网站的Footer或者Header部位一定要给出PC网站的链接。

• 访问速度必须要提高

        为什么速度要必须提高？我想这个问题不用我说，有人做过调查，如果打开一个网页需要3秒以上，那么就会有很大一部分用户放弃。更何况在移动设备上讲究的就 是快和方便，如果你移动网站的一个页面打开时间比你PC网页还要慢，那你问问你自己，如果你是用户，这样的网站你以后还会来吗？所以，除了一些技术上的性 能优化来提高访问速度之外，我们还要关注功能本身，尽量减少移动网站中华而不实的东西。移动网站展现给用户的内容要PC网站更加直接才行！

• 移动网站的SEO不能丢

        SEO是做什么的？SEO有什么用？网站做不做SEO会有什么样不同的结果？这些问题我想只要做过网站的都会知道。所以即使是移动网站，SEO也是一样重 要的，URL的改造、页面元素优化、sitemap提交等等SEO优化策略都要在移动网站上去施行。这样你的访问量才能上去，访问量上去了，接下来你想做 什么才有资格。如果没有一定的访问量，你想做什么都是空头支票。