手機支付業(yè)務客戶端UI設計規(guī)范講解

1、中國移動通信企業(yè)標準QB-E-050-2011手 機 支 付 業(yè) 務 客 戶 端 UI設計規(guī)范Mobi l e Payment Ser vi ceUI Speci f i c at i on版 本 號 ： 1. 0. 02011- 9- 27 發(fā) 布2011- 9- 27 實 施中國移動通信集團公司發(fā)布QB-E-050-2011目錄前 言 IV1. 范圍 12. 規(guī)范性引用文件 13. 術語、定義和縮略語 14. 規(guī)范說明 25. 手機支付客戶端總體要求 35.1. 程 序圖標及登錄入口 35.2. 通 用要求 35.3. 通 用界面模板定義 35.3.1 通用界面模板查詢界面 . 35.3.

2、2 通用界面模版高級查詢界面. 45.3.3 通用界面模版生活繳費 . 55.3.4 通用界面模版繳費支付 . 65.3.5 通用界面模版修改密碼界面. 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

3、 賬戶明細 1610.4.1 賬戶明細界面 . 1610.4.2 賬戶明細詳情界面 . 1610.4.3 賬戶明細高級查詢界面 . 1710.5 訂單查詢 1710.5.1 訂單查詢界面 . 1710.5.2 訂單查詢詳情界面 . 1810.5.3 未支付訂單詳情界面 . 1910.5.4 訂單查詢高級查詢界面 . 2010.6 提現 2010.6.1 提現界面 . 20QB-E-050-201110.6.2 提現申請界面 . 2110.6.3 提現記錄 . 2211. 應用. 2311.1 應用的主要流程圖 2311.2 應用界面 2411.3 生活繳費 2411.3.1 繳水費 . 251

4、1.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 付款記錄 . 3911.5.5 收款記錄 . 4111.6 營業(yè)廳 4211.7 應用下載（可選） 4311.7.1 應用下載界面 . 4311.7.2 應用下載詳情界面

5、 . 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. 提示語 . 54IIQB-E-050-201115.1 提示語的主要流程圖 5415.2 異常退出提

6、示信息 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. 編制歷史 . 62IIIQB-E-050-2011本標準主要針對手機支付客戶端業(yè)務基本應用的用戶界面 本標準提供了手機支付客戶端主要界面的用戶界面指南。本標準是手機支付業(yè)務客戶端系列標

7、準之一， 該系列標準的結構、 名稱如下：序號標準編號標準名稱1QB-D-011-2009手機支付業(yè)務規(guī)范總冊及遠程支付分冊2QB-E-049-2011手機支付業(yè)務客戶端規(guī)范3QB-E-050-2011手機支付業(yè)務客戶端 UI 設計規(guī)范4QB-F-003-2011手機支付業(yè)務客戶端安全技術規(guī)范本標準由中移技 2011274號印發(fā)本標準由中國移動通信集團公司數據部提出，集團公司技術部歸口 本標準起草單位：中國移動通信研究院 本標準主要起草人：丁麗娟、任鵬、任曉明IVQB-E-050-20111. 范圍本標準提供了手機支付客戶端的用戶界面指南。 為了提升未來的數據業(yè)務， 需要合作廠 商和合作單位共同

8、推進終端用戶界面的友好性， 因此需要合作廠商在生產相關的終端設備時 參照該標準。在本標準中， 所有相關的流程以及交互行為等應按照本標準的規(guī)定執(zhí)行。 需注意， 這份 標準中包含了手機支付客戶端用戶界面的結構和構想， 但并不包含手機支付客戶端界面的所 有目錄和行為。2. 規(guī)范性引用文件下列文件中的條款通過本標準的引用而成為本標準的條款。 凡是注日期的引用文件， 其 隨后所有的修改單（不包括勘誤的內容） 或修訂版均不適用于本標準， 然而，鼓勵根據本標 準達成協(xié)議的各方研究是否可使用這些文件的最新版本。 凡是不注日期的引用文件， 其最新 版本適用于本標準。表 2-1 規(guī)范性引用文件序號標準編號標準名稱

9、1QB-D-011-2009手機支付業(yè)務規(guī)范總冊及遠程支付分冊2手機支付業(yè)務客戶端規(guī)范3手機支付業(yè)務客戶端安全技術規(guī)范3. 術語、定義和縮略語在手機支付業(yè)務中， 主賬戶中的余額分為兩類， 分別為可提現和不可提現余額； 在界面 展現上分別體現為現金賬戶和充值卡賬戶；在本規(guī)范中使用了“必須”、“推薦”、和“可選”等詞匯來描述對客戶端要求的強調 程度。“必須”項是指客戶端 UI所必須提供的功能或交互要求；“推薦”項是指在標準中未作硬性要求，但建議客戶端 UI 提供的功能或交互要求； “可選” 項指在目前看來是中國移動需求的發(fā)展方向， 或客戶端 UI在目前階段可不提供 的功能或交互要求。目前階段：從本

