移动Web开发的10个重要准则

 2012-09-03  

移动设备的快速发展给用户带来了很大的便利。用户使用Android、iPhone和其它移动设备很容易接入互联网。最近的一项研究表明，超过6300万的用户使用移动设备访问不同的移动网站，这个数据预计到明年年底会达到2亿左右。由于人数在不断增长，所以设计师和开发者要及时追踪移动用户访问的移动网站，了解移动网站发展的最新动态。?

开发者和设计师不需要学习新的技术来开发移动网站，他们只需要以一个全新的视角来设计移动网站，这就是移动web开发的好处。在这篇文章中，简单的总结了一些重要的移动Web开发指南。?

1.? 初始分析?

分析用户的关注点非常重要。首先分析你的网站中哪些页面是主要的，那些页面的访问量最大，这将有助于你设计移动网站中的网页分布。其次一定要查找用户正在使用的关键字，因为用户往往通过它们到达你的网站。这些分析结果将对移动开发起到重要的作用。?

2.? 用户特征?

和桌面用户比起来，移动用户必然会有不同的需求。在开发和设计移动网站时，一定要考虑用户特征。如果你的目标用户是年轻人，要确保他们在开车、购物或参加其它活动时都能够非常容易的访问你的网站。所以分析用户特征在移动网站的开发中也很重要。?

3.? 少使用图像?

事实上，在移动网站上使用图像是无益的，所以不建议大量使用图像。原因如下：?

移动用户使用的网络连接通常比较缓慢，它们很难下载大量的图像，如果图像很大，也需要很长时间来加载。所以，尽量避免使用图像。
每个图像都需要一个新的HTTP链接，这个链接会使网页的加载速度更慢。
在开发过程中，由于设备的分辨率不同，图像的尺寸大小就会不同，所以添加大量图像会增加额外的工作量。

如果真的需要在网站上使用图像，一定要使用CSS Sprite。CSS Sprite能适时提高加载速度。?

4.? 不依赖JavaScript?

由于移动设备的浏览器不能很好的支持JavaScript，所以不能依赖JavaScript开发移动网站。但是如果在未来几年内，Apple、Android和Blackberry等系统有完美支持JavaScript的可能性，那么这个问题就能得到解决。?

5.? 避免弹出下拉列表?

避免在移动网站中弹出下拉列表。下拉列表仅适用于桌面的网站，因为用户可以将光标移动到任何选项卡以查看下拉列表。下拉列表可以使用，但是不建议在移动网站上使用。?

6.? 压缩JavaScript和CSS代码，优化下载速度?

正如前面提到的，不要依赖JavaScript。如果必须使用JavaScript，那么建议将JavaScript和CSS代码进行压缩。JavaScript和CSS的压缩工具使用起来也很简单。?

7.? 水平和垂直布局?

近期，我们看到很多移动网站既支持水平布局又支持垂直布局。这两种布局在iPhone和Android平台上运用的很好，但不是对所有的智能手机都适用。在开发移动网站时，应该设计单一方向的布局格式。也就是说只允许用户在单一的方向以滚动形式来查看内容。默认情况下，单一的方向应该是垂直的，因为这是用户期望的自然形式。如果页面有正在使用的图像，它们也应该支持垂直滚动。在移动设备中不建议同时使用垂直和水平布局。?