XX系統(tǒng)用戶(hù)界面設(shè)計(jì)報(bào)告文件狀態(tài)：文件標(biāo)識(shí)：XX 系統(tǒng)-SD-UI[V ]草稿當(dāng)前版本：1.0[]正式發(fā)布作 者：[]正在修改完成日期：10-03-14機(jī)構(gòu)公開(kāi)信息版本歷史版本/狀態(tài)作者參與者起止日期備注 |1.0新建目錄0.1 文檔目的 40.2 文檔圍 40.3 讀者對(duì)象 40.4 參考文獻(xiàn) 40.5 術(shù)語(yǔ)與縮寫(xiě)解釋 41. 應(yīng)當(dāng)遵循的界面設(shè)計(jì)規(guī) 41.1：易用性： 51.2 易用性細(xì)則 52. 界面的關(guān)系圖和工作流程圖 52.1 前臺(tái)管理完成界面功能一覽 52.3 界面關(guān)系及工作流程 62.3.1前臺(tái)管理界面關(guān)系 63. 界面關(guān)系 63.1 登錄界面 63.1.1 頁(yè)面說(shuō)明 63.1.2 頁(yè)面遷移圖 63.1.3 頁(yè)面說(shuō)明 73.1.4 前置條件 83.1.5 關(guān)聯(lián)數(shù)據(jù)表 83.1.6 補(bǔ)充說(shuō)明： 83.2 前臺(tái)管理主界面 83.2.1 頁(yè)面說(shuō)明 83.2.2 頁(yè)面遷移圖 93.2.3 頁(yè)面說(shuō)明 93.3 入網(wǎng)登記單界面 113.3.1 頁(yè)面說(shuō)明 113.3.2 頁(yè)面遷移圖 113.3.3 頁(yè)面說(shuō)明 124．總后總結(jié)： 140.文檔介紹0.1文檔目的XX系統(tǒng)《用戶(hù)界面設(shè)計(jì)報(bào)告》。

是為了開(kāi)發(fā) XX系統(tǒng)而編寫(xiě)，主要面向系統(tǒng)分析員、程 序員、測(cè)試員、實(shí)施員和最終用戶(hù)本說(shuō)明書(shū)是整個(gè)軟件開(kāi)發(fā)的依據(jù)，它對(duì)以后階段的工作起指導(dǎo)作用本文也是項(xiàng)目完成 后系統(tǒng)驗(yàn)收的依據(jù)0.2文檔圍本文檔主要包含以下幾部分：1. 文檔介紹2. 界面設(shè)計(jì)規(guī)3. 界面關(guān)系圖4. 主界面說(shuō)明0.3讀者對(duì)象本文檔的讀者主要包含以下幾類(lèi)：1. 界面設(shè)計(jì)人員2. 美工人員3. 編碼人員4. 測(cè)試人員0.4參考文獻(xiàn)提示：列出本文檔的所有參考文獻(xiàn)（可以是非正式出版物），格式如下：[標(biāo)識(shí)符]作者，文獻(xiàn)名稱(chēng)，出版單位（或歸屬單位），日期例如：[AAA]作者，《立項(xiàng)建議書(shū)》，機(jī)構(gòu)名稱(chēng)，日期[SPP-PROC-SD] SEPG,系統(tǒng)設(shè)計(jì)規(guī)，機(jī)構(gòu)名稱(chēng)，日期0.5術(shù)語(yǔ)與縮寫(xiě)解釋縮寫(xiě)、術(shù)語(yǔ)解釋GIFGraphics Interchange Format 的縮寫(xiě)—圖像交換格式的縮寫(xiě)1. 應(yīng)當(dāng)遵循的界面設(shè)計(jì)規(guī)界面是軟件與用戶(hù)交互的最直接的層，界面的好壞決定用戶(hù)對(duì)軟件的第一印象而且設(shè) 計(jì)良好的界面能夠引導(dǎo)用戶(hù)自己完成相應(yīng)的操作，起到向?qū)У淖饔糜脩?hù)原則：1.1 :易用性：按鈕名稱(chēng)應(yīng)該易懂，用詞準(zhǔn)確，屏棄模棱兩可的字眼，要與同一界面上的其他按鈕易于 區(qū)分，能望文知意最好，理想的情況是用戶(hù)不用查閱幫助就能知道該界面的功能并進(jìn)行相關(guān) 的正確操作。