10、版本發(fā)布之日截至到下一個版本發(fā)布日期。表 3-1 規(guī)范術語說明序號術語術語說明1屏幕描述表示該界面中必須包含的信息內容，例如界面中的文字排布，顯示信息等，硬性要求的文本均以雙引號標注。QB-E-050-2011表3-1 規(guī)范術語說明（續(xù)）序號術語術語說明2用戶輸入表示該界面必須包含的用戶輸入項，例如：密碼輸入框。具體控件 根據終端界面風格選擇。3功能區(qū)表示該界面中所需要實現的全部功能操作，具體實現方式由終端界 面風格決定。在某些終端界面風格中，功能區(qū)的全部操作均可顯示 在選項菜單中；但也允許功能區(qū)內的某些操作可置于界面之上。例 如“返回”功能。4優(yōu)先級如序號 排列表明這些交互組件必須按照優(yōu)先級

11、的順序排列。優(yōu)先級高，表明用 戶經常進行的任務（相對優(yōu)先級低的），必須在界面上以某種方式 與優(yōu)先級低的有所區(qū)別，例如優(yōu)先級高選項放在菜單的前部，優(yōu)先 級低選項放在菜單的后部等。5通用界面模板指在手機支付應用中通用界面模版，為方便起見，統(tǒng)一說明。例如【查詢界面】、【高級查詢】等6TAB頁簽類似如下的交互控件：Tab1 Tab2 Tab3 或其它類似于 TAB頁簽的形式， （ 類TAB頁簽指的是，類似 TAB可以實現信息層疊的交互組件）4. 規(guī)范說明流程圖說明：（必須） 手機支付業(yè)務客戶端流程必須按照各章節(jié)流程圖設計，流程必須包含規(guī)范內所述流程、及涉及的界面，標明可選的除外。其他說明： 本規(guī)范沒有

12、涉及之處，不做規(guī)范要求。 規(guī)范中，界面圖例僅為示意，不做規(guī)范要求。 規(guī)范中，通用界面模板是指為功能類似，界面布局一致的界面提供通用的模板示例。 規(guī)范中，除了明確指明為 “推薦”、“可選”外，均為必須要求。規(guī)范中， 界面功能入口表明在該界面中需要提供該功能入口，可以為觸屏觸區(qū)， 也可以為硬鍵，或菜單入口。規(guī)范中， 所有屏幕描述中表明的內容， 標明該功能入口或界面元素必須存在。 但無特別 說明的，對功能入口和界面元素的表現方式不做規(guī)范要求。規(guī)范中， 所有功能區(qū)入口的優(yōu)先級使用時符合終端平臺原則，如，某些終端按照從上到下優(yōu)先級降序。QB-E-050-20115. 手機支付客戶端總體要求5.1. 程序

13、圖標及登錄入口（必須）手機支付應用圖標，必須使用下圖所示圖標（圖 5-1 手機支付業(yè)務圖標）； （必須） 手機支付應用在終端的登錄入口 （登錄入口指的是， 在手機終端中調起該應用 的入口，例如某些終端， 登錄入口置于主菜單下） 必須使用下面圖標， 其名稱為 “手機支付”圖 5-1 手機支付業(yè)務圖標5.2. 通用要求以下內容均為手機支付業(yè)務中最基本的UI 需求， 如無特殊提示， 此規(guī)范均需遵守以下規(guī)則。（必須） 所有界面必須提供返回上一級界面的功能入口，如果界面的上一級為中間跳轉界面，則此時應返回至中間跳轉界面之前的界面。（必須）若界面出現“是”與“否”的操作，則“是”與“否”的具體界面名稱和終

14、端 界面風格保持一致，例如“確定”與“取消”。提示語也可根據終端界面風格做少量變更。（推薦）在任何含有查詢項的界面【賬戶明細】、【交易記錄】、【繳費記錄】、【話 費記錄】、【付款記錄】、【收款記錄】等，用ICON視覺方式提示用戶各查詢項的類別。5.3. 通用界面模板定義5.3.1 通用界面模板查詢界面該界面（圖 5-2 查詢界面模版） 作為【賬戶明細】 、【交易記錄】 、【繳費記錄】 、【話 費記錄】、【付款記錄】、【收款記錄】、【提現記錄】的設計模版進行參考。界面設計示意：QB-E-050-2011屏幕描述：1、（必須）顯示當前界面的標題，比如：賬戶明細。2、（必須）用列表形式顯示用戶所需查

15、詢的相應信息。3、（必須）列表的排序默認按照時間順序排列。 功能區(qū)（優(yōu)先級如序號排列）：表 5-1 查詢界面操作說明表序號入口名稱入口要求 程度入口說明以下為功能區(qū)中包含的所有操作，其中某些功能可以被置于屏幕上。功能區(qū)的入口 優(yōu)先級如序號排列。1查看詳情必須至相應查詢結果的詳情頁面2高級查詢必須至【 5.3.2 通用界面模版高級查詢】5.3.2 通用界面模版高級查詢界面該界面（圖 5-3 高級查詢界面模版）作為【賬戶明細】、 【交易記錄】、 【繳費記錄】、 【話費記錄】、【付款記錄】、【收款記錄】、【提現記錄】等的高級查詢界面的設計模版 進行參考。QB-E-050-2011圖 5-3 高級查詢

