手机支付业务客户端UI设计规范_第1页
手机支付业务客户端UI设计规范_第2页
手机支付业务客户端UI设计规范_第3页
手机支付业务客户端UI设计规范_第4页
手机支付业务客户端UI设计规范_第5页
已阅读5页,还剩63页未读 继续免费阅读

下载本文档

版权说明:本文档由用户提供并上传,收益归属内容提供方,若内容存在侵权,请进行举报或认领

文档简介

1、QB-E-050-2011中国移动通信企业标准QB-E-050-2011手机支付业务客户端UI设计规范Mobile Payment ServiceUI Specification版本号:1.0.02011-9-27实施2011-9-27发布中国移动通信集团公司 发布目录前 言IV1.范围12.规范性引用文件13.术语、定义和缩略语14.规范说明25.手机支付客户端总体要求35.1.程序图标及登录入口35.2.通用要求35.3.通用界面模板定义35.3.1 通用界面模板查询界面35.3.2 通用界面模版高级查询界面45.3.3 通用界面模版生活缴费55.3.4 通用界面模版缴费支付65.3.5

2、通用界面模版修改密码界面76.启动手机支付客户端96.1启动手机支付客户端的界面96.2选择接入点(可选)97.登录107.1登录的主要流程图107.2登录界面108.注册118.1注册的主要流程图118.2注册界面119.主界面139.1主界面的主要流程图139.2主界面1310.账户1410.1账户的主要流程图1410.2账户界面1410.3账户查询1510.3.1 账户查询界面1510.4账户明细1610.4.1账户明细界面1610.4.2账户明细详情界面1610.4.3账户明细高级查询界面1710.5订单查询1710.5.1订单查询界面1710.5.2订单查询详情界面1810.5.3未

3、支付订单详情界面1910.5.4订单查询高级查询界面2010.6提现2010.6.1提现界面2010.6.2提现申请界面2110.6.3提现记录2211.应用2311.1应用的主要流程图2311.2应用界面2411.3生活缴费2411.3.1缴水费2511.3.2缴电费2611.3.3缴煤气费2711.3.4通讯费2811.3.5 缴费记录界面2911.4缴话费3111.4.1缴话费界面3111.4.2为本机缴话费界面3211.4.3代缴话费界面3311.4.4缴话费记录界面3411.5收付款3611.5.1收付款界面3611.5.2我要付款3611.5.3我要收款3711.5.4付款记录39

4、11.5.5收款记录4111.6营业厅4211.7应用下载(可选)4311.7.1应用下载界面4311.7.2应用下载详情界面4312.充值4512.1充值的主要流程图4512.2充值界面4512.3卡通充值界面4612.4 wap网银充值界面4612.4.1浏览器4713.安全4813.1安全的主要流程图4813.2安全界面4913.3修改登录密码界面4913.4修改支付密码界面5013.5登录设置界面5013.6消费限额界面5114.补款5214.1补款的主要流程图5214.2余额补款提示界面5214.3现金账户补款界面5315.提示语5415.1提示语的主要流程图5415.2异常退出提示

5、信息5415.3登录超时提示信息5515.3.1未设置自动登录5515.3.2设置自动登录5615.4支付二次确认提示语5715.4.1订单支付类界面5715.4.2缴话费类提示语5815.4.3生活缴费类界面5915.4.4付款类提示语6016.检查更新6117.关于6217.1关于界面6218.帮助6218.1帮助界面6219.编制历史62前 言本标准主要针对手机支付客户端业务基本应用的用户界面。本标准提供了手机支付客户端主要界面的用户界面指南。本标准是手机支付业务客户端系列标准之一,该系列标准的结构、名称如下:序号标准编号标准名称1QB-D-011-2009手机支付业务规范总册及远程支付

6、分册2QB-E-049-2011手机支付业务客户端规范3QB-E-050-2011手机支付业务客户端UI设计规范4QB-F-003-2011手机支付业务客户端安全技术规范本标准由中移技2011274号印发。本标准由中国移动通信集团公司数据部提出,集团公司技术部归口。本标准起草单位:中国移动通信研究院本标准主要起草人:丁丽娟、任鹏、任晓明IV1. 范围本标准提供了手机支付客户端的用户界面指南。为了提升未来的数据业务,需要合作厂商和合作单位共同推进终端用户界面的友好性,因此需要合作厂商在生产相关的终端设备时参照该标准。在本标准中,所有相关的流程以及交互行为等应按照本标准的规定执行。需注意,这份标准

7、中包含了手机支付客户端用户界面的结构和构想,但并不包含手机支付客户端界面的所有目录和行为。2. 规范性引用文件下列文件中的条款通过本标准的引用而成为本标准的条款。凡是注日期的引用文件,其随后所有的修改单(不包括勘误的内容)或修订版均不适用于本标准,然而,鼓励根据本标准达成协议的各方研究是否可使用这些文件的最新版本。凡是不注日期的引用文件,其最新版本适用于本标准。表2-1 规范性引用文件序号标准编号标准名称1QB-D-011-2009手机支付业务规范总册及远程支付分册2手机支付业务客户端规范3手机支付业务客户端安全技术规范3. 术语、定义和缩略语在手机支付业务中,主账户中的余额分为两类,分别为可