1.2易用性細(xì)則：1) :完成同一功能或任務(wù)的元素放在集中位置，減少鼠標(biāo)移動(dòng)的距離2) :按功能將界面劃分局域塊，用 Frame框括起來(lái)，并要有功能說(shuō)明或標(biāo)題3) :界面上首先應(yīng)輸入的和重要信息的控件在 Tab順序中應(yīng)當(dāng)靠前，位置也應(yīng)放在窗口上較醒目的位置4) :同一界面上的控件數(shù)最好不要超過(guò) 10個(gè)，多于10個(gè)時(shí)可以考慮使用分頁(yè)界面顯示5) :復(fù)選框和選項(xiàng)框按選擇幾率的高底而先后排列6) :復(fù)選框和選項(xiàng)框要有默認(rèn)選項(xiàng)，并支持 Tab選擇7) :選項(xiàng)數(shù)相同時(shí)多用選項(xiàng)框而不用下拉列表框8) :界面空間較小時(shí)使用下拉框而不用選項(xiàng)框9) :選項(xiàng)數(shù)叫少時(shí)使用選項(xiàng)框，相反使用下拉列表框10) :專(zhuān)業(yè)性強(qiáng)的軟件要使用相關(guān)的專(zhuān)業(yè)術(shù)語(yǔ)，通用性界面則提倡使用通用性詞眼2. 界面的關(guān)系圖和工作流程圖2.1前臺(tái)管理完成界面功能一覽界面名稱(chēng)界面標(biāo)識(shí)功能說(shuō)明寬帶互聯(lián)網(wǎng)入網(wǎng)登記單accept_innet.aspx填寫(xiě)客戶(hù)的入網(wǎng)信息，提交客戶(hù)入網(wǎng)信息前臺(tái)管理首界面Default.aspx顯示前臺(tái)管理中的全部功能菜單繳費(fèi)受理fee.aspx.提供繳費(fèi)的條件繳費(fèi)登記單fee_print.aspx顯示對(duì)應(yīng)客戶(hù)的信息及余額，填寫(xiě)客戶(hù)繳費(fèi)金額。

業(yè)務(wù)受理單print.aspx對(duì)駁回的業(yè)務(wù)受理進(jìn)行信息修改業(yè)務(wù)受理單print_result.aspx顯示搜索結(jié)果修改密碼user ma nage.aspx對(duì)用戶(hù)的密碼進(jìn)行修改XX系統(tǒng)前臺(tái)管理一覽表2.3界面關(guān)系及工作流程2.3.1前臺(tái)管理界面關(guān)系業(yè)務(wù)查詢(xún)業(yè)務(wù)受理修改密碼 搜索結(jié)果查詢(xún)結(jié)果_ ■查詢(xún)結(jié)果"：繳費(fèi)登記_ ：（詳細(xì)資料（詳細(xì)資料J 新客戶(hù)入網(wǎng)7故障申請(qǐng)1'停機(jī)申請(qǐng)圖2-1XX系統(tǒng)客戶(hù)端界面關(guān)系及工作流程圖3. 界面關(guān)系3.1登錄界面3.1.1 頁(yè)面說(shuō)明登錄頁(yè)面為系統(tǒng)入口頁(yè)面，只有通過(guò)登錄方可使用系統(tǒng)，不同用戶(hù)對(duì)應(yīng)不同權(quán)限，權(quán)限 不同的用戶(hù)進(jìn)入系統(tǒng)后的界面菜單項(xiàng)是不同的登錄成功，轉(zhuǎn)向主界面 mai n.jsp權(quán)限信息參見(jiàn)3.XX權(quán)限設(shè)置頁(yè)面3.1.2 頁(yè)面遷移圖前臺(tái)管理主界面后臺(tái)管理主界面 >施工管理主界面補(bǔ)充說(shuō)明:登錄對(duì)象標(biāo)識(shí)功能操作前臺(tái)管理用戶(hù)Login.aspx是非鎖定的經(jīng)過(guò)審核 的注冊(cè)用戶(hù)登錄到新聞管 理頁(yè)面，管理員則登錄到管登錄施工管理用戶(hù)Login.aspx后臺(tái)管理用戶(hù)Login.aspx理員管理頁(yè)面.3.1.3 頁(yè)面說(shuō)明3.1.3.1界面原型圖3-1XX系統(tǒng)登錄界面login.aspx3.1.3.2 輸入控件名稱(chēng)控件類(lèi)型欄目名稱(chēng)必填約束初值Usernametext用戶(hù)名V最小值10000Passwordpassword密碼V非空6-10 位LoginButtonsubmit提交補(bǔ)充說(shuō)明3.1.3.3 處理動(dòng)作步驟處理說(shuō)明填寫(xiě)信息1輸入用戶(hù)名、密碼點(diǎn)擊登錄2單擊“登錄按鈕”進(jìn)行驗(yàn)證3判斷用戶(hù)是否輸入，若無(wú)，提示輸入判斷資料4判斷用戶(hù)名、密碼是否合法返回信息5顯示提示信息“您的登錄嘗試不成功。

