中国联通WAP业务开发规范

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

中国联通WAP业务开发规范

 

 

 

 

 

 

 

 

 

中国联合通信有限公司

 

 

 

目       录

 

1．         说 明... 3

2．         业务可用性概述... 3

3．         WAP业务开发规范... 4

3.1 菜单使用规范... 4

3.2 返回连接规范... 9

3.3 文本显示规范... 11

3.4 用户输入规范... 12

3.5 格式化输入规范... 13

3.6 图标与图形规范... 14

3.7 铃声、动漫规范... 14

3.8 CACHE规范... 14

3.9 COOKIES规范... 15

3.10 关键词语使用规范... 15

 

 

1．       说 明

中国联通为了统一WAP业务风格，保证WAP业务的可用性，特制定了本WAP业务规范，以规范中国联通的WAP业务。

本规范首先简述了WAP业务可用性的相关概念与原则，并对WAP业务中的菜单使用、页面连接方式、文本显示、选择列表等多方面给出了相应的基本原则与例子。对通过中国联通WAP门户网站提供连接或者遵循中国联通提供的代计费功能的WAP业务均要求遵循本规范中的相关原则与规定。

中国联通将对本规范进一步的修改与完善，同时也欢迎广大合作伙伴就WAP业务规范给中国联通提供建议与意见。

中国联通保留本规范的最终解释权。

2．       业务可用性概述

可用性是业务提供的价值与用户使用业务时所需付出代价的相对大小，所谓业务提供的价值，主要体现在业务能提供给用户所需要的信息，业务能为用户解决实际问题以及业务的易用性等方面，使用业务的代价包括学习使用业务时付出的代价、用户使用业务过程中付出的代价（比如连接费用、信息费用、点击次数，输入等）。

可用性强的业务，其最根本的特点是业务给用户带来的价值大于用户在使用业务时所付出的代价，因此，在设计WAP业务时，应该注意到：

¨         可用性非常关键；

¨         手机上网主要用于获取信息而不是浏览；

¨         手机与PC在使用上有显著差别，不能将开发WEB应用的理念照搬到WAP业务开发中来；

¨         用户是要为使用WAP业务付出时间上或金钱上的代价，因此，所设计的WAP业务要尽降低用户在使用过程中付出的代价。

¨         大多数用户并不喜欢复杂的WAP业务。

 

由此可见，当开发高可用性业务的时候必须首先明确：

¨         面向什么样的用户群；

¨         业务给用户解决什么问题；

¨         怎样以最高的效率解决这些问题。

以下是开发WAP业务时的几个关键性原则：

¨         让用户尽快地得到需要的信息；

¨         将业务限制在基本的功能之内；

¨         使开发出来的WAP业务简单易用；

¨         业务应该具有一致的使用风格；

¨         对用户可能出错的地方要有预先的分析与防范。

3．       WAP业务开发规范

3.1 菜单使用规范

菜单的用途一般有：

¨         提供一个数据列表（如邮件地址）

¨         连接到一个新的页面（如进行选择）

¨         进行一项操作（如删除邮件）

¨         进行一个选择（如选择一个具体的日期）

¨         改变某个选项（如让用户更改设置）

菜单使用规范：

¨         菜单项要一致左对齐排列；

¨         菜单中的各项要按照一定的逻辑顺序来排列，如按照类型、时间、字母顺序等。如果没有逻辑顺序，就按优先级排列，将最可能选择的排在最前面。

¨         在一个导航类菜单前必须加彩色图标，文字以蓝色字体显示。在服务类菜单前要加数字排序，数字以蓝色下划线字体显示，两类菜单的定义如下图：

 

      

              图1：导航类菜单：后跟下一级菜单    图2：服务类菜单：后跟实际内容

 

¨         服务类菜单中不要多于9个选项，当选项多于9个时，建立“下一页”作为第九个选项，如图2所示。

具体要求如下：

1、  导航菜单项前的图标要求如下：

尺寸：25x15 pixle

文件类型：PNG

大小：小于1K

支持色彩：真彩色

 

2、  菜单标题字数尽量控制在一行显示，建议不要超过三行，对超过一行或一页的正文信息，则必须分行或者分页显示。

 

3、  缺省的情况下，菜单中的每一项占据一行，但是在特殊情况下， 允许在同一行中使用多个菜单项。

通过在各个菜单项之间添加一个标点符号（例如，链接1，链接2）或其他文字，不同的链接就可被并排显示，但如果这些链接是被定义在一个<p mode=”nowrap”>块中，那么它们就不能被并排显示了，例如：

<?xml version=”1.0” encoding=”GB2312” ?>

<wml>

<card id=”quote” title=”AA 股票”>

<onevent type=”onenterforward”>

<refresh>

   <setvar name=”price” value=”+2.875”/>

<setvar name=”icon” value=”uparrow2”/>