16、界面模板屏幕描述：1、（必須）顯示當前界面的標題，比如：賬戶明細。2、（必須）內容區(qū)顯示起始日期和結束日期（結束日期默認為當天日期）的輸入區(qū)；3、（必須）在部分繳費界面提供篩選框（比如，繳費項目）供用戶選擇要查詢的類別； 用戶輸入：1、（必須）輸入起始和結束日期；功能區(qū)（優(yōu)先級如序號排列）：表 5-2 高級查詢界面操作說明表序號入口名稱入口要 求程度入口說明以下為功能區(qū)中包含的所有操作，其中某些功能可以被置于屏幕上。功能區(qū)的入口 優(yōu)先級如序號排列。1查詢必須至相應查詢結果的詳情頁面5.3.3 通用界面模版生活繳費該界面作為（圖 5-4 生活繳費模版）【繳水費】、【繳電費】、【繳煤氣費】、【通訊

17、 費】等生活繳費界面的設計模版進行參考。QB-E-050-2011圖 5-4 生活繳費模板屏幕描述：1、（必須）顯示當前界面的標題，比如：繳水費。2、（必須）顯示用戶現金賬戶的余額；3、（必須）顯示收費地區(qū)、單位等需要在繳費填寫或選擇的項目（繳水費根據地區(qū)不 同會有兩種繳費形式，參見圖 5-4 ）；功能區(qū)（優(yōu)先級如序號排列）：表 5-3 生活繳費界面操作說明表序號入口名稱入口要 求程度入口說明以下為功能區(qū)中包含的所有操作，其中某些功能可以被置于屏幕上。功能區(qū)的入口 優(yōu)先級如序號排列。1繳費必須至【 5.3.4 通用界面模版 繳費支付】5.3.4 通用界面模版繳費支付該界面（圖5-5 繳費支付界

18、面模板） 作為【繳水費】 、【繳電費】 、【繳煤氣費】 、【通 訊費】等的支付界面的設計模版進行參考。QB-E-050-2011圖 5-5 繳費支付界面模板屏幕描述：1、（必須）顯示當前界面的標題，比如：繳水費。2、（必須）顯示用戶現金賬戶的余額、用戶自己輸入的繳費項目、號碼、單位等信息；3、（必須）支付密碼輸入框；功能區(qū)（優(yōu)先級如序號排列）：表 5-4 繳費支付界面操作說明表序號入口名稱入口要 求程度入口說明以下為功能區(qū)中包含的所有操作，其中某些功能可以被置于屏幕上。功能區(qū)的入口 優(yōu)先級如序號排列。1確定必須提示用戶支付成功或失敗5.3.5 通用界面模版修改密碼界面該界面作為【登錄密碼】、【

19、支付密碼】的設計模版進行參考。QB-E-050-2011圖 5-6 修改密碼界面模版屏幕描述：1、（必須）顯示當前界面的標題，比如：修改登錄密碼。2、（必須）顯示輸入舊密碼、新密碼、確認新密碼的輸入框；3、（必須）顯示相應密碼格式的提示語內容；用戶輸入：（必須）用戶需要依次輸入舊密碼、新密碼、確認新密碼； 功能區(qū)（優(yōu)先級如序號排列）：表5-5 修改密碼界面操作說明表序號入口名稱入口要 求程度入口說明以下為功能區(qū)中包含的所有操作，其中某些功能可以被置于屏幕上。功能區(qū)的入口 優(yōu)先級如序號排列。1修改必須提示用戶修改密碼成功或失敗；QB-E-050-20116. 啟動手機支付客戶端6.1 啟動手機支

20、付客戶端的界面圖 6-1 啟動手機支付客戶端的界面屏幕描述：（必須）手機支付圖標、手機支付文字、表示動態(tài)進度的交互控件，加載數據提示語。 其中，用戶必須能夠從交互控件中讀出加載的情況。6.2 選擇接入點（可選）界面設計示意圖：圖6-2 選擇接入點QB-E-050-2011屏幕描述：（可選）提供可供選擇的接入點： WLAN（當前已接入 WLAN連接）， CMNE，T CMWA；P 功能區(qū)（優(yōu)先級如序號排列）：表 6-1 選擇接入點界面操作說明表序號入口名稱入口要 求程度入口說明以下為功能區(qū)中包含的所有操作，其中某些功能可以被置于屏幕上。功能區(qū)的入口優(yōu)先級如序號排列。1選擇必須至【 7.2 登錄界

21、面】，根據選擇接入點的不同，如果選 擇的是 CMWAP 的方式，則會獲取用戶手機號到手機 號輸入框內；7. 登錄7.1 登錄的主要流程圖圖 7-1 登錄流程7.2 登錄界面界面設計示意：圖 7-2 登錄界面 屏幕描述：1、（必須）手機支付圖標、手機支付文字；10QB-E-050-20112、（必須） 手機號碼輸入框； 如果是通過 CMWA連P接，則手機號碼已經顯示在登錄框內；3、（必須）登錄密碼輸入框；用戶輸入 :1、（必須）手機號碼；2、（必須）登錄密碼；3、（推薦）自動登錄，默認不勾選； 功能區(qū)（優(yōu)先級如序號排列）：表 7-1 登錄界面操作說明表序號入口名稱入口要 求程度入口說明以下為功能