8、提现和不可提现余额;在界面展现上分别体现为现金账户和充值卡账户;在本规范中使用了“必须”、“推荐”、和“可选”等词汇来描述对客户端要求的强调程度。“必须”项是指客户端UI所必须提供的功能或交互要求; “推荐”项是指在标准中未作硬性要求,但建议客户端UI提供的功能或交互要求;“可选”项指在目前看来是中国移动需求的发展方向,或客户端UI在目前阶段可不提供的功能或交互要求。目前阶段:从本版本发布之日截至到下一个版本发布日期。表3-1 规范术语说明序号术语术语说明1屏幕描述表示该界面中必须包含的信息内容,例如界面中的文字排布,显示信息等,硬性要求的文本均以双引号标注。表3-1 规范术语说明(续)序号术

9、语术语说明2用户输入表示该界面必须包含的用户输入项,例如:密码输入框。具体控件根据终端界面风格选择。3功能区表示该界面中所需要实现的全部功能操作,具体实现方式由终端界面风格决定。在某些终端界面风格中,功能区的全部操作均可显示在选项菜单中;但也允许功能区内的某些操作可置于界面之上。例如“返回”功能。4优先级如序号排列表明这些交互组件必须按照优先级的顺序排列。优先级高,表明用户经常进行的任务(相对优先级低的),必须在界面上以某种方式与优先级低的有所区别,例如优先级高选项放在菜单的前部,优先级低选项放在菜单的后部等。5通用界面模板指在手机支付应用中通用界面模版,为方便起见,统一说明。例如【查询界面】

10、、【高级查询】等6TAB页签类似如下的交互控件:或其它类似于TAB页签的形式,(类TAB页签指的是,类似TAB可以实现信息层叠的交互组件)4. 规范说明流程图说明:(必须)手机支付业务客户端流程必须按照各章节流程图设计,流程必须包含规范内所述流程、及涉及的界面,标明可选的除外。其他说明:本规范没有涉及之处,不做规范要求。规范中,界面图例仅为示意,不做规范要求。规范中,通用界面模板是指为功能类似,界面布局一致的界面提供通用的模板示例。规范中,除了明确指明为 “推荐”、“可选”外,均为必须要求。规范中,界面功能入口表明在该界面中需要提供该功能入口,可以为触屏触区,也可以为硬键,或菜单入口。规范中,

11、所有屏幕描述中表明的内容,标明该功能入口或界面元素必须存在。但无特别说明的,对功能入口和界面元素的表现方式不做规范要求。规范中,所有功能区入口的优先级使用时符合终端平台原则,如,某些终端按照从上到下优先级降序。5. 手机支付客户端总体要求5.1. 程序图标及登录入口(必须)手机支付应用图标,必须使用下图所示图标(图5-1 手机支付业务图标);(必须)手机支付应用在终端的登录入口(登录入口指的是,在手机终端中调起该应用的入口,例如某些终端,登录入口置于主菜单下)必须使用下面图标,其名称为“手机支付”。图5-1 手机支付业务图标5.2. 通用要求以下内容均为手机支付业务中最基本的UI需求,如无特殊

12、提示,此规范均需遵守以下规则。(必须)所有界面必须提供返回上一级界面的功能入口,如果界面的上一级为中间跳转界面,则此时应返回至中间跳转界面之前的界面。(必须)若界面出现“是”与“否”的操作,则“是”与“否”的具体界面名称和终端界面风格保持一致,例如“确定”与“取消”。提示语也可根据终端界面风格做少量变更。(推荐)在任何含有查询项的界面【账户明细】、【交易记录】、【缴费记录】、【话费记录】、【付款记录】、【收款记录】等,用ICON视觉方式提示用户各查询项的类别。5.3. 通用界面模板定义5.3.1 通用界面模板查询界面该界面(图5-2 查询界面模版)作为【账户明细】、【交易记录】、【缴费记录】、

13、【话费记录】、【付款记录】、【收款记录】、【提现记录】的设计模版进行参考。界面设计示意:图5-2 查询界面模版屏幕描述:1、(必须)显示当前界面的标题,比如:账户明细。2、(必须)用列表形式显示用户所需查询的相应信息。3、(必须)列表的排序默认按照时间顺序排列。功能区(优先级如序号排列):表5-1 查询界面操作说明表序号入口名称入口要求程度入口说明以下为功能区中包含的所有操作,其中某些功能可以被置于屏幕上。功能区的入口优先级如序号排列。1查看详情必须至相应查询结果的详情页面2高级查询必须至【5.3.2 通用界面模版高级查询】 5.3.2 通用界面模版高级查询界面该界面(图5-3 高级查询界面模

14、版)作为【账户明细】、【交易记录】、【缴费记录】、【话费记录】、【付款记录】、【收款记录】、【提现记录】等的高级查询界面的设计模版进行参考。图5-3 高级查询界面模板屏幕描述:1、(必须)显示当前界面的标题,比如:账户明细。2、(必须)内容区显示起始日期和结束日期(结束日期默认为当天日期)的输入区;3、(必须)在部分缴费界面提供筛选框(比如,缴费项目)供用户选择要查询的类别;用户输入:1、(必须)输入起始和结束日期;功能区(优先级如序号排列):表5-2 高级查询界面操作说明表序号入口名称入口要求程度入口说明以下为功能区中包含的所有操作,其中某些功能可以被置于屏幕上。功能区的入口优先级如序号排列