</refresh>

</onevent>

<do type=”options” lable=”Done”>

<exit>

<send value=”$stork”/>

<send value=”$(price----)”>

<send value=”$icon”/>

  </exit>

</do>

<p>

<br/>

<a href=”nothing.wml” title=”News”>$stock

<img src=”” localsrc=”$icon” alt=””/>+2.875</a><br/>

现价：115.875<br/>

最高价：116.875<br/>

最低价：112.5<br/>

成交：20405400<br/>

10:14 3/1/2000<br/>

其他股票信息：<a href=”nothing.wml”>BB</a>,<a href=”nothing.wml”>CC</a>,

<a href=”nothing.wml”>DD</a>

<a href=”nothing.wml” title=”图表”>图标显示</a>

<a href=”nothing.wml” title=”加入”>加入到</a>

   </p>

</card>

</wml>

在上面的例子中，逗号用来分割不同股票的查询连接，以便并排显示。

 

4、  如果需要在一个菜单项（或软按键）上执行多个操作，可以通过弹出式菜单实现。

为了让多个操作在一个菜单项上执行，需要将select（选择）要素的type（类型）属性设置为list（列表）。例如，为了让用户在没有阅读电子邮件的情况下对其进行删除、转发或回复等处理，对每一个<option>指定value性，通过<do type=”option”>来实现：

<?xml version=”1.0” encoding=”GB2312” ?>

<wml>

<card title=”收件箱” id=”inbox”>

<onevent type=”onenterforword”>

<refresh>

<setvar name=”imgA” value=”*”/>

<setvar name=”imgB” value=”*”/>

<setvar name=”imgC” value=”*”/>

<setvar name=”imgD” value=”*”/>

</refresh>

</onevent>

<do type=”accept” lable=”查询”>

<spawn href=”email/mail$(msg.noesc)”>

<catch/>

</spawn>

</do>

<do type=”options” lable=”删除”>

<go href=”file:c:/opwvdemo/notjing.wmlc”/>

</do>

<do type=”options” lable=”回信”>

<spawn href=”#reply$(msg.noesc)”>

<catch/>

</spawn>

</do>

<do type=”options” lable=”转发”>

<spawn href=”emailfwd.wmlc#fwd$( msg.noesc)”>

<catch/>

</spawn>

</do>

<do type=”options” lable=”保存”>

<spawn href=”saved.wmlc#saved$( msg)”/>

</do>

<do type=”options” lable=”转移到”>

<spawn href=”file:c:/opwvdemo/nothing.wmlc”/>

</do>

 

<do type=”options” lable=”邮件首页”>

<spawn href=”#home”/>

</do>

<do type=”options” lable=”新建信笺”>

<spawn href=”emailedit.wmlc”>

<catch/>

</spawn>

</do>

</do>

<p mode=”nowrap”>

<select type=”list” name=”msg”>

   <option value=”1”>

        <onevent  type=”onpick”>

         <spawn href=”email.wmls”>

          <catch/>

         </spwan>

 </onevent>

｛张三｝你想去看电影吗？

</option>

<option value=”2”>

<onevent type=”onpick”>

<spawn href=”email2.wmlc”>

<catch/>

</spawn>

</onevent>

｛李四｝会议时间改到3:30pm

</option>

<option value=”3”>

<onevent type=”onpick”>

<spawn href=”email3.wmlc”>

<catch/>

</spawn>

</onevent>

｛王五｝会议通知

</option>

<option value=”4”>

<onevent type=”onpick”>

<spawn href=”email4.wmlc”>

<catch/>

</spawn>

</onevent>

｛赵六｝给我回电话

</option>

</select>

参看：

 

<select name=”fldr” type=”popup” value=”Inbox”>

<option value=”file:c:/opwvdemo/nothing.wmlc”>收件箱</option>

<option value=”#outbox”>发件箱</option>

<option value=”file:c:/opwvdemo/sent.wmlc”>发送</option>

<option value=”/nothing.wmlc”>模板</option>

</select>

</p>

 

<p align=”center”>

   <do type=”button” lable=”转移到”>

     <go href=”$(fldr:noesc)”/>

</do>

</p>

</card>

</wml>

 

5、  注意：同一个菜单项在不同的手机上显示并不一样，多数手机对菜单项会加入下划线，也有的手机会使用正方形与括号将选项包起来，因此，不要在显示文本的时候使用下划线等标志。

3.2 返回连接规范

用户经常使用手机中的返回按键（通常就是删除按键）或者浏览器中的软按键来返回或退出，因此，返回连接对一个业务的成功是十分关键的，要倍加关注，对返回连接设计好的业务，将会显著地提高用户的使用次数。

1.         在业务的起始页面的底部必须有一个“返回首页”的连接。

2.         在业务使用中的页面底部必须有一个“返回栏目”的连接，及返回联通门户首页的连接。