22、區(qū)中包含的所有操作，其中某些功能可以被置于屏幕上。功能區(qū)的入口 優(yōu)先級如序號排列。1登錄必須至【 9.2 主界面】2注冊新用戶必須至【8.2 注冊界面】8. 注冊8.1 注冊的主要流程圖圖 8-1 注冊流程8.2 注冊界面界面設計示意：11QB-E-050-2011圖 8-2 注冊界面屏幕描述：1、（必須）注冊標題；2、（必須）手機號碼的輸入框，如果是CMWA登P 錄將能自動獲取號碼；3、（必須）登錄密碼、支付密碼的輸入框以及開戶協(xié)議的勾選項； 用戶輸入 :1、（必須）手機號碼，如果是 CMWA登P 錄將能自動獲取號碼；2、（必須）登錄密碼；3、（必須）支付密碼；4、（必須）開戶協(xié)議，默認為已

23、勾選；功能區(qū)（優(yōu)先級如序號排列）表 8-1 注冊界面操作說明表序號入口名稱入口要 求程度入口說明以下為功能區(qū)中包含的所有操作，其中某些功能可以被置于屏幕上。功能區(qū)的入口優(yōu)先級如序號排列。1注冊必須提示注冊成功，進入登錄界面129. 主界面9.1 主界面的主要流程圖QB-E-050-2011圖 9-1 主界面流程9.2 主界面界面設計示意：圖 9-2 主界面示意屏幕描述：1、（必須）顯示當前界面的標題“手機支付”。2、（必須）包含“賬戶”、“應用”、“充值”、“安全”四個分類。這四個分類必 須使用 TAB頁簽或類 TAB頁簽的交互組件實現。 （類TAB頁簽指的是， 類似 TAB可以實現信息層 疊

24、的交互組件，必須實現 3步之內能夠從“賬戶”、“應用”、“充值”、“安全”中任意13QB-E-050-2011一個跳轉至 “賬戶” 、“應用” 、“充值” 中的任意一個， 但可以有其他的視覺形式） ；（具 體TAB下的內容在具體章節(jié)中描述）。功能區(qū)（優(yōu)先級如序號排列）： （注：在后面的各 TAB頁描述中不再重復功能區(qū)的操作）表 9-1 主界面操作說明表序號入口名稱入口要 求程度入口說明以下為功能區(qū)中包含的所有操作，其中某些功能可以被置于屏幕上。功能區(qū)的入口 優(yōu)先級如序號排列。1確定 / 切 換 （僅限鍵 盤機）必須光標在 TAB時，顯示為“切換” ，點擊可以在不同 TAB 頁切換；當光標在下面

25、的 ICON 時，點擊進入相應的 界面，比如點擊“賬戶查詢”進入“賬戶查詢”界面2檢查更新必須至【 16 檢查更新】3關于必須至【 17.1 關于界面】4幫助必須至【 18.1 幫助界面】5退出必須退出客戶端10. 賬戶10.1 賬戶的主要流程圖圖 10-1 賬戶流程10.2 賬戶界面界面設計示意：14QB-E-050-2011圖 10-2 賬戶界面示意屏幕描述：1、（必須）賬戶查詢，至【 10.3 賬戶查詢界面】；2、（必須）賬戶明細，至【 10.4 賬戶明細界面】；3、（必須）訂單查詢，至【 10.5 訂單查詢界面】；4、（必須）提現，至【 10.6 提現界面】；10.3 賬戶查詢10.3

26、.1 賬戶查詢界面界面設計示意：圖 10-3 賬戶查詢界面示意 屏幕描述：1、（必須）“賬戶查詢”，界面標題；2、（必須）“手機號碼”，顯示用戶的手機號碼信息；15QB-E-050-20113、（必須）“當前狀態(tài)”，顯示用戶當前手機支付賬戶狀態(tài)，區(qū)分：實名用戶、弱實 名用戶；4、（可選）“用戶昵稱”，顯示用戶在手機支付上填寫的昵稱；5、（必須）“現金賬戶”，顯示用戶當前現金賬戶余額；6、（可選）“充值卡賬戶”，顯示用戶當前充值卡賬戶余額；7、（可選）“紅包”，顯示用戶當前紅包余額；10.4 賬戶明細10.4.1 賬戶明細界面界面參考【 5.3.1 通用界面模板查詢界面】 屏幕描述：1、（必須）