請(qǐng)重試 ”3.1.3.4 輸出控件名稱(chēng)控件類(lèi)型欄目名稱(chēng)說(shuō)明3.1.4前置條件前置條件說(shuō)明3.1.5關(guān)聯(lián)數(shù)據(jù)表數(shù)據(jù)表說(shuō)明BBC_EMPLOYEE存儲(chǔ)用戶(hù)的用戶(hù)編號(hào)和密碼補(bǔ)充說(shuō)明讀寫(xiě)數(shù)據(jù)表時(shí)的注意事項(xiàng)，若簡(jiǎn)單讀取，可空白3.1.6補(bǔ)充說(shuō)明:對(duì)于此界面的其他補(bǔ)充說(shuō)明3.2前臺(tái)管理主界面3.2.1 頁(yè)面說(shuō)明 顯示前臺(tái)管理中的全部功能菜單通過(guò)功能菜單進(jìn)入相應(yīng)得的功能界面，主顯示區(qū)域顯示主 要業(yè)務(wù)申請(qǐng)一入網(wǎng)申請(qǐng)，停機(jī)申請(qǐng)，故障申請(qǐng)單擊入網(wǎng)申請(qǐng)按鈕，進(jìn)入新客戶(hù)入網(wǎng)登記單界面322 頁(yè)面遷移圖補(bǔ)充說(shuō)明：寬帶受理和業(yè)務(wù)受理是同一個(gè)界面3.2.3 頁(yè)面說(shuō)明3.2.3.1界面原型Hands1Q寬帶收費(fèi)管理菜統(tǒng)A ii空曼理I址寶蹙建I塑撥旻肉丨業(yè)勢(shì)曲■ $當(dāng)m用尸收毒申戶(hù)怯號(hào)： 1OL0D: Ei 臺(tái)営應(yīng)注能誰(shuí)戰(zhàn)弩罵'戈此衛(wèi)云好ai，|岡勺甲 |扎網(wǎng)尸喑| 劇幾卻詣| 如和弄|業(yè)券記全可詢(xún)：號(hào)厘卅 ［槪奎専戶(hù)佔(zhàn)哩flMfi號(hào)專(zhuān)P軋?HHk100431OD24111AF?IQIUS10026111入網(wǎng)100071OBE1111001710K5張飛ttBTIOOJ9imL0LO710330Wh.Af*C迭弄豎材的業(yè)務(wù)糞屋?人時(shí)甲詣 V關(guān)干期n I KSKfl I Ek^lish I 用尸刖H I K￡HiE斟于■爲(wèi)雲(yún) 訓(xùn)Pt涉血嫌_收閃|百CcpjrigjLX盤(pán)20D5 AH lights張比占盜ns社議歸麗曲st* *逢辻用戶(hù)使用砸*硏&丄抿豐血323.2輸入控件名稱(chēng)控件類(lèi)型欄目名稱(chēng)必填約束初值txtAidTextBox業(yè)務(wù)記錄查詢(xún)最小值10000ddITpyeDropDownList駁回的業(yè)務(wù)類(lèi)型7設(shè)定值：入網(wǎng)申請(qǐng)/停機(jī)申 請(qǐng)/故障申請(qǐng)。

