对于开发者或者设计者来说,一个好处是:移动开发就技术而言,不需要再花太多的额外时间精力去学习,所有需要去做的是就设计移动网页来说,需要有全新的视觉去考虑问题。在本文中,将简单介绍在移动Web开发中需要遵守的10条原则,开发者和设计师应该遵守这些原则,这样开发出来的移动Web应用将有更好的效果。
1 安装统计分析程序
必须十分重视对访问你的移动Web应用的用户分析,这是首位的。可以通过安装各类第三方的移动Web应用统计系统达到这个目的。这样的话,可以通过查看统计程序中的各个部分获得对应的数据,比如获得访问你的移动应用的用户端的操作系统有哪些,并且可以知道用户是从哪些国家和地区访问应用。还可以通过统计程序,分析出用户是通过搜索哪些关键字从而得知你的应用的。这些数据都将给你的移动Web应用的开发带来很多帮助。
2 分析用户的组成部分
移动用户有着跟传统的通过电脑访问网站的用户有着很多不同,他们有着千奇百怪的需要。因此在开发和设计移动Web应用时,必须置身处地以用户的角度着想。如果你的应用的受众是未成年人,他们永远都是爱玩一族,因此设计移动Web应用都应该本着简单的原则,能让他们一边开车,一边购物都能很方便地操作你的应用。所以,要多分析访问你的移动Web应用的用户是由什么样的人群组成。
3 优化图片
在移动Web开发中,必须十分注意对图片的优化,否则将会给你的应用带来灾难性后果,必须考虑如下因素:
- 通常来说,如果尺寸大的图片加载将十分耗费时间,作为开发者和设计者,必须看清醒认识到,移动用户很多是使用低速的网络去访问你的应用的(不要老想着用户使用3g,4g网络!),所以能避免使用图片的地方应该不使用图片。
- 不同移动设备对图片的分辨率等的自适应是个难题,因此必须在测试阶段就要充分重视这个问题,做好测试工作。
因此,如果要在移动Web应用中使用图片,还应该采取图片压缩,CSS优化等多种措施对图片进行优化。
4 不要依赖JavaScript
不同的移动设备都有不同的浏览器,如果你开发的移动Web应用是面向绝大部分的移动设备的浏览器的话,则强烈建议不要依赖JavaScript。因为目前来说,尽管HTML 5已经开始使用,但还是不少移动浏览器对JavaScript的支持不是太好,比如Opera mini等。希望这种情况随着以后由Apple,Android和Blackberry的改进而有所改变。
5 避免使用下拉菜单
当设计移动Web应用时,一定要尽量避免使用下拉菜单。虽然在桌面电脑应用中,下拉菜单是十分常见和好用的,但在移动应用中,则需要用户不断地移动,而且容易出错。因此,如果能避免使用下拉菜单,还是应该避免过多的下拉菜单,特别是当下拉菜单内容列表过多时,加载耗费不少时间,影响性能和用户体验。
6 优化JavaScript和CSS
正如前面提到的,尽量少用JavaScript。但如果一定要使用的话,则必须使用一些优化工具去优化JavaScript和CSS,尽量压缩它们的大小,减少下载时间。现在网上已经有不少很好的工具能去实现优化JavaScript和CSS。
7 注意布局
最近,我们可能会发现,有不少移动网站都同时支持水平和垂直的布局,也就是说,在同一个移动网站中,有可能同时看到垂直布局和水平布局的界面.这对于iPhone和Android等设备来说可能比较好办,但对于其他的智能设备来说却不一定。在设计移动网站时,最好设计页面为单列的,因为这样用户就只需要在一个方向上进行移动浏览观看,而且垂直方向是符合人的一般视觉的,如果水平界面和垂直界面混合使用的话,将增加用户操作的难度。
8 充分利用手机的特性
在开发移动Web应用中,必须学习了解时下移动设备中有哪些最受人们欢迎的特性。开发者可以将这些特性融合到移动Web应用中,将会为应用增色不少。
9 提示用户到传统Web版本的网站
如果你的应用同时有移动web应用的版本和常规的web网站,那么一个很好的做法是在移动web应用中,提醒用户可以到传统的web版本的网站去获得更多的资讯。
10 提高应用的访问速度
在开发移动Web网站或应用时,最重要考虑的其中一条就是速度,你的网站或应用必须速度足够快,如果要达到这样的目的,除了前文说的尽量避免使用JavaScript和flash外,更重要的是要多关注功能和速度本身,尽量减少华而不实的东西。
原作者: 廖煜嵘 摘自:http://www.html5cn.org/article-3665-1.html