中国移动手机支付平台手机端软件kjava版ui交互设计文档v.ppt

Beijing Hisunsray Information Technology Co. Ltd,支付平台_客户端软件,May 25,2009,USER INTERFACE SPECIFICATION,用户界面交互设计文档,Page 2,修订记录,Page 3,关于文档,[1] 本文档用于描述高阳圣思园KJAVA版支付平台软终端UI交互设计文档 文档规范：,Page 4,←,图0-1-控件举例,,,Soft bar,Title bar,,,选项1,注释文字:,注释文字:,,,,,0,,选项2,,选项3,功能1,功能2,,,,0,0.1 客户端使用控件介绍,注释文字:,,,0,,控件描述: --------------------------- 单选控件： 焦点处于单选控件行时左右移动焦点改变单选控件状态：焦点处于目标上时目标处于选择状态，另一单选控件处于未被选择控件 左右切换控件： 左右切换改变控件中内容显示； Tab页控件： 左右移动依次切换选项1，选项2，选项3…,,,,Tab页切换控件,,单选控件,,左右切换切换控件,,,,,确定 返回,Title bar,注释文字:,,备选内容1,,,,Title bar,,按ok确认键,,,确定 返回,Title bar,注释文字:,,备选内容2,,,按ok确认键 或者左软键,图0-2-下拉框控件举例,图0-2-打开下拉框,图0-2-下拉框控件举例,,确定 返回,注释文字:,,缴费金额(元):,1000,,,备选内容2,,备选内容1,备选内容1,备选内容3,备选内容4,备选内容5,灰色处理 softbar文字,Page 5,0.2 软件提示界面风格,←,,,确定 取消,icon,中国移动支付,,,icon,icon,icon,,,帐户信息,帐户查询,帐户充值,帐户提现,icon,icon,帐户,,,icon,是否退出该程序？,,,,icon,中国移动支付,,,icon,icon,icon,,,帐户信息,帐户查询,帐户充值,帐户提现,icon,icon,帐户,,,icon,您是弱实名用户 升级将享受更多服务！,停留1s ，或按任意键取消该界面,按左右软键执行相应操作，否则一直显示,图00-1,图00-2,Page 6,1 登录界面,←,Side up/down: 上下移动焦点 Num(1-9/0): 输入相应字符 (*) key: None (#) key: None C Key: 删除输入内容,LSK: 执行相应功能 RSK: 退出软件 Left/Right: 左右移动焦点 Up/Down: 上下移动焦点 OK: 激活焦点目标 Send: None End: None,,登录 退出,,号码：,,C,按键定义：,,,登录密码：,登录界面布局： A.提示语言：提示用户所要填入内容； B.输入框：输入相应提示内容； C.软按键区域：按“登录”进入“2软件主菜单”，按“退出”将会退出整个软件。

实现功能： 输入用户明或者号码，填入正确的登录密码进入客户端软件，起到验证用户身份的作用不在本地保存输入记录，每次登录多需要重新输入 设计思路： 大众化的输入格局，功能熟悉，输入为键盘输入,B,A,图1-1-初始登录状态,LOGO,,A-LOGO和口号,xxxxxxxxx,请输入密码,请输入号码,,登录 退出,,号码：,,,登录密码：,LOGO,xxxxxxxxx,请输入密码,13444455454|,图1-2-焦点处于输入框输入状态,,记住号码,,记住号码,激活记住输入的号码，下次进入不必重新输入,,登录 退出,,号码：,,,登录密码：,LOGO,xxxxxxxxx,请输入密码,13444455454,图1-3-焦点处于选择控件,,记住号码,√,,,按ok键开启/取消记住号码功能，初始为取消状态,Page 7,1.1登录等待界面,←,,取消,,随时随地随身,icon,中国移动支付,等待 动画,,重新登录 取消,,网络连接错误请重新登录,icon,中国移动支付,icon,,图1.1-1登陆等待界面,图1.1-2遇到网络错误界面,界面介绍： 1.此界面是登陆等待界面，图中所给icon形状均是示意，具体形式GUI按美观原则来定,Page 8,2 软件主菜单主体功能介绍,Side up/down: None Num(1-9/0): None (*) key: None (#) key: None Camera: None,LSK: 确定进入功能界面 RSK: 退出软件 Left/Right: 滚动导航栏 Up/Down: 上下移动高亮条 OK: 确认进入功能界面 Send: None End: None,←,,,确定 退出,icon,钱包,主菜单界面布局： A.功能导航栏：左右循环滚动菜单，浏览所有功能 B.文字提示当前功能：当前功能的文字说明； C.当前服务详细功能列表：呈现该服务的具体服务内容； D.软按键区域：按“确定”进入高亮所在功能界面，按“退出”将会退出整个软件。

实现功能： 整体端软件功能导航及当前功能详细服务内容呈现 设计思路： 快速浏览所有服务功能，并同时呈现该功能的具体服务内容icon,icon,icon,,,我的账户,帐户明细,交易查询,icon,icon,帐户,,,,指示箭头,,功能icon,A,B,,C,,D,按键定义：,图2-1,主菜单导航栏切换顺序： 左右滚动菜单，浏览所有功能(从左-右)依次为： 优惠应用-帐户-缴费-充值-设置-帮助；,Page 9,←,,,确定 退出,icon,钱包,,,icon,icon,icon,,,登录密码,支付密码,,icon,icon,设置,3 设置菜单功能介绍,屏保时间,图3-1,帐户查询,帐户充值,帐户提现,,icon,确认要注销支付帐户吗？,帐户查询,帐户充值,帐户提现,,icon,帐户总余额为10元,请 清空帐户再继续销户操作,,单次购买额度,登录密码,支付密码,屏保时间,,单次购买额度,每日交易次数,帐户销户,列表全部内容：,Page 10,←,,,确定 退出,icon,,,icon,icon,icon,,,使用帮助,关于,,icon,icon,帮助,4 帮助菜单功能介绍,图4-1,帐户查询,帐户充值,帐户提现,,icon,确认要注销支付帐户吗？,帐户查询,帐户充值,帐户提现,,icon,帐户总余额为10元,请 清空帐户再继续销户操作,,关于和使用帮助都进入一个纯文本界面- 关于的内容： 中国移动支付 版本：cmpay1.0.0(kjava版) 中国移动有限公司 版权所有 客服：10086 网址： 客服邮件： cmpay@,使用帮助的内容： *账户 用户可以查看用户信息/查询账户明细，并且对交易记录进行查询 *充值 用户可以通过WAP银行或者移动充值卡对账户进行充值 *设置 用户可以对安全系数：登录密码/支付密码/屏保时间/单次购买限额/每日交易次数进行设置 *优惠 用户可以在此处对优惠券/优惠商品/折扣商家等进行查询并且使用 *缴费 用户可以在此处对水/电/燃气的缴费和信用卡还款等服务进行操作 *应用 用户可以在此安全，快捷的购买彩票/电影票/游戏充值卡并进行医院挂号/保险的支付 客服：10086 网址： 客服邮件： cmpay@,钱包,Page 11,5 帐户菜单功能介绍-帐户查询-,Side up/down: None Num(1-9/0): None (*) key: None (#) key: None Camera: None,LSK: 确定进入功能界面 RSK: 退出软件 Left/Right: 滚动导航栏 Up/Down: 上下移动高亮条 OK: 确认进入功能界面 Send: None End: None,←,,,确定 退出,icon,,,icon,icon,icon,,,,帐户明细,交易查询,icon,icon,帐户,按键定义：,,,返回,我的账户,,号码:13444444445,当前状态:实名帐户,我的账户,,图5-1帐户管理界面,图5-2我的账户界面,现金帐户:50.00元,红包:10.25元,充值卡帐户:100.00元,积分:1000.00分,钱包,用户别名:测试,Page 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-4,5.1 帐户菜单功能介绍-帐户明细,List选项菜单： 1.查看详情 2.上一页 3.下一页 4.回到首页 5.转到末页,,,确定 退出,icon,,,icon,icon,icon,,,我的账户,帐户明细,交易查询,icon,icon,帐户,图5.1-1,钱包,Page 13,←,,交易查询,5 交易管理菜单功能介绍,List选项菜单： 1.查看详情 2.上一页 3.下一页 4.回到首页 5.转到末页 6.支付 7.拒付 8.申请退款 9.确认收货,详情选项菜单： 1.支付 2.拒付 3.申请退款 4.确认收货,,,确定 退出,icon,,,icon,icon,icon,,,我的账户,帐户明细,交易查询,icon,icon,帐户,,,选项 返回,订单详情,,商品编号:88807310001081,订单编号:2009050695322,订单金额:100.00元,下定日期:20090606,订单失效日期:20091010,订单最后记账日期:20091010,商品名称:测试产品,商户名称:宏祥卖场,,,选项 返回,交易查询,,订单日期:20160426,商品名称:测试产品,消费金额:10.00元,,,订单日期:20160420,商品名称:测试产品,消费金额:15.00元,,,高级查询,,图12-2,图12-3,订单状态:D,钱包,Page 14,6 高级查询界面功能介绍,←,,,,确定 返回,icon,高级查询,,起始日期:,,结束日期:,,20090101,20090122,帐户类型:,,全部类型,,查询,,,选项 返回,订单列表查询,,订单日期:20160426,商品名称:游戏点卡,消费金额:10.00元,,,订单日期:20160420,商品名称:充值卡,消费金额:30.00元,,查询失败给出提示并回到交易管理菜单,,高级查询,图6-1,图6-2,选项菜单包括： 1.回到首页 2.上翻页 3.下翻页 4.转到末页,Page 15,←,,,确定 退出,icon,,,icon,icon,icon,,,WAP银行充值,充值卡充值,icon,icon,充值,图7-1,图7-2,7帐户管理菜单功能介绍-帐户充值,,。