3．除了在屏幕中显示“返回上级”及“返回主页”的标题外，同时也应利用软键功能实现该功能，左右软键设置如下：

 

（个人图片） （图片下载） （铃声下载） （屏保动画） （音乐动画） （返回）  (返回栏目) （返回首页）   确定            回首页

返回：指返回刚才的界面

返回栏目：指返回栏目列表

举例： 图片铃声

               美女(栏目)

                   top 20

                   cp1

                   cp2

                   …….

4．当不能直接返回上一个页面时，将用户带到最方便使用业务的一层页面。

返回连接并不总是实用的，例如，当用户进行交易或者删除某些数据的时候，返回连接就不应该将该用户再带到对交易或者删除操作进行确认的页面中，而应直接返回到业务的起始页面，或将用户带到一个已经完成交易或删除操作的页面当中，可以使用一个<onevent type=”onenterbackward”>来避免用户连接到不应返回的页面中。

3.         当手机返回键的操作被替换时，如果在该页面上没有出现其他“确认“操作，务必使用同样的操作替换“确认”软按键（左软按键）

  如果对ACCEPT软按键没有定义任何操作，那么该软按键就会被缺省定为一个带有“返回”标签的返回操作，但如果手机上的返回按键的功能已经被修改，则左软按键上的返回操作就会不同于手机上的返回键上的操作，这可能让用户感到很困惑，因此务必请将与手机上的返回键对应的操作重新定义到左软按键上，比如：

<do type=”prev”>

     <exit/>

</do>

<do type=”accept” lable=”Back”>

     <exit/>

</do>

4.         当需要返回业务的上一层功能或是直接返回业务首页时，必须使用右软按键来完成连接，并且需要给右软按键一个“返回上级“后者“返回首页”的标题

5.         如果返回连接过程中会丢失用户已经输入的数据，不许给用户提供一个确认退出输入的页面。

比如一个订购机票的业务中，存在如下返回连接：

其中有一个确认删除页面防止用户以外丢失已经输入的数据

 

3.3 文本显示规范

1.         一个CARD中显示500-600个字符，即300汉字以内。

2.         当需要显示的内容超过范围时，在底部提供一个“下一页“连接，但在每个栏目下，传送给用户的内容最好不要超过3页。

3.         将超出一行的内容分行显示，但主菜单及子栏目标题则应尽量将文字压缩为一行。如：“少女系列三十一”此标题字符过长，可将其压缩为“少女系列31”。

4.         所有文本左对齐。

5.         左软按键连接到下一文本页（显示更多内容），右软按键显示相关的操作（如：邮件回复，删除等）。

6.         阅读新闻、邮件等内容时，应提供一个“下一项“的连接，用于用户直接转到下一个新闻主题或邮件，而不要仅仅显示”下一页“，用户容易误解为同一个主题的下部分内容。

7.         在文本页面中不要使用连接来进行某项操作（如删除邮件等），而要利用软按键来实现，而且，底部连接不能多于3个，最后一个连接功能应与页面的缺省连接一致（一般是继续显示信息或显示完成）。

8.         当用户阅读文本时，应能主动预读取下一页文本到手机的CACHE中，加快用户阅读的切换速度。

 

比如：

<head>

<link href=”page2.wml” rel=”next”/>

</head>

<card id=”page1”>

<do type=”accept” lable=”Page2”>

<go href=”page2.wml”/>

</do>

<p>

Page 1 of 2 <br/>

….

</p>

</card>

上面的代码展示了如何利用预取功能对一个卡片组中的下一个卡片进行访问。

 

9. 当显示文本页面没有<do type=”options”>操作时，应在右软按键中显示“完成“连接，

将用户带到上一层功能页面或者业务首页。

10. 内容文字的规范：应设定为统一的简体中文，避免出现英文与中文混合的内容，如“Loading….请稍后”，应为“正在下载中。。。请稍后”。

11. 新闻类栏目要在新闻标题的后面显示新闻发布的日期及出处。

12. 菜单中的各项要按照一定的逻辑顺序来排列，如按照类型、时间、字母顺序等。如果没有逻辑顺序，就按优先级排列，将最可能选择的排在最前面，将最新更新的部分放在最前面，并加入“NEW”字样。

 

3.4 用户输入规范

1.         尽量减少用户的文本输入

2.         当已激活输入区域时，只需要有一个确认连接，不需要提供其他功能。

3.         为每一个输入项尽可能直观的提示与描述，但不要多于15个字符（8个汉字）

4.         对每一个输入项，将输入的内容限制在254个字符之内。

5.         让输入框大小随用户输入的内容一起变化，开始提供一行，随用户输入内容增加，输入框逐步增大，不要定义一个固定大小的输入框。