15、。1查询必须至相应查询结果的详情页面5.3.3 通用界面模版生活缴费该界面作为(图5-4 生活缴费模版)【缴水费】、【缴电费】、【缴煤气费】、【通讯费】等生活缴费界面的设计模版进行参考。图5-4 生活缴费模板屏幕描述:1、(必须)显示当前界面的标题,比如:缴水费。2、(必须)显示用户现金账户的余额;3、(必须)显示收费地区、单位等需要在缴费填写或选择的项目(缴水费根据地区不同会有两种缴费形式,参见图5-4);功能区(优先级如序号排列):表5-3 生活缴费界面操作说明表序号入口名称入口要求程度入口说明以下为功能区中包含的所有操作,其中某些功能可以被置于屏幕上。功能区的入口优先级如序号排列。1缴费

16、必须至【5.3.4 通用界面模版缴费支付】5.3.4 通用界面模版缴费支付该界面(图5-5 缴费支付界面模板)作为【缴水费】、【缴电费】、【缴煤气费】、【通讯费】等的支付界面的设计模版进行参考。图5-5 缴费支付界面模板屏幕描述:1、(必须)显示当前界面的标题,比如:缴水费。2、(必须)显示用户现金账户的余额、用户自己输入的缴费项目、号码、单位等信息;3、(必须)支付密码输入框;功能区(优先级如序号排列):表5-4 缴费支付界面操作说明表序号入口名称入口要求程度入口说明以下为功能区中包含的所有操作,其中某些功能可以被置于屏幕上。功能区的入口优先级如序号排列。1确定必须提示用户支付成功或失败5.

17、3.5 通用界面模版修改密码界面该界面作为【登录密码】、【支付密码】的设计模版进行参考。图5-6 修改密码界面模版屏幕描述:1、(必须)显示当前界面的标题,比如:修改登录密码。2、(必须)显示输入旧密码、新密码、确认新密码的输入框;3、(必须)显示相应密码格式的提示语内容;用户输入:(必须)用户需要依次输入旧密码、新密码、确认新密码;功能区(优先级如序号排列):表5-5 修改密码界面操作说明表序号入口名称入口要求程度入口说明以下为功能区中包含的所有操作,其中某些功能可以被置于屏幕上。功能区的入口优先级如序号排列。1修改必须提示用户修改密码成功或失败;6. 启动手机支付客户端6.1 启动手机支付

18、客户端的界面图6-1 启动手机支付客户端的界面屏幕描述:(必须)手机支付图标、手机支付文字、表示动态进度的交互控件,加载数据提示语。其中,用户必须能够从交互控件中读出加载的情况。6.2 选择接入点(可选)界面设计示意图:图6-2 选择接入点屏幕描述:(可选)提供可供选择的接入点:WLAN(当前已接入WLAN连接),CMNET,CMWAP;功能区(优先级如序号排列):表6-1 选择接入点界面操作说明表序号入口名称入口要求程度入口说明以下为功能区中包含的所有操作,其中某些功能可以被置于屏幕上。功能区的入口优先级如序号排列。1选择必须至【7.2登录界面】,根据选择接入点的不同,如果选择的是CMWAP

19、的方式,则会获取用户手机号到手机号输入框内;7. 登录7.1 登录的主要流程图图7-1 登录流程7.2 登录界面界面设计示意:图7-2 登录界面屏幕描述:1、(必须)手机支付图标、手机支付文字;2、(必须)手机号码输入框;如果是通过CMWAP连接,则手机号码已经显示在登录框内;3、(必须)登录密码输入框;用户输入:1、(必须)手机号码;2、(必须)登录密码;3、(推荐)自动登录,默认不勾选;功能区(优先级如序号排列):表7-1 登录界面操作说明表序号入口名称入口要求程度入口说明以下为功能区中包含的所有操作,其中某些功能可以被置于屏幕上。功能区的入口优先级如序号排列。1登录必须至【9.2主界面】

20、2注册新用户必须至【8.2注册界面】8. 注册8.1 注册的主要流程图图8-1 注册流程8.2 注册界面界面设计示意:图8-2 注册界面屏幕描述:1、 (必须)注册标题;2、 (必须)手机号码的输入框,如果是CMWAP登录将能自动获取号码;3、 (必须)登录密码、支付密码的输入框以及开户协议的勾选项;用户输入:1、 (必须)手机号码,如果是CMWAP登录将能自动获取号码;2、 (必须)登录密码;3、 (必须)支付密码;4、 (必须)开户协议,默认为已勾选;功能区(优先级如序号排列):表8-1 注册界面操作说明表序号入口名称入口要求程度入口说明以下为功能区中包含的所有操作,其中某些功能可以被置于

