移动Web开发的十条军规

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

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

1 安装统计分析程序

    [[99619]]

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

2 分析用户的组成部分

[[99620]]

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

3 优化图片

   [[94730]]

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

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

因此,如果要在移动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外,更重要的是要多关注功能和速度本身,尽量减少华而不实的东西。

责任编辑:佚名 来源: 51CTO.com
相关推荐

2021-03-18 09:00:00

微服务架构工具

2009-01-15 09:57:00

2022-02-14 00:16:17

数据安全云安全

2021-02-04 11:55:45

Redis性能优化

2016-04-25 10:07:18

jQuery代码Web开发效率

2020-04-30 09:35:41

物联网安全物联网IOT

2016-04-13 11:18:08

jQuery代码片段Web开发

2016-11-17 14:54:49

云计算安全性可用性

2013-01-08 09:25:36

移动应用产品设计

2012-05-15 01:38:18

编程编程技巧编程观点

2009-05-19 10:14:44

Innodb字段MySQL

2012-03-06 16:01:04

项目管理

2012-08-02 09:14:13

编程戒律

2011-05-16 16:11:21

java

2009-04-07 11:24:16

Java开发注意事项

2023-09-18 13:45:52

2011-04-14 11:43:47

2011-08-02 21:16:56

查询SQL性能优化

2022-09-09 16:27:09

微服务架构数据存储

2024-02-19 14:50:42

编码原则软件开发
点赞
收藏

51CTO技术栈公众号