这些天关注移动网站方面的事情,想看看是否有合适的书籍,上周一天晚上在当当网找了一下,有一本翻译老外写的书《智能手机Web标准开发实战》还比较符合要求,晚上11点多在家付款买了,早上收到邮件说凌晨2点多发货了,第二天中午就送到办公室了,真够快的!
随后一个星期中断断续续把这本书翻看了一遍,内容正是讲的Mobile Web的开发,附标题很长:为iPhone、Android、Palm Pre、BlackBerry、Windows Mobile及Nokia S60开发通用的基于Javascript、CSS、HTML和Ajax的Web应用,按照该书的简介中的说法,是一本移动Web的“新兵训练营”。
我粗略看过的几点收获记录如下:
- 可以用三种办法来测试移动网站:桌面浏览器中安装插件来模拟User-Agent、PC上安装手机模拟器软件、使用实际的手机或者平板电脑;
- 移动Web的集成开发环境可以根据编程语言来选择,与桌面Web的集成开发环境没有特别的区别,编程语言可以是Java、PHP、.Net等;
- 常用的Apache和Micorsoft IIS都可以作为移动Web服务器,可以设置压缩、缓存、Meta标记等;
- 面向智能手机开发的移动标记语言一般采用XHTML,未来会向HTML 5发展,老式设备和浏览器支持的WML已经过时;
- 可以通过调用WURFL和DeviceAtlas设备数据库来获得手持设备的型号及各种参数,用于对浏览设备分组,对不同的分组提供不同的最适当内容;
- 可以对于各种移动设备提供通用、简单的页面内容,而后对于高端设备添加JavaScript和AJAX来增加交互性;
- 对于不同类型(例如:需要登录的在线服务网站、动态新闻网站、多媒体共享网站、信息数据库等)的移动网站有一些好的案例及通用原则可以借鉴;
- 移动网站的域名路径的标准做法是使用m子域(例如m.website.com)或者.mobi顶级域名(例如website.mobi),也可以在相同的域中对不同设备提供不同内容;
- 创建更好移动用户体验:简化所有内容、不需要任何帮助、视觉简洁美观;
- 公共检标记验器(W3C MobileOK及mobiReady等)可以用于在线检查移动Web页面的语法,检查错误;
- 移动站点的SEO有自己的特点,添加meta数据、生成移动网站地图、不要添加过多重复关键词。
设计移动网站的注意事项:
- 仅将移动用户需要的功能(一般20%左右)移植到移动网站中,而不用全部照搬桌面网站中的所有内容;
- 考虑针对市场上大量的移动设备、主流的智能手机提供进行了优化的移动网站来吸引更多浏览者;
- 基本的移动版本针对带宽进行了优化,采用纯文本格式,图像进行了优化;
- 导航区域设置为100%,以便适应不同尺寸的设备,测试纵向方式和横向方式浏览;
- 移动版本应该包含一个指向桌面版本的链接,反过来也是一样,桌面版本中可以包含一个移动版本的链接;
- 提供一页专门介绍移动版本的特点、用法等信息;
- 如果网站内容是动态变化的,移动版本首页上也应该有动态信息,以吸引用户的兴趣;
- 移动网站布局允许信息沿着直线向下流动,但不能有水平滚动条;
- 选项较多的时候,可以提供下拉菜单的方式;
- 不放入或者少放入广告;
- 可以提供交互操作,但尽量减少浏览者输入文字的数量;
- 可以提供搜索功能,也提供逐级导航的链接,减少输入;
- 保存用户的设置,最大程度减少用户交互,使用浏览器缓存功能可以实现;
- 避免使用:弹出窗口、鼠标悬停菜单、自动重定向、外部链接、水平滚动、框架。
另外,该书还提供了一些业内专家访谈,下面简记几点:
- 未来数年中的手持设备数量将会超过PC数量,移动Web现在才刚刚起步,未来发展机会很大;
- 移动网站的难点在于设备的千差万别,配置功能、屏幕尺寸、输入方式等方面都有很大差异;
- 通用的移动网站代码转换器有一定的作用,但肯定无法提供专门移动网站的良好体验;
- 移动网站(Mobile Web)和移动应用程序(Native Mobile App)将会共存,各有特点;
- 移动网站的未来发展仍然不是很明朗,专家之间没有统一的意见,但前景一定广阔。
先就记录以上这些。下一步我们会找一个已有的桌面网站,尝试做一个移动版本,来具体开展实际,并不断在实际中了解、学习和完善,这个初步的尝试将很快就在最近的几周进行,掌握一定诀窍后,还将会推广开来,不仅把我们以前的已有桌面网站做配套的移动版本,还会做以前没有桌面网站的新内容。
评论