27、“賬戶明細”，界面標題。2、（必須）“交易時間”，顯示該條目交易的時間。3、（必須）“交易類別”。4、（必須）“交易金額”。 功能區(qū)（優(yōu)先級如序號排列）：表 10-1 賬戶明細界面操作說明表序號入口名稱入口要 求程度入口說明以下為功能區(qū)中包含的所有操作，其中某些功能可以被置于屏幕上。功能區(qū)的入口 優(yōu)先級如序號排列。1查看詳情必須至【 10.4.2 賬戶明細詳情界面】2高級查詢必須至【 10.4.3 賬戶明細高級查詢界面】10.4.2 賬戶明細詳情界面界面設計示意：圖 10-4 賬戶明細詳情界面16QB-E-050-2011屏幕描述：1、（必須）“賬戶明細”，界面標題；2、（必須）“交易日期”；

28、3、（必須）“交易日志號”；4、（必須）“交易類別”；5、（必須）“交易時間”；6、（必須）“交易渠道”；7、（必須）“交易金額”；8、（必須）“賬戶類型”，顯示交易的賬戶類型；9、（必須）“賬戶余額”，顯示交易后的賬戶余額；10.4.3 賬戶明細高級查詢界面界面參考【 5.3.2 通用界面模版高級查詢】屏幕描述：1、（必須）“高級查詢”，界面標題；2、（必須）“起始時間”；3、（必須）“結束時間”；4、（必須）“賬戶類型”，選擇項：所有（默認選擇項），現金賬戶（必須）、充值卡賬戶（可選）、紅包（可選）；用戶輸入： 用戶輸入起始時間和結束時間，并選擇相應的賬戶類型； 功能區(qū)（優(yōu)先級如序號排列）

29、：表 10-2 賬戶明細高級查詢界面操作說明表序號入口名稱入口要 求程度入口說明以下為功能區(qū)中包含的所有操作，其中某些功能可以被置于屏幕上。功能區(qū)的入口 優(yōu)先級如序號排列。1查詢必須至【 10.4.1 賬戶明細界面】10.5 訂單查詢10.5.1 訂單查詢界面界面參考【 5.3.1 通用界面模版查詢界面】 屏幕描述：1、（必須）“訂單查詢”，顯示當前界面的標題。2、（必須）“交易時間”。3、（必須）“交易名稱”。4、（必須）“交易金額”。功能區(qū)（優(yōu)先級如序號排列）：17QB-E-050-2011表10-3 訂單查詢界面操作說明表序號入口名稱入口要 求程度入口說明以下為功能區(qū)中包含的所有操作，其

30、中某些功能可以被置于屏幕上。功能區(qū)的入口 優(yōu)先級如序號排列。1支付訂單必須光標處于未支付的訂單項目時，則功能列表中添加此 項，用于對未支付的訂單進行支付操作， 點擊至【 10.5.3 未支付訂單查詢詳情界面】 ；2查看詳情必須至【 10.5.2 訂單查詢詳情界面】 【10.5.3 未支付訂單查 詢詳情界面】 ；3高級查詢必須至【 10.5.4 交易記錄高級查詢界面】特別說明： 此界面的信息排列，按照訂單狀態(tài)進行排列，未支付訂單排前。 對未支付訂單 ICON需特別設計。10.5.2 訂單查詢詳情界面界面設計示意：圖 10-5 訂單查詢詳情界面 屏幕描述：1、（必須）“訂單詳情”，界面標題；2、（

31、必須）“訂單編號”；3、（必須）“商戶名稱”；4、（必須）“交易時間”；5、（必須）“失效日期”；6、（必須）“商戶編號”；7、（必須）“商戶名”；8、（必須）“交易金額”；9、（必須）“交易類型”；10、（必須）“訂單狀態(tài)”；18QB-E-050-201110.5.3 未支付訂單詳情界面界面設計示意：圖 10-6 未支付訂單詳情界面屏幕描述：1、（必須）“訂單編號”；2、（必須）“商戶名稱”；3、（必須）“交易時間”；4、（必須）“失效日期”；5、（必須）“商戶編號”；6、（必須）“商戶名”；7、（必須）“交易總價”；8、（必須）“交易類型”；9、（必須）“訂單狀態(tài)”；10、（必須） “選擇

32、支付賬戶”，可選賬戶有現金賬戶（必須），充值卡賬戶（可選）， 紅包（可選）；11、（必須）“輸入支付密碼”；用戶輸入：（必須）支付密碼；功能區(qū)（優(yōu)先級如序號排列）：表 10-4 未支付訂單詳情界面操作說明表序號入口名稱入口要 求程度入口說明以下為功能區(qū)中包含的所有操作，其中某些功能可以被置于屏幕上。功能區(qū)的入口優(yōu)先級如序號排列。1繼續(xù)支付必須彈出支付二次確認提示信息，至【 15.4.1 訂單支付類 界面】19QB-E-050-201110.5.4 訂單查詢高級查詢界面界面參考【 5.3.2 通用界面模版高級查詢】屏幕描述：1、（必須）“高級查詢”，界面標題；2、（必須）“起始時間”；3、（必須

