中国移动手机支付平台手机端软件KJAVA版UI交互设计文档v

Hisunsray 2009User Interface SpecificationBeijing Hisunsray Information Technology Co.Ltd 手机支付平台_手机客户端软件May 25,2009USER INTERFACE SPECIFICATION用户界面交互设计文档User Interface SpecificationHisunsray 2009Page 2修订记录修订记录日期日期版本版本描述描述作者作者评审者评审者2009-05-130.0.11,DraftLi LimingWangYuliang,WangXiangyu,BaiYu,HuangHuan,LiLiming2009-06-040.1.01.加入彩票功能demo，只做福彩3D直选的单式，复式和机选Li LimingWangYuliang,WangXiangyu,LiLiming2009.06.090.1.11.按“移动手机支付产品建议”和“支付手机客户端产品研发简要介绍”两个文档中提到的需求改变修改文档LI LimingWeiTao2009.06.160.1.21.内部评审版本提交项目全体人员评审LI Liming2009.06.180.1.31.按导航栏菜单的调整进行了更新调整2.彩票Demo的流程重新进行了梳理，并加入方案呈现界面和“增加一注”的功能LI LimingWangYuliang,WangXiangyu,BaiYu,HuangHuan,LiLimingWeiTao,ChenNing,YangBin2009.06.200.1.3.11.补足彩票功能的提示语LI LimingWangXiangyu,BaiYuUser Interface SpecificationHisunsray 2009Page 3关于文档关于文档1 本文档用于描述高阳圣思园KJAVA版手机支付平台手机软终端UI交互设计文档文档规范：User Interface SpecificationHisunsray 2009Page 4图0-1-控件举例Soft barTitle bar选项1注释文字:注释文字:0选项2选项3功能1功能200.1 客户端使用控件介绍客户端使用控件介绍注释文字:0控件描述:-单选控件：单选控件：焦点处于单选控件行时左右移动焦点改变单选控件状态：焦点处于目标上时目标处于选择状态，另一单选控件处于未被选择控件左右切换控件：左右切换控件：左右切换改变控件中内容显示；Tab页控件：页控件：左右移动依次切换选项1，选项2，选项3Tab页切换控件单选控件左右切换切换控件确定 返回Title bar注释文字:备选内容1Title bar按ok确认键确定 返回Title bar注释文字:备选内容2按ok确认键或者左软键图0-2-下拉框控件举例图0-2-打开下拉框图0-2-下拉框控件举例确定 返回注释文字:缴费金额(元):1000备选内容2备选内容1备选内容1备选内容3备选内容4备选内容5灰色处理 softbar文字User Interface SpecificationHisunsray 2009Page 50.2 软件提示界面风格软件提示界面风格确定 取消icon中国移动手机支付iconiconicon帐户信息帐户查询帐户充值帐户提现iconicon帐户帐户icon是否退出该程序？icon中国移动手机支付iconiconicon帐户信息帐户查询帐户充值帐户提现iconicon帐户帐户icon您是弱实名用户升级将享受更多服务！停留1s，或按任意键取消该界面按左右软键执行相应操作，否则一直显示图00-1图00-2User Interface SpecificationHisunsray 2009Page 61 登录界面登录界面Side up/down:上下移动焦点Num(1-9/0):输入相应字符(*)key:None(#)key:NoneC Key:删除输入内容LSK:执行相应功能RSK:退出软件Left/Right:左右移动焦点Up/Down:上下移动焦点OK:激活焦点目标Send:NoneEnd:None登录 退出手机号码：C按键定义：登录密码：登录界面布局登录界面布局：A.提示语言：提示用户所要填入内容；B.输入框：输入相应提示内容；C.软按键区域：按“登录”进入“2软件主菜单”，按“退出”将会退出整个软件。实现功能实现功能：输入用户明或者电话号码，填入正确的登录密码进入客户端软件，起到验证用户身份的作用。不在本地保存输入记录，每次登录多需要重新输入。设计思路设计思路：大众化的输入格局，功能熟悉，输入为键盘输入BA图1-1-初始登录状态LOGOA-LOGO和口号和口号xxxxxxxxx请输入密码请输入手机号码登录 退出手机号码：登录密码：LOGOxxxxxxxxx请输入密码13444455454|图1-2-焦点处于输入框输入状态记住手机号码记住手机号码激活记住输入的手机号码，下次进入不必重新输入登录 退出手机号码：登录密码：LOGOxxxxxxxxx请输入密码13444455454图1-3-焦点处于选择控件记住手机号码按ok键开启/取消记住手机号码功能，初始为取消状态User Interface SpecificationHisunsray 2009Page 71.1登录等待界面登录等待界面 取消随时随地随身icon中国移动手机支付等待动画重新登录 取消网络连接错误请重新登录icon中国移动手机支付icon图1.1-1登陆等待界面图1.1-2遇到网络错误界面界面介绍界面介绍：1.此界面是登陆等待界面，图中所给icon形状均是示意，具体形式GUI按美观原则来定User Interface SpecificationHisunsray 2009Page 82 软件主菜单主体功能介绍软件主菜单主体功能介绍Side up/down:NoneNum(1-9/0):None(*)key:None(#)key:NoneCamera:NoneLSK:确定进入功能界面RSK:退出软件Left/Right:滚动导航栏Up/Down:上下移动高亮条OK:确认进入功能界面Send:NoneEnd:None确定 退出icon手机钱包主菜单界面布局主菜单界面布局：A.功能导航栏：左右循环滚动菜单，浏览所有功能B.文字提示当前功能：当前功能的文字说明；C.当前服务详细功能列表：呈现该服务的具体服务内容；D.软按键区域：按“确定”进入高亮所在功能界面，按“退出”将会退出整个软件。实现功能实现功能：整体手机端软件功能导航及当前功能详细服务内容呈现设计思路设计思路：快速浏览所有服务功能，并同时呈现该功能的具体服务内容。iconiconicon我的账户帐户明细交易查询iconicon帐户帐户指示箭头功能iconABCD按键定义：图2-1主菜单导航栏切换顺序主菜单导航栏切换顺序：左右滚动菜单，浏览所有功能(从左-右)依次为：优惠应用-帐户-缴费-充值-设置-帮助；User Interface SpecificationHisunsray 2009Page 9确定 退出icon手机钱包iconiconicon登录密码支付密码iconicon设置设置3 设置菜单功能介绍设置菜单功能介绍屏保时间图3-1确定 取消icon中国移动手机支付iconiconicon修改登录密码修改支付密码iconicon设置设置安全参数维护用户销户帐户查询帐户充值帐户提现icon确认要注销支付帐户吗？确定 取消icon中国移动手机支付iconiconicon修改登录密码修改支付密码iconicon设置设置安全参数维护用户销户帐户查询帐户充值帐户提现icon帐户总余额为10元,请清空帐户再继续销户操作单次购买额度登录密码支付密码屏保时间单次购买额度每日交易次数帐户销户列表全部内容：User Interface SpecificationHisunsray 2009Page 10确定 退出iconiconiconicon使用帮助关于iconicon帮助帮助4 帮助菜单功能介绍帮助菜单功能介绍图4-1确定 取消icon中国移动手机支付iconiconicon修改登录密码修改支付密码iconicon设置设置安全参数维护用户销户帐户查询帐户充值帐户提现icon确认要注销支付帐户吗？确定 取消icon中国移动手机支付iconiconicon修改登录密码修改支付密码iconicon设置设置安全参数维护用户销户帐户查询帐户充值帐户提现icon帐户总余额为10元,请清空帐户再继续销户操作关于和使用帮助都进入一个纯文本界面关于和使用帮助都进入一个纯文本界面-关于的内容：关于的内容：中国移动手机支付版本：cmpay1.0.0(kjava版)中国移动有限公司 版权所有客服电话：10086网址：客服邮件： 使用帮助的内容：使用帮助的内容：*账户用户可以查看用户信息/查询账户明细，并且对交易记录进行查询*充值用户可以通过WAP银行或者移动充值卡对账户进行充值*设置用户可以对安全系数：登录密码/支付密码/屏保时间/单次购买限额/每日交易次数进行设置*优惠用户可以在此处对优惠券/优惠商品/折扣商家等进行查询并且使用*缴费用户可以在此处对水/电/燃气的缴费和信用卡还款等服务进行操作*应用用户可以在此安全，快捷的购买彩票/电影票/游戏充值卡并进行医院挂号/保险的支付客服电话：客服电话：10086网址：网址：客服邮件：客服邮件： 手机钱包User Interface SpecificationHisunsray 2009Page 115 帐户菜单功能介绍帐户菜单功能介绍-帐户查询帐户查询-Side up/down:NoneNum(1-9/0):None(*)key:None(#)key:NoneCamera:NoneLSK:确定进入功能界面RSK:退出软件Left/Right:滚动导航栏Up/Down:上下移动高亮条OK:确认进入功能界面Send:NoneEnd:None确定 退出iconiconiconicon帐户明细交易查询iconicon帐户帐户按键定义：返回我的账户手机号码:13444444445当前状态:实名帐户我的账户图5-1帐户管理界面图5-2我的账户界面现金帐户:50.00元红包:10.25元充值卡帐户:100.00元积分:1000.00分手机钱包用户别名:测试User Interface SpecificationHisunsray 2009Page 12选项 返回帐户明细交易日期:20160426交易类型:取现交易金额:100.00元交易日期:20160420交易类型:充值交易金额:150.00元 返回帐户明细会计日期:20160426帐号:10073100000001787交易类型:取现业务编号:xxx交易时间:165003交易状态:N借贷方向:D交易货币:901交易金额:11.0元交易渠道:MPS 返回帐户明细交易类型:取现业务编号:xxx交易时间:165003交易状态:N借贷方向:D交易货币:901交易金额:11.0元交易渠道:MPS高级查询帐户明细查询图5.1-2图5.1-3图5.4-45.1 帐户菜单功能介绍帐户菜单功能介绍-帐户明细帐户明细List选项菜单选项菜单：1.查看详情2.上一页 3.下一页 4.回到首页5.转到末页确定 退出iconiconiconicon我的账户帐户明细交易查询iconicon帐户帐户图5.1-1手机钱包User Interface SpecificationHisunsray 2009Page 13交易查询5 交易管理菜单功能介绍交易管理菜单功能介绍List选项菜单选项菜单：1.查看详情2.上一页 3.下一页 4.回到首页5.转到末页6.支付7.拒付8.申请退款9.确认收货详情选项菜单详情选项菜单：1.支付2.拒付3.申请退款4.确认收货确定 退出iconiconiconicon我的账户帐户明细交易查询iconicon帐户帐户选项 返回订单详情商品编号:88807310001081订单编号:2009050695322订单金额:100.00元下定日期:20090606订单失效日期:20091010订单最后记账日期:20091010商品名称:测试产品商户名称:宏祥手机卖场选项 返回交易查询订单日期:20160426商品名称:测试产品消费金额:10.00元订单日期:20160420商品名称:测试产品消费金额:15.00元高级查询图12-2图12-3订单状态:D手机钱包User Interface SpecificationHisunsray 2009Page 146 高级查询界面功能介绍高级查询界面功能介绍确定 返回icon高级查询起始日期:结束日期:2009010120090122帐户类型:全部类型查询查询选项 返回订单列表查询订单日期:20160426商品名称:游戏点卡消费金额:10.00元订单日期:20160420商品名称:手机充值卡消费金额:30.00元查询失败给出提示并回到交易管理菜单高级查询图6-1图6-2选项菜单选项菜单包括：1.回到首页 2.上翻页 3.下翻页 4.转到末页User Interface SpecificationHisunsray 2009Page 15确定 退出iconiconiconiconWAP银行充值充值卡充值iconicon充值充值图7-1图7-27帐户管理菜单功能介绍帐户管理菜单功能介绍-帐户充值帐户充值确定 返回WAP银行充值WAP银行:中国工商银行充值金额（元）:100进入WAP银行界面帐户类型:现金帐户 返回WAP银行充值帐户明细：类型：充值金额：50元现金帐户余额：150元充值结果查询确认充值完成客户端软件注意：注意：首次进入“充值果查询”按钮置灰，充值完成后返回手机软件端，焦点落在按钮上。点击进行本次充值结果的查询图11-3本次充值结果详情界面回到充值主界面图11-3本次充值结果详情界面点击查询时间：20090603手机钱包User Interface SpecificationHisunsray 2009Page 16确定 退出iconiconiconiconWAP银行充值充值卡充值iconicon充值充值确定 返回充值卡充值充值卡帐户余额：200.00元充值卡密码:图11-1图11-37.1 帐户管理菜单功能介绍帐户管理菜单功能介绍-帐户充值帐户充值*仅限中国移动充值卡,所充金额充入充值卡帐户手机钱包User Interface SpecificationHisunsray 2009Page 17确定 退出iconiconiconicon话费iconicon缴费缴费缴费 返回缴话费充值卡帐户:1600.00缴费 返回缴话费缴费类型:缴费金额(元):支付密码:现金帐户100现金帐户余额:100.00缴费 返回缴话费缴费类型:缴费金额(元):支付密码:现金帐户1000现金帐户充值卡帐户提示：缴费成功或者失败的各种服务器端反馈信息要提示给用户图8-1图8-2 缴话费界面图8-3图8-58 缴费功能介绍缴费功能介绍*余额不足，给出提示界面水费电费燃气费列表内容包括：话费水费电费燃气费信用卡还款缴费类型:现金帐户*此界面进入初始状态,焦点处于第一个输入框内缴费金额(元):100缴费手机:缴费手机:缴费手机:手机钱包确认 取消缴话费充值卡帐户:1600.00现金帐户余额:100.00缴费类型:现金帐户缴费金额(元):100缴费手机:13444444445icon手机号码13444444445充值100元，请确认图8-4 缴话确认界面User Interface SpecificationHisunsray 2009Page 18确定 退出iconiconiconicon优惠卷iconicon优惠优惠选项 返回我的优惠代金券名称:起点币有效期:22000301剩余张数:1500代金券名称:QQ有效期:22000101剩余张数:5选项菜单选项菜单包括：1.回到首页 2.上翻页 3.下翻页 4.转到末页高级查询图15-1图15-28 我的优惠菜单功能介绍我的优惠菜单功能介绍提示：查询失败的各种服务器端反馈信息要提示给用户优惠商品折扣商家手机钱包User Interface SpecificationHisunsray 2009Page 19确定 退出iconiconiconiconiconicon应用应用图17-1确定 返回彩票10 彩票功能介绍彩票功能介绍图17-2进入我的方案：我的方案：可以查询历史中我所投注的号码，投注倍数，追投次数。在平台的交易管理中同样可以查询到相应的交易记录 确定 返回福彩3D投注开奖查询投注记录规则说明图17-2彩票双色球七乐彩时时乐电影票游戏充值医院挂号列表内容包括：列表内容包括：彩票电影票游戏充值医院挂号保险3D福彩手机钱包User Interface SpecificationHisunsray 2009Page 20图17-3确定 返回投注记录种类:福彩3D注数:5注高级查询期号:2009143注数:1注确定 返回福彩3D投注记录投注开奖查询规则说明10 彩票功能介绍彩票功能介绍图17-2我的方案确定 返回规则说明彩票规则投注说明中奖说明图17-6 规则说明界面分别进入关于福彩3D玩法规则，软件投注说明，中奖领取说明，帐户申请和使用说明的文字介绍界面期号:2009146种类:福彩3D彩票规则彩票规则：福彩3D从000999的数字中选择一个三位数进行投注，每注2元。每晚开奖一次，单注最高奖北京980元，其它省1000元投注说明投注说明：我们提供了安全快捷的无线投注应用服务。该应用支持直选，组选，机选，复式，倍投，追号等多种彩票购买方式和玩法，最大可能满足用户的需求。中奖说明中奖说明：中奖查询菜单为您提供福彩3D的开奖信息和中奖信息，通过我的方案可以查看您的投注记录。若您幸运的中奖了，系统将会在中奖次日上午通知您，对于小额奖金（人民币1万元以下），将于中奖次日派入您的帐户，可继续用于投注或者进行提现；对于大奖奖金，按福彩中心规定，需要用户持中奖手机（SIM卡），身份证件（需与注册时确认的证件一致）亲自领奖。详情请拨打客户电话10086了解。返回投注详情种类:福彩3D注数:5注追号:2期方案金额:10元期号:2009146倍投:1倍图17-4User Interface SpecificationHisunsray 2009Page 21 取消开奖查询载入中,请稍候10.1 彩票功能介绍彩票功能介绍-中奖查询界面中奖查询界面图18-1 查询等待界面图18-2 中奖查询界面中奖信息界面中奖查询查询 返回开奖-福彩3D2009146:2,2,12009145:3,9,22009132:3,2,12009131:8,0,1输入期号查询：3D第2009144期：1,9,7按期号查询中奖号码并同时提供最近前五期中奖号码图18-2 中奖查询界面查询 返回开奖-福彩3D3D第2009124期：1,9,7使用期号查询2009124|输入期号查询：开奖-福彩3D|输入期号查询：icon格式错误，请重新输入开奖-福彩3D|输入期号查询：icon内容为空，请填写彩票期号开奖-福彩3D|输入期号查询：icon未找到匹配记录，请确认后重新查询图18-3格式错误提示界面-1图18-3内容为空提示界面-2图18-3未找到匹配记录提示界面-3User Interface SpecificationHisunsray 2009Page 2210.2 彩票功能彩票功能-福彩福彩3D-选号区选号区选号界面彩票功能选号彩票功能选号-支付整体逻辑：支付整体逻辑：方案呈现界面确认投注提示增加注数加入方案直选组合复式票：直选组合复式票：是彩民从09十个数字中选择3个以上（包含3个）不重复的数字，并对这些数字所能组成的所有无重号的组合进行全包投注（注：3个数位上的数字都不相同的号码，无重号）-百位百位346,十位十位015,个位个位245,一共是27种组合号码，需要花费54元，组合分别是：302.304.305.312.314.315.352.354.355.402.404.405.412.414.415.452.454.455.602.604.605.612.614.615.652.654.655.彩票知识简介：彩票知识简介：撤销方案支付返回是否有方案？提示用户有投注方案是否退出，是则返回到福彩3D主界面,否则继续停留在选号界面返回福彩3D主界面有无功能介绍：功能介绍：由于时间的限制，玩法上有一些限制，具体如下：1.每次投注只采用一种方式分为：直选的单式，直选的复式，直选的单式机选 组选的单式，组选的复式，组选的单式机选*每一种方案只有一种投注模式，不可以混杂，如果想改变投注的模式将会清空前一种投注模式的方案User Interface SpecificationHisunsray 2009Page 23图19-1-焦点在单选控件上加入方案 退出福彩3D直选追号:倍投:123456789百012345678901234567890十个1组选单式10.2 彩票功能彩票功能-福彩福彩3D-选号界面选号界面机选:Side up/down:上下移动焦点Num(1-9/0):None(*)key:None(#)key:NoneCamera:NoneLSK:确认投注RSK:返回福彩3D主界面Left/Right:左右移动焦点Up/Down:上下移动焦点OK:选择/取消号码选择Send:NonePower:None按键定义：控件描述控件描述:机选选择范围05，倍投范围15，追号范围1510图19-1-方案呈现界面选项 退出投注方案直选单式投注：投注号码|倍数|追号 369 1倍 2期145 2倍 0期256 1倍 1期图19-1-方案呈现界面选项 退出投注方案直选复式投注：投注号码 百：36 十：0 个：1加入方案选项内容：选项内容：1.再加一注再加一注2.撤销方案撤销方案3.支付支付复式图19-1-方案呈现界面选项 退出投注方案直选单式机选：投注号码|倍数|追号 369 1倍 2期145 1倍 2期256 1倍 2期倍数|追号 1倍|2期 方案合计：共3注，共花费6元方案合计：共2注，共花费4元方案合计：共3注，共花费6元*选号界面初始进入选号界面初始进入,焦点默认在焦点默认在 号码区百号码区百位的位的“0”处，处，*撤销方案，将会把投注方案清空跳转到选撤销方案，将会把投注方案清空跳转到选号区。号区。Side up/down:NoneNum(1-9/0):None(*)key:None(#)key:NoneCamera:NoneLSK:打开选项菜单RSK:返回福彩3D主界面Left/Right:NoneUp/Down:NoneOK:NoneSend:NonePower:None按键定义：User Interface SpecificationHisunsray 2009Page 24图19-1-焦点在单选控件上加入方案10.2 彩票功能彩票功能-福彩福彩3D-选号界面选号界面加入方案 退出福彩3D123456789百012345678901234567890十个Side up/down:上下移动焦点Num(1-9/0):None(*)key:None(#)key:NoneCamera:NoneLSK:确认投注RSK:返回福彩3D主界面Left/Right:左右移动焦点Up/Down:上下移动焦点OK:选择/取消号码选择Send:NonePower:None按键定义：控件描述:-机选选择范围05，倍投范围15，追号范围15追号:倍投:11机选:0组选直选单式复式图19-1-方案呈现界面选项 退出投注方案组选单式投注：投注号码|倍数|追号 369 1倍 1期145 1倍 1期256 1倍 1期图19-1-方案呈现界面选项 退出投注方案组选复式投注：投注号码 百：36 十：0 个：1选项内容：选项内容：1.再加一注再加一注2.撤销方案撤销方案3.支付支付图19-1-方案呈现界面选项 退出投注方案组选单式机选：投注号码|倍数|追号 369 1倍 2期145 1倍 2期256 1倍 2期倍数|追号 1倍|2期 方案合计：共3注，共花费6元方案合计：共2注，共花费4元方案合计：共3注，共花费6元*选号界面初始进入选号界面初始进入,焦点默认在焦点默认在 号码区百号码区百位的位的“0”处，处，Side up/down:NoneNum(1-9/0):None(*)key:None(#)key:NoneCamera:NoneLSK:打开选项菜单RSK:返回福彩3D主界面Left/Right:NoneUp/Down:NoneOK:NoneSend:NonePower:None按键定义：User Interface SpecificationHisunsray 2009Page 2510.2 彩票功能彩票功能-福彩福彩3D-选认投注界面选认投注界面图19-1-方案呈现界面选项 退出投注方案组选单式机选：投注号码|倍数|追号 369 1倍 2期145 1倍 2期256 1倍 2期图19-1-方案呈现界面确定 取消投注方案组选单式机选：投注号码|倍数|追号 369 1倍 2期145 1倍 2期256 1倍 2期帐户查询帐户充值帐户提现icon提交该投注方案，使用手机支付付款？选项内容：选项内容：1.再加一注再加一注2.撤销方案撤销方案3.支付支付支付支付方案合计：共3注，共花费6元User Interface SpecificationHisunsray 2009Page 2610.2 彩票功能彩票功能-福彩福彩3D-选号界面焦点状态选号界面焦点状态加入方案 退出福彩3D单式复式追号:倍投:11机选:012456789百012345678901234567890十个3图19-2-焦点在投注号码上直选组选加入方案 退出福彩3D123456789百012345678901234567890十个追号:倍投:32机选:0左右切换控件直选组选图19-2-焦点在左右选择控件上单式复式福彩3D123456789百012345678901234567890十个追号:倍投:32机选:0直选组选图19-2-位数不足投注的提示界面单式复式帐户查询帐户充值帐户提现icon位数不足，请检查确认 取消福彩3D123456789百012345678901234567890十个追号:倍投:32机选:0直选组选单式复式帐户查询帐户充值帐户提现icon投注模式改变，清空已有方案？图19-2-增加一注时投注模式改变的提示界面User Interface SpecificationHisunsray 2009Page 2710 调用手机支付付款界面介绍调用手机支付付款界面介绍选择手机支付进行付款图20-1 付款界面 icon中国移动手机支付icon支付成功停留一秒，返回前一个界面确认支付当余额不足时,自动跳到银行支付界面支付icon如果失败,给予提示并反馈服务器信息确定 返回应缴纳金额：200元支付密码:现金帐户余额:20.00充值卡帐户余额:70.00现金帐户充值卡帐户icon中国移动手机支付*界面初始进入界面初始进入,焦点默认在焦点默认在 支付密码输入支付密码输入框内，框内，User Interface SpecificationHisunsray 2009Page 2811 购物列表支付确认的提示界面购物列表支付确认的提示界面 icon中国移动手机支付icon订单已提交,完成订购停留一秒，返回前一个界面如果失败,给予提示并反馈服务器信息确定 取消icon中国移动手机支付帐户查询帐户充值帐户提现icon订购了xxxx，应支付 xxxx元订购的商品名称订购的商品价格