21、屏幕上。功能区的入口优先级如序号排列。1注册必须提示注册成功,进入登录界面9. 主界面9.1 主界面的主要流程图图9-1 主界面流程9.2 主界面界面设计示意:图9-2 主界面示意屏幕描述:1、(必须)显示当前界面的标题“手机支付”。2、(必须)包含“账户”、“应用”、“充值”、“安全”四个分类。这四个分类必须使用TAB页签或类TAB页签的交互组件实现。(类TAB页签指的是,类似TAB可以实现信息层叠的交互组件,必须实现3步之内能够从“账户”、“应用”、“充值”、“安全”中任意一个跳转至“账户”、“应用”、“充值”中的任意一个,但可以有其他的视觉形式);(具体TAB下的内容在具体章节中描述)。

22、功能区(优先级如序号排列):(注:在后面的各TAB页描述中不再重复功能区的操作)表9-1 主界面操作说明表序号入口名称入口要求程度入口说明以下为功能区中包含的所有操作,其中某些功能可以被置于屏幕上。功能区的入口优先级如序号排列。1确定/切换(仅限键盘机)必须光标在TAB时,显示为“切换”,点击可以在不同TAB页切换;当光标在下面的ICON时,点击进入相应的界面,比如点击“账户查询”进入“账户查询”界面2检查更新必须至【16检查更新】3关于必须至【17.1关于界面】4帮助必须至【18.1帮助界面】5退出必须退出客户端10. 账户10.1账户的主要流程图图10-1 账户流程10.2账户界面界面设计

23、示意:图10-2 账户界面示意屏幕描述:1、(必须)账户查询,至【10.3账户查询界面】;2、(必须)账户明细,至【10.4账户明细界面】;3、(必须)订单查询,至【10.5订单查询界面】;4、(必须)提现,至【10.6提现界面】;10.3账户查询10.3.1 账户查询界面界面设计示意:图10-3 账户查询界面示意屏幕描述:1、(必须)“账户查询”,界面标题;2、(必须)“手机号码”,显示用户的手机号码信息;3、(必须)“当前状态”,显示用户当前手机支付账户状态,区分:实名用户、弱实名用户;4、(可选)“用户昵称”,显示用户在手机支付上填写的昵称;5、(必须)“现金账户”,显示用户当前现金账户

24、余额;6、(可选)“充值卡账户”,显示用户当前充值卡账户余额;7、(可选)“红包”,显示用户当前红包余额;10.4账户明细10.4.1账户明细界面界面参考【5.3.1 通用界面模板查询界面】屏幕描述:1、(必须)“账户明细”,界面标题。2、(必须)“交易时间”,显示该条目交易的时间。3、(必须)“交易类别”。4、(必须)“交易金额”。功能区(优先级如序号排列):表10-1 账户明细界面操作说明表序号入口名称入口要求程度入口说明以下为功能区中包含的所有操作,其中某些功能可以被置于屏幕上。功能区的入口优先级如序号排列。1查看详情必须至【10.4.2 账户明细详情界面】2高级查询必须至【10.4.3

25、账户明细高级查询界面】10.4.2账户明细详情界面界面设计示意:图10-4 账户明细详情界面屏幕描述:1、(必须)“账户明细”,界面标题;2、(必须)“交易日期”;3、(必须)“交易日志号”;4、(必须)“交易类别”;5、(必须)“交易时间”;6、(必须)“交易渠道”;7、(必须)“交易金额”;8、(必须)“账户类型”,显示交易的账户类型;9、(必须)“账户余额”,显示交易后的账户余额;10.4.3账户明细高级查询界面界面参考【5.3.2通用界面模版高级查询】屏幕描述:1、(必须)“高级查询”,界面标题;2、(必须)“起始时间”;3、(必须)“结束时间”;4、(必须)“账户类型”,选择项:所有

26、(默认选择项),现金账户(必须)、充值卡账户(可选)、红包(可选);用户输入:用户输入起始时间和结束时间,并选择相应的账户类型;功能区(优先级如序号排列):表10-2 账户明细高级查询界面操作说明表序号入口名称入口要求程度入口说明以下为功能区中包含的所有操作,其中某些功能可以被置于屏幕上。功能区的入口优先级如序号排列。1查询必须至【10.4.1账户明细界面】10.5订单查询10.5.1订单查询界面界面参考【5.3.1通用界面模版查询界面】屏幕描述:1、(必须)“订单查询”,显示当前界面的标题。2、(必须)“交易时间”。3、(必须)“交易名称”。4、(必须)“交易金额”。功能区(优先级如序号排列

27、):表10-3 订单查询界面操作说明表序号入口名称入口要求程度入口说明以下为功能区中包含的所有操作,其中某些功能可以被置于屏幕上。功能区的入口优先级如序号排列。1支付订单必须光标处于未支付的订单项目时,则功能列表中添加此项,用于对未支付的订单进行支付操作,点击至【10.5.3未支付订单查询详情界面】;2查看详情必须至【10.5.2订单查询详情界面】【10.5.3未支付订单查询详情界面】;3高级查询必须至【10.5.4交易记录高级查询界面】特别说明:此界面的信息排列,按照订单状态进行排列,未支付订单排前。对未支付订单ICON需特别设计。10.5.2订单查询详情界面界面设计示意:图10-5 订单查