33、）“結束時間”；4、（必須）“訂單類型”，選擇項：所有（默認），進行中，成功，失?。挥脩糨斎耄河脩糨斎肫鹗紩r間和結束時間，并選擇相應的訂單類型； 功能區(qū)（優(yōu)先級如序號排列）：表 10-5 交易記錄高級查詢界面操作說明表序號入口名稱入口要 求程度入口說明以下為功能區(qū)中包含的所有操作，其中某些功能可以被置于屏幕上。功能區(qū)的入口 優(yōu)先級如序號排列。1查詢必須至【 10.5.1 訂單查詢界面】10.6 提現10.6.1 提現界面界面設計示意屏幕描述：1、（必須）“提現”，界面標題；20QB-E-050-20112、（必須）“提現申請”，至【 10.6.2 提現申請界面】；3、（必須）“提現記錄查詢”，

34、至【 10.6.3.1 提現記錄界面】；10.6.2 提現申請界面界面設計示意：圖 10-8 提現申請界面屏幕描述：1、（必須）“提現申請”，界面標題；2、（必須）“提現銀行”，顯示提現銀行名；3、（必須）“持卡人”，顯示持卡人姓名；4、（必須）“銀行卡”，只顯示銀行卡的4位尾數，前面數字用“ X”代替；5、（必須）“現金賬戶”，顯示現金賬戶余額；6、（必須）“提現金額”；7、（必須）“支付密碼”；用戶輸入：1、（必須）輸入提現金額；2、（必須）輸入支付密碼； 功能區(qū)（優(yōu)先級如序號排列）：表 10-6 提現申請界面操作說明表序號入口名稱入口要 求程度入口說明以下為功能區(qū)中包含的所有操作，其中某

35、些功能可以被置于屏幕上。功能區(qū)的入口 優(yōu)先級如序號排列。1提現必須提交提現申請，并提示用戶系統(tǒng)將進行提現審批，需 要在 2-3 個工作日后才能將資金真實的轉入到用戶所 綁定的銀行卡中；提示后返回【 10.6.1 提現界面】 ；21QB-E-050-201110.6.3 提現記錄10.6.3.1 提現記錄界面界面參考【 5.3.1 通用界面模版查詢界面】 屏幕描述：1、（必須）“提現記錄”，顯示當前界面的標題。2、（必須）“提現時間”。3、（必須）“提現金額”。4、（必須）“提現銀行卡”。 功能區(qū)（優(yōu)先級如序號排列）：表10-7 提現記錄界面操作說明表序號入口名稱入口要 求程度入口說明以下為功能

36、區(qū)中包含的所有操作，其中某些功能可以被置于屏幕上。功能區(qū)的入口 優(yōu)先級如序號排列。1查看詳情必須至【 10.6.3.2 提現記錄詳情界面】2高級查詢必須至【 10.6.3.3 提現記錄高級查詢界面】10.6.3.2 提現記錄詳情界面界面設計示意圖 10-9 提現記錄詳情界面 屏幕描述：1、（必須）“提現記錄詳情”，界面標題；2、（必須）“提現時間”；3、（必須）“提現銀行卡”；4、（必須）“銀行卡所屬銀行”；5、（必須）“提現金額”；22QB-E-050-201110.6.3.3 提現記錄高級查詢界面參考【 5.3.2 通用界面模版高級查詢】屏幕描述：1、（必須）“高級查詢”，界面標題；2、（

37、必須）“起始時間”；3、（必須）“結束時間”；用戶輸入： 用戶輸入起始時間和結束時間； 功能區(qū)（優(yōu)先級如序號排列）：表 10-8 提現記錄高級查詢界面操作說明表序號入口名稱入口要 求程度入口說明以下為功能區(qū)中包含的所有操作，其中某些功能可以被置于屏幕上。功能區(qū)的入口 優(yōu)先級如序號排列。1查詢必須至【 10.6.3.1 提現記錄界面】11. 應用11.1 應用的主要流程圖圖 11-1 應用流程23QB-E-050-201111.2 應用界面界面設計示意：圖 11-2 應用界面屏幕描述：1、（必須）“手機支付”，界面標題；2、（必須）“繳話費”，至【11.4.1 繳話費界面】；3、（必須）“收付款

38、”，至【11.5.1 收付款界面】；4、（必須）“營業(yè)廳”，至【11.6 營業(yè)廳界面】；5、（必須）“生活繳費”，至【11.3 生活繳費界面】；6、（可選）“應用下載”，至【11.7.1 應用下載界面】11.3 生活繳費界面設計示意：24QB-E-050-2011屏幕描述：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繳費

39、記錄界面】；11.3.1 繳水費11.3.1.1 繳水費界面界面參考【 5.3.3 通用界面模版生活繳費】屏幕描述：1、（必須） “繳水費”，界面標題；2、（必須）“現金賬戶余額”，顯示現金賬戶當前余額；3、（必須）“收費地區(qū)（?。保x擇收費地區(qū)；4、（必須）“收費地區(qū)（市）”，選擇收費地區(qū)；5、（必須）“收費單位”，選擇收費單位；6、（必須）“用戶號 / 條形碼”，由繳費單位不同而異輸入不同的信息；7、（必須）“繳費金額”，是否需要輸入繳費金額由繳費單位不同而異； 用戶輸入：1、（必須）輸入用戶號或條形碼，由繳費單位不同而異輸入不同的信息；2、（必須）輸入繳費金額，是否需要輸入繳費金額由繳

