移动Web开发的十条军规-移动web开发实战

【2012年9月28日 51CTO外电头条】对于开发者或者设计者来说，一个好处是：移动开发就技术而言，不需要再花太多的额外时间精力去学习，所有需要去做的是就设计移动网页来说，需要有全新的视觉去考虑问题。在本文中，将简单介绍在移动Web开发中需要遵守的10条原则，开发者和设计师应该遵守这些原则，这样开发出来的移动Web应用将有更好的效果。

1 安装统计分析程序

[[99619]]

必须十分重视对访问你的移动Web应用的用户分析，这是首位的。可以通过安装各类第三方的移动Web应用统计系统达到这个目的。这样的话，可以通过查看统计程序中的各个部分获得对应的数据，比如获得访问你的移动应用的用户端的操作系统有哪些，并且可以知道用户是从哪些国家和地区访问应用。还可以通过统计程序，分析出用户是通过搜索哪些关键字从而得知你的应用的。这些数据都将给你的移动Web应用的开发带来很多帮助。#p#

2 分析用户的组成部分

[[99620]]

移动用户有着跟传统的通过电脑访问网站的用户有着很多不同，他们有着千奇百怪的需要。因此在开发和设计移动Web应用时，必须置身处地以用户的角度着想。如果你的应用的受众是未成年人，他们永远都是爱玩一族，因此设计移动Web应用都应该本着简单的原则，能让他们一边开车，一边购物都能很方便地操作你的应用。所以，要多分析访问你的移动Web应用的用户是由什么样的人群组成。#p#

3 优化图片

[[94730]]

在移动Web开发中，必须十分注意对图片的优化，否则将会给你的应用带来灾难性后果，必须考虑如下因素：

通常来说，如果尺寸大的图片加载将十分耗费时间，作为开发者和设计者，必须看清醒认识到，移动用户很多是使用低速的网络去访问你的应用的（不要老想着用户使用3g,4g网络！），所以能避免使用图片的地方应该不使用图片。
不同移动设备对图片的分辨率等的自适应是个难题，因此必须在测试阶段就要充分重视这个问题，做好测试工作。

因此，如果要在移动Web应用中使用图片，还应该采取图片压缩，CSS优化等多种措施对图片进行优化。#p#

4 不要依赖JavaScript

[[99621]]

不同的移动设备都有不同的浏览器，如果你开发的移动Web应用是面向绝大部分的移动设备的浏览器的话，则强烈建议不要依赖JavaScript。因为目前来说，尽管HTML 5已经开始使用，但还是不少移动浏览器对JavaScript的支持不是太好，比如Opera mini等。希望这种情况随着以后由Apple,Android和Blackberry的改进而有所改变。#p#

5 避免使用下拉菜单

当设计移动Web应用时，一定要尽量避免使用下拉菜单。虽然在桌面电脑应用中，下拉菜单是十分常见和好用的，但在移动应用中，则需要用户不断地移动，而且容易出错。因此，如果能避免使用下拉菜单，还是应该避免过多的下拉菜单，特别是当下拉菜单内容列表过多时，加载耗费不少时间，影响性能和用户体验。#p#

6 优化JavaScript和CSS

[[99622]]

正如前面提到的，尽量少用JavaScript。但如果一定要使用的话，则必须使用一些优化工具去优化JavaScript和CSS,尽量压缩它们的大小，减少下载时间。现在网上已经有不少很好的工具能去实现优化JavaScript和CSS。#p#

7 注意布局

最近,我们可能会发现,有不少移动网站都同时支持水平和垂直的布局,也就是说,在同一个移动网站中,有可能同时看到垂直布局和水平布局的界面.这对于iPhone和Android等设备来说可能比较好办,但对于其他的智能设备来说却不一定。在设计移动网站时，最好设计页面为单列的，因为这样用户就只需要在一个方向上进行移动浏览观看，而且垂直方向是符合人的一般视觉的，如果水平界面和垂直界面混合使用的话，将增加用户操作的难度。#p#

8 充分利用手机的特性

[[99623]]

在开发移动Web应用中，必须学习了解时下移动设备中有哪些最受人们欢迎的特性。开发者可以将这些特性融合到移动Web应用中，将会为应用增色不少。#p#

9 提示用户到传统Web版本的网站

[[99624]]

如果你的应用同时有移动web应用的版本和常规的web网站，那么一个很好的做法是在移动web应用中，提醒用户可以到传统的web版本的网站去获得更多的资讯。#p#

10 提高应用的访问速度

[[99625]]

在开发移动Web网站或应用时，最重要考虑的其中一条就是速度，你的网站或应用必须速度足够快，如果要达到这样的目的，除了前文说的尽量避免使用JavaScript和flash外，更重要的是要多关注功能和速度本身，尽量减少华而不实的东西。