28、询详情界面屏幕描述:1、(必须)“订单详情”,界面标题;2、(必须)“订单编号”;3、(必须)“商户名称”;4、(必须)“交易时间”;5、(必须)“失效日期”;6、(必须)“商户编号”;7、(必须)“商户名”;8、(必须)“交易金额”;9、(必须)“交易类型”;10、(必须)“订单状态”;10.5.3未支付订单详情界面界面设计示意:图10-6 未支付订单详情界面屏幕描述:1、(必须)“订单编号”;2、(必须)“商户名称”;3、(必须)“交易时间”;4、(必须)“失效日期”;5、(必须)“商户编号”;6、(必须)“商户名”;7、(必须)“交易总价”;8、(必须)“交易类型”;9、(必须)“订单状

29、态”;10、(必须)“选择支付账户”,可选账户有现金账户(必须),充值卡账户(可选),红包(可选);11、(必须)“输入支付密码”;用户输入:(必须)支付密码;功能区(优先级如序号排列):表10-4 未支付订单详情界面操作说明表序号入口名称入口要求程度入口说明以下为功能区中包含的所有操作,其中某些功能可以被置于屏幕上。功能区的入口优先级如序号排列。1继续支付必须弹出支付二次确认提示信息,至【15.4.1 订单支付类界面】10.5.4订单查询高级查询界面界面参考【5.3.2通用界面模版高级查询】屏幕描述:1、(必须)“高级查询”,界面标题;2、(必须)“起始时间”;3、(必须)“结束时间”;4、

30、(必须)“订单类型”,选择项:所有(默认),进行中,成功,失败;用户输入:用户输入起始时间和结束时间,并选择相应的订单类型;功能区(优先级如序号排列):表10-5 交易记录高级查询界面操作说明表序号入口名称入口要求程度入口说明以下为功能区中包含的所有操作,其中某些功能可以被置于屏幕上。功能区的入口优先级如序号排列。1查询必须至【10.5.1订单查询界面】10.6提现10.6.1提现界面 界面设计示意:图10-7 提现界面屏幕描述:1、(必须)“提现”,界面标题;2、(必须)“提现申请”,至【10.6.2提现申请界面】;3、(必须)“提现记录查询”,至【10.6.3.1提现记录界面】;10.6.

31、2提现申请界面界面设计示意:图10-8 提现申请界面屏幕描述:1、(必须)“提现申请”,界面标题;2、(必须)“提现银行”,显示提现银行名;3、(必须)“持卡人”,显示持卡人姓名;4、(必须)“银行卡”,只显示银行卡的4位尾数,前面数字用“X”代替; 5、(必须)“现金账户”,显示现金账户余额;6、(必须)“提现金额”;7、(必须)“支付密码”;用户输入:1、(必须)输入提现金额;2、(必须)输入支付密码;功能区(优先级如序号排列):表10-6 提现申请界面操作说明表序号入口名称入口要求程度入口说明以下为功能区中包含的所有操作,其中某些功能可以被置于屏幕上。功能区的入口优先级如序号排列。1提现

32、必须提交提现申请,并提示用户系统将进行提现审批,需要在2-3个工作日后才能将资金真实的转入到用户所绑定的银行卡中;提示后返回【10.6.1提现界面】;10.6.3提现记录10.6.3.1提现记录界面界面参考【5.3.1通用界面模版查询界面】屏幕描述:1、(必须)“提现记录”,显示当前界面的标题。2、(必须)“提现时间”。3、(必须)“提现金额”。4、(必须)“提现银行卡”。功能区(优先级如序号排列):表10-7 提现记录界面操作说明表序号入口名称入口要求程度入口说明以下为功能区中包含的所有操作,其中某些功能可以被置于屏幕上。功能区的入口优先级如序号排列。1查看详情必须至【10.6.3.2提现记

33、录详情界面】2高级查询必须至【10.6.3.3提现记录高级查询界面】10.6.3.2提现记录详情界面界面设计示意:图10-9 提现记录详情界面屏幕描述:1、(必须)“提现记录详情”,界面标题;2、(必须)“提现时间”;3、(必须)“提现银行卡”;4、(必须)“银行卡所属银行”;5、(必须)“提现金额”;10.6.3.3提现记录高级查询界面参考【5.3.2通用界面模版高级查询】屏幕描述:1、(必须)“高级查询”,界面标题;2、(必须)“起始时间”;3、(必须)“结束时间”;用户输入:用户输入起始时间和结束时间;功能区(优先级如序号排列):表10-8 提现记录高级查询界面操作说明表序号入口名称入口