40、費單位不同而異；功能區(qū)（優(yōu)先級如序號排列）：表 11-1 繳水費界面操作說明表序號入口名稱入口要 求程度入口說明以下為功能區(qū)中包含的所有操作，其中某些功能可以被置于屏幕上。功能區(qū)的入口 優(yōu)先級如序號排列。1確定必須至【 11.3.1.2 繳水費支付界面】11.3.1.2繳水費支付界面參考【 5.3.4 通用界面模版繳費支付】 屏幕描述： 1、（必須）“繳水費”，界面標題； 2、（必須）“現金賬戶余額”； 3、（必須）“繳費項目”； 4、（必須）“繳費號碼”；25QB-E-050-20115、（必須）“收費單位”；6、（必須）“繳費金額”；7、（必須）“支付密碼”，支付密碼輸入區(qū)； 用戶輸入：用

41、戶需要輸入支付密碼；功能區(qū)（優(yōu)先級如序號排列）：表 11-2 繳水費支付界面操作說明表序號入口名稱入口要 求程度入口說明以下為功能區(qū)中包含的所有操作，其中某些功能可以被置于屏幕上。功能區(qū)的入口優(yōu)先級如序號排列。1確定必須上傳繳費請求，信息確認提示后，至【 11.3 生活繳費 界面】11.3.2 繳電費11.3.2.1 繳電費界面界面參考【 5.3.3 通用界面模版生活繳費】 屏幕描述：1、（必須）“繳電費”，界面標題；2、（必須）“現金賬戶余額”，顯示現金賬戶當前余額；3、（必須）“收費地區(qū)（?。保x擇收費地區(qū)；4、（必須）“收費地區(qū)（市）”，選擇收費地區(qū)；5、（必須）“收費單位”，選擇收費

42、單位；6、（必須）“用戶號 / 條形碼”，由繳費單位不同而異輸入不同的信息；7、（必須）“繳費金額”，是否需要輸入繳費金額由繳費單位不同而異； 用戶輸入：1、（必須）輸入用戶號或條形碼，由繳費單位不同而異輸入不同的信息；2、（必須）輸入繳費金額，是否需要輸入繳費金額由繳費單位不同而異； 功能區(qū)（優(yōu)先級如序號排列）：表 11-3 繳電費支付界面操作說明表序號入口名稱入口要 求程度入口說明以下為功能區(qū)中包含的所有操作，其中某些功能可以被置于屏幕上。功能區(qū)的入口 優(yōu)先級如序號排列。1確定必須至【 11.3.2.2 繳電費支付界面】11.3.2.2 繳電費支付界面界面參考【 5.3.4 通用界面模版繳

43、費支付】 屏幕描述：1、（必須）“繳電費”，界面標題；26QB-E-050-20112、（必須）“現金賬戶余額”；3、（必須）“繳費項目”；4、（必須）“繳費號碼”；5、（必須）“收費單位”；6、（必須）“繳費金額”；7、（必須）“支付密碼”，支付密碼輸入區(qū)；用戶輸入：用戶需要輸入支付密碼；功能區(qū)（優(yōu)先級如序號排列）：表 11-4 繳電費支付界面操作說明表序號入口名稱入口要 求程度入口說明以下為功能區(qū)中包含的所有操作，其中某些功能可以被置于屏幕上。功能區(qū)的入口優(yōu)先級如序號排列。1確定必須上傳繳費請求，信息確認提示后，至【 11.3 生活繳費 界面】11.3.3 繳煤氣費11.3.3.1 繳煤氣

44、費界面界面參考【 5.3.3 通用界面模版生活繳費】屏幕描述：1、（必須） “繳煤氣費”，界面標題。2、（必須）“現金賬戶余額”，顯示現金賬戶當前余額；3、（必須）“收費地區(qū)（省）”，選擇收費地區(qū)；4、（必須）“收費地區(qū)（市）”，選擇收費地區(qū)；5、（必須）“收費單位”，選擇收費單位；6、（必須）“用戶號 / 條形碼”，由繳費單位不同而異輸入不同的信息；7、（必須）“繳費金額”，是否需要輸入繳費金額由繳費單位不同而異； 用戶輸入：1、（必須）輸入用戶號或條形碼，由繳費單位不同而異輸入不同的信息；2、（必須）輸入繳費金額，是否需要輸入繳費金額由繳費單位不同而異； 功能區(qū)（優(yōu)先級如序號排列）：表11

45、-5 繳煤氣費界面操作說明表序號入口名稱入口要 求程度入口說明以下為功能區(qū)中包含的所有操作，其中某些功能可以被置于屏幕上。功能區(qū)的入口 優(yōu)先級如序號排列。1確定必須至【 11.3.3.2 繳煤氣費支付界面】27QB-E-050-201111.3.3.2 繳煤氣費支付界面界面參考【 5.3.4 通用界面模版繳費支付】 屏幕描述： 1、（必須）“繳煤氣費”，界面標題；2、（必須）“現金賬戶余額”；3、（必須）“繳費項目”；4、（必須）“繳費號碼”；5、（必須）“收費單位”；6、（必須）“繳費金額”；7、（必須）“支付密碼”，支付密碼輸入區(qū)； 用戶輸入：用戶需要輸入支付密碼； 功能區(qū)（優(yōu)先級如序號排