入網(wǎng)申請(qǐng)btnlnNetnput業(yè)務(wù)受理入網(wǎng)申請(qǐng)btnStopnput業(yè)務(wù)受理停機(jī)申請(qǐng)btnTroublenput業(yè)務(wù)受理故障申請(qǐng)補(bǔ)充說(shuō)明界面中和還有些相同的功能，其控件基本上相似就不在這里一一列出323.3處理業(yè)務(wù)記錄查詢(xún)處理:動(dòng)作步驟處理說(shuō)明填寫(xiě)受理編號(hào)1輸入受理編號(hào)，非空點(diǎn)擊搜索2單擊“搜索”進(jìn)行驗(yàn)證3判斷用戶(hù)是否輸入，若無(wú)，提示輸入打開(kāi)頁(yè)面4打開(kāi)處理結(jié)果頁(yè)面選擇業(yè)務(wù)類(lèi)型處理:動(dòng)作步驟處理說(shuō)明選擇下拉1選擇不同的業(yè)務(wù)受理類(lèi)型顯示記錄2顯示選擇的駁回業(yè)務(wù)受理記錄業(yè)務(wù)受理： |人鳳申請(qǐng)」[磚杭搠 ]|攬障申請(qǐng)業(yè)務(wù)受理處理:動(dòng)作步驟處理說(shuō)明單擊按鈕1單擊需要受理的處理按鈕打開(kāi)新界面2顯示進(jìn)行的業(yè)務(wù)受理記錄單3.2.3.4 輸出控件名稱(chēng)控件類(lèi)型欄目名稱(chēng)說(shuō)明gvListGridView駁回業(yè)務(wù)受理記錄顯示被審核駁回的受理記錄3.2.3.4前置條件前置條件說(shuō)明成功登錄系統(tǒng)用戶(hù)使用合法的成功登陸寬帶管理系統(tǒng)323.5關(guān)聯(lián)數(shù)據(jù)表數(shù)據(jù)表說(shuō)明客 戶(hù) 信 息 表(BBC_CUSTOMER 表)存儲(chǔ)客戶(hù)信息的表業(yè) 務(wù) 受 理 表(BBC_ACCEPT)用業(yè)務(wù)受理表進(jìn)行保存實(shí)際工作的流程中，業(yè)務(wù)受理需要業(yè)務(wù) 受理號(hào)，受理人編號(hào)，時(shí)間日期，審核人編號(hào)，要求等字段容服 務(wù) 類(lèi) 型 表(BBC_SERVICE)業(yè)務(wù)的種類(lèi)控制也需要進(jìn)行管理業(yè)務(wù)受理類(lèi)別表(BBC_ACCEPT_TYPE)在業(yè)務(wù)受理的時(shí)候?qū)I(yè)務(wù)信息進(jìn)行區(qū)分補(bǔ)充說(shuō)明暫無(wú)323.6補(bǔ)充說(shuō)明：對(duì)于此界面的其他補(bǔ)充說(shuō)明。

3.3入網(wǎng)登記單界面3.3.1 頁(yè)面說(shuō)明入網(wǎng)登記單界面顯示了入網(wǎng)客戶(hù)需要填寫(xiě)的各項(xiàng)信息， 并且對(duì)填寫(xiě)的信息做基本的驗(yàn)證,同時(shí)提供了入網(wǎng)登記單的打印功能入網(wǎng)登記單提交完成以后，自動(dòng)生成業(yè)務(wù)受理記錄客戶(hù)入網(wǎng)成功以后彈出提示信息，失敗同樣顯示提示信息3.3.2 頁(yè)面遷移圖補(bǔ)充說(shuō)明：用戶(hù)填寫(xiě)客戶(hù)填寫(xiě)基本資料，提交通過(guò)腳本檢測(cè)：通過(guò)驗(yàn)證提交服務(wù)器程序處理，同時(shí) 顯示提示信息驗(yàn)證沒(méi)有通過(guò)，返回頁(yè)面同時(shí)顯示各項(xiàng)提示信息333 頁(yè)面說(shuō)明3.3.3.1界面原型寬帶互聯(lián)網(wǎng)入網(wǎng)登記單業(yè)昜提五：加占標(biāo)號(hào)的恵頂請(qǐng)您務(wù)必填寫(xiě)藝生缶號(hào),2U5S客尸議號(hào):10D66懺入方式：Q。