1.1 目标中国联通为了统一WAP业务风格，保证WAP业务的可用性，特制定了本WAP业务页面规范，以规范中国联通的WAP业务页面风格。本规范首先简述了WAP业务可用性的相关概念与原则，并对WAP业务中的菜单使用、页面连接方式、文本显示、选择列表等多方面给出了相应的基本原则与例子。对通过中国联通WAP门户网站提供连接或者遵循中国联通提供的代计费功能的WAP业务均要求严格遵循本规范中的相关原则与规定。1.2 业务可用性可用性是业务提供的价值与用户使用业务时所需付出代价的相对大小，所谓业务提供的价值，主要体现在业务能提供给用户所需要的信息，业务能为用户解决实际问题以及业务的易用性等方面，使用业务的代价包括学习使用业务时付出的代价、用户使用业务过程中付出的代价（比如通信费用、信息费用、点击次数，输入等）。可用性强的业务，其最根本的特点是业务给用户带来的价值大于用户在使用业务时所付出的代价，因此，在设计WAP业务时，应该注意到：􀁺 可用性非常关键；􀁺 手机上网主要用于获取信息而不是浏览；􀁺 手机与PC在使用上有显著差别，不能将开发WEB应用的理念照搬到WAP业务开发中来；􀁺 用户是要为使用WAP业务付出时间上或金钱上的代价，因此，所设计的WAP业务要尽降低用户在使用过程中付出的代价。􀁺 大多数用户并不喜欢复杂的WAP业务。由此可见，当开发高可用性业务的时候必须首先明确：􀁺 面向什么样的用户群；􀁺 业务给用户解决什么问题；􀁺 如何以最高的效率解决这些问题。1.3 联通WAP业务页面风格原则基于提高WAP业务可用性的指导思想, 联通WAP业务的页面风格应遵循几个关键性原则：􀁺 让用户尽快地得到需要的信息, 业务界面的学习门槛低;􀁺 将业务限制在基本的功能之内；􀁺 使开发出来的WAP业务简单易用；􀁺 业务应该具有一致的使用风格；􀁺 对用户可能出错的地方要有预先的分析与防范;􀁺 联通的WAP业务应保证联通业务的一致性, 所有业务的页面上不能出现至其它移动运营商WAP业务的链接.1.4 WAP业务页面开发规范1.4.1 菜单使用规范菜单的用途一般有：􀁺 提供一个数据列表（如邮件地址）􀁺 连接到一个新的页面（如进行选择）􀁺 进行一项操作（如删除邮件）􀁺 进行一个选择（如选择一个具体的日期）􀁺 改变某个选项（如让用户更改设置）菜单使用规范：􀁺 菜单项要一致左对齐排列；􀁺 菜单中的各项要按照一定的逻辑顺序来排列，如按照类型、时间、字母顺序等。如果没有逻辑顺序，就按优先级排列，将最可能选择的排在最前面。􀁺 在一个导航类菜单前必须加彩色图标，文字以蓝色字体显示。在服务类菜单前要加数字排序，数字以蓝色下划线字体显示，两类菜单的定义如下图：图1：导航类菜单：后跟下一级菜单图2：服务类菜单：后跟实际内容􀁺 服务类菜单中不要多于9 个选项，当选项多于9 个时，建立“下一页”作为第九个选项，如图2 所示。具体要求如下：1、导航菜单项前的图标要求如下：尺寸：25×15 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”label=”Done”><exit><send value=”$stork”/><send value=”$(price:noesc)”/><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”>来实现：中国联通WAP 页面规范中国联通浙江分公司增值业务部 5/15 Ver 1.0<?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” label=” 查询”><spawn href=”email/mail$(msg.noesc)”><catch/></spawn></do><do type=”options” label=” 删除”><go href=”file:c:/opwvdemo/notjing.wmlc ”/></do><do type=”options” label=” 回信”><spawn href=”#reply$(msg.noesc)”><catch/></spawn></do><do type=”options” label=” 转发”><spawn href=”emailfwd.wmlc#fwd$( msg.noesc)”><catch/></spawn></do><do type=”options” label=” 保存”><spawn href=”saved.wmlc#saved$( msg)”/></do><do type=”options” label=” 转移到”><spawn href=”file:c:/opwvdemo/nothing.wmlc ”/></do><do type=”options” label=” 邮件首页”><spawn href=”#home”/></do><do type=”options” label=” 新建信笺”><spawn href=”emailedit.wmlc ”><catch/></spawn></do><p mode=”nowrap”><select type=”list” name=”msg”><option value=”1”><onevent type=”onpick”><spawn href=”email.wmls”><catch/></spawn></onevent>｛张三｝你想去看电影吗？</option><option value=”2”><onevent type=”onpick”><spawn href=”email2.wmlc ”><catch/></spawn>中国联通WAP 页面规范中国联通浙江分公司增值业务部 7/15 Ver 1.0</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>中国联通WAP 页面规范中国联通浙江分公司增值业务部 8/15 Ver 1.0<p align=”center”><do type=”button” label= ” 转移到”><go href=”$(fldr:noesc)”/></do></p></card></wml>5、注意：同一个菜单项在不同的手机上显示并不一样，多数手机对菜单项会加入下划线，也有的手机会使用正方形与括号将选项包起来，因此，不要在显示文本的时候使用下划线等标志。6.所有业务的首页菜单必须遵循以下结构：􀁺 “业务说明”中必须包含以下几项内容：􀂾 业务提供商的名称􀂾 所提供业务的具体内容􀂾 资费政策介绍􀂾 客服电话􀁺 “免费体验”中应提供给用户免费下载和浏览的内容，免费提供的内容不应少于三项，免费信息原则上每月更新一次。􀁺 每项业务必须提供两种以上的计费策略。􀁺 提供下载业务的必须以书面形式提出开通申请，并提供下载的域名或IP地址。

评论