34、要求程度入口说明以下为功能区中包含的所有操作,其中某些功能可以被置于屏幕上。功能区的入口优先级如序号排列。1查询必须至【10.6.3.1提现记录界面】11. 应用11.1应用的主要流程图图11-1 应用流程11.2应用界面界面设计示意:图11-2 应用界面屏幕描述:1、(必须)“手机支付”,界面标题;2、(必须)“缴话费”,至【11.4.1缴话费界面】;3、(必须)“收付款”,至【11.5.1收付款界面】;4、(必须)“营业厅”,至【11.6营业厅界面】;5、(必须)“生活缴费”,至【11.3生活缴费界面】;6、(可选)“应用下载”,至【11.7.1应用下载界面】;11.3生活缴费界面设计示意

35、:图11-3 生活缴费界面屏幕描述:1、(必须)“生活缴费”,界面标题;2、(必须)“缴水费”,至【11.3.1.1缴水费界面】;3、(必须)“缴电费”,至【11.3.2.1缴电费界面】;4、(必须)“缴煤气费”,至【11.3.3.1缴煤气费界面】;5、(必须)“缴通讯费”,至【11.3.4.1缴通讯费界面】;6、(必须)“缴费记录”,至【11.3.5缴费记录界面】;11.3.1缴水费11.3.1.1缴水费界面界面参考【5.3.3通用界面模版生活缴费】屏幕描述:1、(必须) “缴水费”,界面标题;2、(必须)“现金账户余额”,显示现金账户当前余额;3、(必须)“收费地区(省)”,选择收费地区;

36、4、(必须)“收费地区(市)” ,选择收费地区;5、(必须)“收费单位”,选择收费单位;6、(必须)“用户号/条形码”,由缴费单位不同而异输入不同的信息;7、(必须)“缴费金额”,是否需要输入缴费金额由缴费单位不同而异;用户输入: 1、(必须)输入用户号或条形码,由缴费单位不同而异输入不同的信息;2、(必须)输入缴费金额,是否需要输入缴费金额由缴费单位不同而异;功能区(优先级如序号排列):表11-1 缴水费界面操作说明表序号入口名称入口要求程度入口说明以下为功能区中包含的所有操作,其中某些功能可以被置于屏幕上。功能区的入口优先级如序号排列。1确定必须至【11.3.1.2缴水费支付界面】11.3

37、.1.2缴水费支付界面参考【5.3.4通用界面模版缴费支付】屏幕描述:1、(必须)“缴水费”,界面标题;2、(必须)“现金账户余额”;3、(必须)“缴费项目”;4、(必须)“缴费号码”;5、(必须)“收费单位”;6、(必须)“缴费金额”;7、(必须)“支付密码”,支付密码输入区;用户输入:用户需要输入支付密码;功能区(优先级如序号排列):表11-2 缴水费支付界面操作说明表序号入口名称入口要求程度入口说明以下为功能区中包含的所有操作,其中某些功能可以被置于屏幕上。功能区的入口优先级如序号排列。1确定必须上传缴费请求,信息确认提示后,至【11.3生活缴费界面】11.3.2缴电费11.3.2.1缴

38、电费界面界面参考【5.3.3通用界面模版生活缴费】屏幕描述:1、(必须)“缴电费”,界面标题;2、(必须)“现金账户余额”,显示现金账户当前余额;3、(必须)“收费地区(省)”,选择收费地区;4、(必须)“收费地区(市)”,选择收费地区;5、(必须)“收费单位”,选择收费单位;6、(必须)“用户号/条形码”,由缴费单位不同而异输入不同的信息;7、(必须)“缴费金额”,是否需要输入缴费金额由缴费单位不同而异;用户输入: 1、(必须)输入用户号或条形码,由缴费单位不同而异输入不同的信息;2、(必须)输入缴费金额,是否需要输入缴费金额由缴费单位不同而异;功能区(优先级如序号排列):表11-3 缴电费

39、支付界面操作说明表序号入口名称入口要求程度入口说明以下为功能区中包含的所有操作,其中某些功能可以被置于屏幕上。功能区的入口优先级如序号排列。1确定必须至【11.3.2.2缴电费支付界面】11.3.2.2缴电费支付界面界面参考【5.3.4通用界面模版缴费支付】屏幕描述:1、(必须)“缴电费”,界面标题;2、(必须)“现金账户余额”;3、(必须)“缴费项目”;4、(必须)“缴费号码”;5、(必须)“收费单位”;6、(必须)“缴费金额”;7、(必须)“支付密码”,支付密码输入区;用户输入:用户需要输入支付密码;功能区(优先级如序号排列):表11-4 缴电费支付界面操作说明表序号入口名称入口要求程度入

