本文根据W3C提供的指导方针论述了将Web内容提交到移动设备的最优方案。在移动Web指导方案中,论述了有关输入和输出能力、终端用户的带宽和成本、内容交付等问题。
作者:techrepublic.com.com 2006年8月28日
关键字:
有关移动Web内容交付的建议根据向移动设备交付内容的需求,在设计移动Web网页时有一些通用的或具体的原则可以遵循:
主题一致性——这是One Web原则的体现,即一定种类范围内的移动设备都可以访问网页内容,而不会受到产品特性或访问方式的影响。它确保了不同种类的移动设备在访问同一页面时,能够获得一致的效果。
根据设备性能扩展内容——虽然鼓励内容供应商根据“默认交付内容”的规定提供网页内容,但这并不意味着将使得那些具有更高性能的移动设备无法实现更好的用户体验。根据默认交付内容的规定开发网站是基本要求,但网站完全可以适当的根据用户终端设备的能力,为用户提供效果更好的网页内容。
测试——在实际设备和模拟器上进行测试。很多厂商都针对自己的产品开发了模拟器,这些模拟器是网站设计人员首选的测试途经。不过在实际中,很多模拟器表现出来的结果与实际设备大相径庭。因此最终的测试还是应该在多种不同的移动设备上进行,并且要在多种不同版本的浏览器软件上进行测试。
简洁的URL——保持网站URL地址短小。由于在移动设备上输入URL地址比较麻烦,而且用户一般会选择从网页(或者电子邮件、短信息以及其它途经)上提供的URL链接访问网站。但是再有些时候,用户必须要输入URL才能访问到目的网页。尽量缩短URL地址长度可以有效降低用户输入错误的机率,并能实现更好的用户体验。
平衡结构——设计网页时要考虑到在过多的网页内链接与要求用户进行多次跳转才能访问到所需内容之间进行平衡。
明确的链接——明确网页上每个链接的内容。移动设备用户可能因为盲目点击链接而浪费时间和金钱。网页的每个链接都应该明确说明目标网页的位置和内容,以便用户自行决定是否要点击该链接。
图片网站地图——不要使用图片格式的网站地图,除非能够确定客户的设备能够良好的表现出这些图片。
刷新,重定向以及弹出窗口——不要在网页中使用弹出窗口,也不要在未通知用户的情况下改变当前的网页。不要设置网页进行周期性的刷新,除非你能提前通知用户并可以让用户通过某种方式在客户端停止这种刷新。不要用标记语言重新定向网页,而应该通过配置服务器来实现,即使用HTTP 3xx代码。
外部链接资源——尽量减少网页上的外部链接数量。每个外部链接资源(图片、样式单或其它对象)都需要一个额外的连接请求。这将明显增加网页的相应延迟。
页面内容和格式——确保网页内容复合移动设备用户阅读习惯。使用简单明了的语言。将内容限制在用户需求的范围内。因为移动设备用户一般只关注内容的某一部分,而不是长时间随意浏览。因此要将网页内容分隔成用户需求的片断。如果页面内容过多,会导致移动用户等待时间过长。另外,移动设备所能接受的网页体积也是有限的。
尽量没有或只有一个方向的滚动,只有在无法避免的情况下,才可以出现横向和纵向的滚动。这样用户只需要按动一个方向的按键就可以浏览网页的全部内容。不过对于某些特定内容,比如地图以及其它图片,一般都需要横向和纵向同时滚动,否则无法完全显示。不要使用图片进行占位。传统的占位方式都是用一个像素的图片进行占位,但是在多种移动设备的显示屏幕上,这种方式并不起作用。使用背景图片前也要确定用户的设备能够支持。
页面定义——页面标题应该简短并且具有说明性。 移动设备有可能采用页面标题作为默认书签的题目。同时,还要注意标题的长度,每个页面的标题只可以用做页面内容说明,不要添加其它冗长的内容。不要使用框架。很多移动设备的浏览器不支持框架。另外,框架结构经常会产生意外(http://www.w3.org/TR/xframes/#s_intro有详细的框架问题介绍)。如果不清楚客户端设备是否支持,就不要使用表格。为每个非文本元素提供一个文本符号。实际应用中的文本定义还包含其它很多方面的内容,比如编码、脚本、cookies、字体、风格等。基本的原则就是:越简单越好。
用户输入——如果有可能,尽量提供一些预先设定好的输入内容供用户选择。尽量让用户击键的次数降到最低。 适当的为窗体控件设置标签,并且对控件和标签进行适当的布局。提示标签的位置很重要,应该让用户明确的认识到标签和控件的关联。
(责任编辑:陈毅东)
查看本文的国际来源