6.         在一个页面的所有输入框之后不许有一确认输入数据的连接，可通过左软按键提交输入的所有数据。

7.         通过右软按键提供输入法切换功能。

8.         对用户输入的密码，不要用*进行掩盖，在手机上明文显示即可。

9.         使用MAXLENGTH参数来限制用户输入密码的长度，避免用户出错。

 

3.5 格式化输入规范

格式化输入主要包括输入日期，信用卡号码等具有固定格式的内容。

1.         对所有格式化输入都必须表明输入格式，如输入如期时可以表示为：MM/YYYY见下 例：

代码如下：

Exp Date:(mm/yyyy) <br/>

<input name=”expdate” format=”NN//NNNN” emptyok=”false” size=”7”/><br/>

2.         对输入的类型进行强制匹配，该输入数字的地方，不能输入字母

3.         可以通过MAXLENGTH参数限制输入的字符数

4.         对确定的内容进行预制

   如输入日期时可以表示为20xx，只让用户输入后两位数字就可以。

5.  对可确定用户输入的文字功能实现自动切换，如需用户输入密码时，应自动切换为“数字功能”，要求用户输入Email地址时，应自动切换为“英文”等。

6. 防止用户在格式化输入区域中不输入任何内容而进行下一个操作

可以通过empty=”false”来防止用户不输入任何信息而直接跳过输入页面，例如：

<input name=”ccnum” emptyok=”false” format=”NNNNNNNNNNNNNNNN”/><br/>

Type

<select type=”popup” name=”cctype”>

    <option value=”Visa”>Visa</option>

    <option value=”American Express”>AMEX</option>

    <option value=”Master Card”> Master Card </option>

</select><br/>

   Name:<br/>

   <input name=”ccname” emptyok=”false”/><br/>

    Exp Date:(mm/yyyy)<br/>

<input name=””expdate” format=”NN///2/0NN” emptyok=”false” size=”7”><br/>

 

       在上面的例子中，用户在输入两个数字后插入一个斜线符号

3.6 图标与图形规范

1.         所有的手机都支持WBMP图象格式

2.         所有的彩色手机都支持PNG格式的彩色图象

3.         在图象周围要有文字对图象进行说明，方便不能支持图象的手机使用

4.         不要对图形对象定义任何操作

5.         对时效性较强的页面要小心使用图象，有可能在图象下载过程中页面失效了

6.         对大于显示屏幕的图象可以在手机中垂直地移动，但是不能水平移动，因此，图象的宽度大小必须符合手机的要求。

 

3.7 铃声、动漫规范

1．  部分手机支持pmd格式的铃声、部分手机支持midi和sis的铃声

2．  动漫主要是两种格式pmd 和sis支持部分手机，对于新的类型请密切关注页面规范的更新和新手机的技术参数

3.8 CACHE规范

CACHE能实现对访问过内容的快速回顾

1，  不要将时效性很强的内容（如新闻、股票信息等）留在CACHE中

2，  对某些特定内容（如天气信息、交通信息等）要限制其在CACHE中的有效时间

3，  对动态信息要强制更新

4，  对一般手机而言，除非CACHE已经溢出，否则，缺省的CACHE时间是30天

5，  如果用户可能要用到下一页面的内容，应事先将下一页的内容下载到CACHE中

3.9 COOKIES规范

通过COOKIES可减少用户的输入内容

1、  使用WAP业务时，COOKIES保存在WAP网关上

2、  并不是所有的手机都支持COOKIES功能，目前联通的WAP网关与内置手机浏览器的可以实现COOKIES功能

3、  在必要的时候使用COOKIES

3.10 关键词语使用规范

在业务中，一致的关键词使用风格能显著提高业务的可用性，一般而言，关键词的首字母应该大写，而其他字母应该小写，除非有些纯大写组合的词，如：OK等

以下是一些关键词的应用场合：

1、  确定（OK）用于在一个选择页面中进行选择操作或者确认某项操作，如发送一个邮件或信息等。

2、  完成（Done）使用户完成或者停止某项一系列操作而返回业务的起始位置，当用户有输入信息时，该操作一定要带出一个确认页面

3、  跳过（Skip）用于跳转到下一个同类型的数据或内容，比如下一个新闻或邮件

4、  读取（View）用于在一系列相关的数据列表中进行选择，如一组股票信息的列表或一组邮件

5、  更多（More）用于取得一些详细的内容或数据以及取得更多的数据，如通过标题排列的新闻内容，超出一页的内容。

6、  返回（Back ）用于将用户带回上一个页面

 

慎用以下词语：

1、  退出（Exit）,用户会理解成退出浏览器

2、  主页（Home）,用户会理解成是浏览器的主页

3、  书签（Bookmark），用户会容易混淆为手机的书签

4、 菜单（Menu），这个词语通常由浏览器在软按键有多个动能选项时自动生成，不需要人为指定。