46、列）：表 11-6 繳煤氣費支付界面操作說明表序號入口名稱入口要 求程度入口說明以下為功能區(qū)中包含的所有操作，其中某些功能可以被置于屏幕上。功能區(qū)的入口優(yōu)先級如序號排列。1確定必須上傳繳費請求，信息確認提示后，至【 11.3 生活繳費 界面】11.3.4 通訊費11.3.4.1 通訊費界面界面參考【 5.3.3 通用界面模版生活繳費】屏幕描述：1、（必須）“繳通訊費”，界面標題； 2、（必須）“現金賬戶余額”，顯示現金賬戶當前余額；3、（必須）“收費地區(qū)（省）”，選擇收費地區(qū)；4、（必須）“收費地區(qū)（市）”，選擇收費地區(qū)；5、（必須）“收費單位”，選擇收費單位；6、（必須）“用戶號 / 條形碼

47、”，由繳費單位不同而異輸入不同的信息；7、（必須）“繳費金額”，是否需要輸入繳費金額由繳費單位不同而異； 用戶輸入：1、（必須）輸入用戶號或條形碼，由繳費單位不同而異輸入不同的信息；2、（必須）輸入繳費金額，是否需要輸入繳費金額由繳費單位不同而異；功能區(qū)（優(yōu)先級如序號排列）：表 11-7 通訊費界面操作說明表序號入口名稱入口要入口說明28QB-E-050-2011求程度以下為功能區(qū)中包含的所有操作，其中某些功能可以被置于屏幕上。功能區(qū)的入口 優(yōu)先級如序號排列。1確定必須至【 11.3.4.2 通訊費支付界面】11.3.4.2 通訊費支付界面界面參考【 5.3.4 通用界面模版繳費支付】 屏幕描

48、述： 1、（必須）“繳通訊費”，界面標題；2、（必須）“現金賬戶余額”；3、（必須）“繳費項目”；4、（必須）“繳費號碼”；5、（必須）“收費單位”；6、（必須）“繳費金額”；7、（必須）“支付密碼”，支付密碼輸入區(qū)； 用戶輸入：用戶需要輸入支付密碼； 功能區(qū)（優(yōu)先級如序號排列）：表 11-8 繳費支付界面操作說明表序號入口名稱入口要 求程度入口說明以下為功能區(qū)中包含的所有操作，其中某些功能可以被置于屏幕上。功能區(qū)的入口優(yōu)先級如序號排列。1確定必須上傳繳費請求，信息確認提示后，至【 11.3 生活繳費 界面】11.3.5 繳費記錄界面參考【 10.6 繳費記錄】。11.3.5.1 繳費記錄界面

49、參考【 5.3.1 通用界面模版查詢界面】 屏幕描述：1、（必須）“繳費記錄”，界面標題； 2、（必須）“繳費時間”；3、（必須）“繳費項目”；4、（必須）“繳費金額”； 相關操作（優(yōu)先級如序號排列）：表 11-9 繳費記錄界面操作說明表29QB-E-050-2011序號入口名稱入口要 求程度入口說明以下為功能區(qū)中包含的所有操作，其中某些功能可以被置于屏幕上。功能區(qū)的入口 優(yōu)先級如序號排列。1查看詳情必須至【 11.3.5.2 繳費記錄詳情界面】表 11-9 繳費記錄界面操作說明表（續(xù)）序號入口名稱入口要 求程度入口說明2高級查詢必須至【 11.3.5.3 繳費記錄高級查詢界面】11.3.5.

50、2 繳費記錄詳情界面界面設計示意圖 11-4 繳費記錄詳情界面屏幕描述：1、（必須）“繳費詳情”，界面標題；2、（必須）“交易日期”；3、（必須）“交易日志號”；4、（必須）“交易類型”；5、（必須）“交易時間”；6、（必須）“交易渠道”；7、（必須）“交易金額”；8、（必須）“賬戶類型”；9、（必須）“賬戶余額”，顯示繳費后的余額；11.3.5.3 繳費記錄高級查詢界面參考【 5.3.2 通用界面模版高級查詢】30QB-E-050-2011屏幕描述：1、（必須）“高級查詢”，界面標題；2、（必須）“起始時間”；3、（必須）“結束時間”；4、（必須）“繳費項目”，選擇項：所有、繳水費、繳電費、繳煤氣費、通訊費；用戶輸入：用戶輸入起始時間和結束時間，并選擇相應的繳費項目； 相關操作（優(yōu)先級如序號排列）：表 11-10 繳費記錄高級查詢界面操作說明表序號入口名稱入口要 求程度入口說明以下為功能區(qū)中包含的所有操作，其中某些功能可以被置于屏幕上。功能區(qū)的入口 優(yōu)先級如序號排列。1查詢必