40、口说明以下为功能区中包含的所有操作,其中某些功能可以被置于屏幕上。功能区的入口优先级如序号排列。1确定必须上传缴费请求,信息确认提示后,至【11.3生活缴费界面】11.3.3缴煤气费11.3.3.1缴煤气费界面界面参考【5.3.3通用界面模版生活缴费】屏幕描述:1、(必须) “缴煤气费”,界面标题。2、(必须)“现金账户余额”,显示现金账户当前余额;3、(必须)“收费地区(省)”,选择收费地区;4、(必须)“收费地区(市)”,选择收费地区;5、(必须)“收费单位”,选择收费单位;6、(必须)“用户号/条形码”,由缴费单位不同而异输入不同的信息;7、(必须)“缴费金额”,是否需要输入缴费金额由缴

41、费单位不同而异;用户输入: 1、(必须)输入用户号或条形码,由缴费单位不同而异输入不同的信息;2、(必须)输入缴费金额,是否需要输入缴费金额由缴费单位不同而异;功能区(优先级如序号排列):表11-5 缴煤气费界面操作说明表序号入口名称入口要求程度入口说明以下为功能区中包含的所有操作,其中某些功能可以被置于屏幕上。功能区的入口优先级如序号排列。1确定必须至【11.3.3.2缴煤气费支付界面】11.3.3.2缴煤气费支付界面界面参考【5.3.4通用界面模版缴费支付】屏幕描述:1、(必须)“缴煤气费”,界面标题;2、(必须)“现金账户余额”;3、(必须)“缴费项目”;4、(必须)“缴费号码”;5、(

42、必须)“收费单位”;6、(必须)“缴费金额”;7、(必须)“支付密码”,支付密码输入区;用户输入:用户需要输入支付密码;功能区(优先级如序号排列):表11-6 缴煤气费支付界面操作说明表序号入口名称入口要求程度入口说明以下为功能区中包含的所有操作,其中某些功能可以被置于屏幕上。功能区的入口优先级如序号排列。1确定必须上传缴费请求,信息确认提示后,至【11.3生活缴费界面】11.3.4通讯费11.3.4.1通讯费界面界面参考【5.3.3通用界面模版生活缴费】屏幕描述:1、(必须)“缴通讯费”,界面标题;2、(必须)“现金账户余额”,显示现金账户当前余额;3、(必须)“收费地区(省)”,选择收费地

43、区;4、(必须)“收费地区(市)”,选择收费地区;5、(必须)“收费单位”,选择收费单位;6、(必须)“用户号/条形码”,由缴费单位不同而异输入不同的信息;7、(必须)“缴费金额”,是否需要输入缴费金额由缴费单位不同而异;用户输入: 1、(必须)输入用户号或条形码,由缴费单位不同而异输入不同的信息;2、(必须)输入缴费金额,是否需要输入缴费金额由缴费单位不同而异;功能区(优先级如序号排列):表11-7 通讯费界面操作说明表序号入口名称入口要求程度入口说明以下为功能区中包含的所有操作,其中某些功能可以被置于屏幕上。功能区的入口优先级如序号排列。1确定必须至【11.3.4.2通讯费支付界面】11.

44、3.4.2通讯费支付界面界面参考【5.3.4通用界面模版缴费支付】屏幕描述:1、(必须)“缴通讯费”,界面标题;2、(必须)“现金账户余额”;3、(必须)“缴费项目”;4、(必须)“缴费号码”;5、(必须)“收费单位”;6、(必须)“缴费金额”;7、(必须)“支付密码”,支付密码输入区;用户输入:用户需要输入支付密码;功能区(优先级如序号排列):表11-8 缴费支付界面操作说明表序号入口名称入口要求程度入口说明以下为功能区中包含的所有操作,其中某些功能可以被置于屏幕上。功能区的入口优先级如序号排列。1确定必须上传缴费请求,信息确认提示后,至【11.3生活缴费界面】11.3.5 缴费记录界面参考

45、【10.6 缴费记录】。11.3.5.1缴费记录界面参考【5.3.1通用界面模版查询界面】屏幕描述:1、(必须)“缴费记录”,界面标题;2、(必须)“缴费时间”;3、(必须)“缴费项目”;4、(必须)“缴费金额”;相关操作(优先级如序号排列):表11-9 缴费记录界面操作说明表序号入口名称入口要求程度入口说明以下为功能区中包含的所有操作,其中某些功能可以被置于屏幕上。功能区的入口优先级如序号排列。1查看详情必须至【11.3.5.2缴费记录详情界面】表11-9 缴费记录界面操作说明表(续)序号入口名称入口要求程度入口说明2高级查询必须至【11.3.5.3缴费记录高级查询界面】11.3.5.2缴费

46、记录详情界面界面设计示意:图11-4 缴费记录详情界面屏幕描述:1、(必须)“缴费详情”,界面标题;2、(必须)“交易日期”;3、(必须)“交易日志号”;4、(必须)“交易类型”;5、(必须)“交易时间”;6、(必须)“交易渠道”;7、(必须)“交易金额”;8、(必须)“账户类型”;9、(必须)“账户余额”,显示缴费后的余额;11.3.5.3缴费记录高级查询界面参考【5.3.2通用界面模版高级查询】屏幕描述:1、(必须)“高级查询”,界面标题;2、(必须)“起始时间”;3、(必须)“结束时间”;4、(必须)“缴费项目”,选择项:所有、缴水费、缴电费、缴煤气费、通讯费;用户输入:用户输入起始时间

47、和结束时间,并选择相应的缴费项目;相关操作(优先级如序号排列):表11-10 缴费记录高级查询界面操作说明表序号入口名称入口要求程度入口说明以下为功能区中包含的所有操作,其中某些功能可以被置于屏幕上。功能区的入口优先级如序号排列。1查询必须至【11.3.5.1缴费记录界面】11.4缴话费11.4.1缴话费界面界面设计示意:图11-5 移动话费界面屏幕描述:1、(必须)“缴话费”,界面标题;2、(必须)“为本机缴话费”,至【11.4.2为本机缴话费界面】;3、(必须)“代缴话费”,至【11.4.3代缴话费界面】;4、(必须)“缴话费记录”,至【11.4.4缴话费记录界面】;11.4.2为本机缴话

48、费界面11.4.2.1预付费界面设计示意:图11-6 为本机缴话费(预付费)界面屏幕描述:1、(必须)“为本机缴话费”,界面标题;2、(必须)“缴费号码”,获取本登录号码;3、(必须)“选择支付账户”,从现金账户(必须)和充值卡账户(可选)中二选一,并显示该账户中的余额;4、(必须)“缴费金额”,缴费金额输入区;5、(必须)“支付密码”,支付密码输入区;用户输入:(必须)用户输入缴费金额和支付密码;功能区(优先级如序号排列):表11-11 为本机缴话费界面操作说明表序号入口名称入口要求程度入口说明以下为功能区中包含的所有操作,其中某些功能可以被置于屏幕上。功能区的入口优先级如序号排列。1缴费必

49、须至【15.4.2缴话费类提示语】11.4.2.2后付费界面设计示意:图11-7 为本机缴话费(后付费)界面屏幕描述:1、(必须)“为本机缴话费”,界面标题;2、(必须)“缴费号码”,获取本登录手机号码;3、(必须)“选择支付账户”,从现金账户(必须)和充值卡账户(可选)中二选一,并显示该账户中的余额;4、(必须)“需缴费金额”,显示需要交费的金额;5、(必须)“支付密码”,支付密码输入区;用户输入:(必须)用户输入支付密码;功能区(优先级如序号排列):表11-12 为本机缴话费界面操作说明表序号入口名称入口要求程度入口说明以下为功能区中包含的所有操作,其中某些功能可以被置于屏幕上。功能区的入

50、口优先级如序号排列。1缴费必须至【15.4.2缴话费类提示语】11.4.3为他人缴话费界面界面设计示意:图11-8 为他人缴话费界面屏幕描述:1、(必须)“为他人缴话费”,界面标题;2、(必须)“缴费号码”,缴费号码输入区;3、(必须)“选择支付账户”,从现金账户(必须)和充值卡账户(可选)中二选一,并显示该账户中的余额;4、(必须)“缴费金额”,缴费金额输入区;5、(必须)“支付密码”,支付密码输入区;用户输入:(必须)用户输入缴费号码,缴费金额和支付密码;功能区(优先级如序号排列):表11-13 为他人缴话费界面操作说明表序号入口名称入口要求程度入口说明以下为功能区中包含的所有操作,其中某

51、些功能可以被置于屏幕上。功能区的入口优先级如序号排列。1缴费必须至【15.4.2缴话费类提示语】11.4.4缴话费记录界面11.4.4.1缴话费记录界面界面参考【附录5.3.1通用界面模版查询界面】屏幕描述:1、(必须)“缴话费记录”,界面标题。2、(必须)“缴费时间”。3、(必须)“缴费金额”。4、(必须)“缴费号码”。功能区(优先级如序号排列):表11-14 缴话费记录界面操作说明表序号入口名称入口要求程度入口说明以下为功能区中包含的所有操作,其中某些功能可以被置于屏幕上。功能区的入口优先级如序号排列。1查看详情必须至【11.4.4.2缴话费记录详情界面】2高级查询必须至【11.4.4.3缴话费记录高级查询界面】11.4.4.2缴话费记录详情界面

温馨提示

  • 1. 本站所有资源如无特殊说明,都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
  • 2. 本站的文档不包含任何第三方提供的附件图纸等,如果需要附件,请联系上传者。文件的所有权益归上传用户所有。
  • 3. 本站RAR压缩包中若带图纸,网页内容里面会有图纸预览,若没有图纸预览就没有图纸。
  • 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
  • 5. 人人文库网仅提供信息存储空间,仅对用户上传内容的表现方式做保护处理,对用户上传分享的文档内容本身不做任何修改或编辑,并不能对任何下载内容负责。
  • 6. 下载文件中如有侵权或不适当内容,请与我们联系,我们立即纠正。
  • 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

评论

0/150

提交评论