界面功能規(guī)范

1、界面功能規(guī)范安裝及卸載用戶按照User Guide就可以自行完成安裝或卸載，無需技術(shù)人員的支持。安裝或卸載的過程，有“cancel”按鈕，可以中斷操作。中斷后，系統(tǒng)可以回到初始狀態(tài)。系統(tǒng)卸載后在用戶的計(jì)算機(jī)中不應(yīng)該留下垃圾文件。取消安裝后，重新再次安裝可以成功。根據(jù)用戶需求，在不同的OS下，可以安裝成功。自動(dòng)升級(jí)自動(dòng)升級(jí)完成后，系統(tǒng)中的數(shù)據(jù)和各項(xiàng)用戶設(shè)置不能發(fā)生改變。自動(dòng)升級(jí)過程中需要為用戶提供進(jìn)度條。若在自動(dòng)升級(jí)中提供了取消的功能，則中途取消后，系統(tǒng)需要回到升級(jí)之前的狀態(tài)。Login界面控件至少應(yīng)包含Login Name、Password輸入框，login，找回密碼這幾項(xiàng)。-（我去掉了can

2、cel，因?yàn)閰⒖纪鈬?guó)很多網(wǎng)站的登錄頁(yè)，都沒有cancel按鈕）“Login Name”、“Password”及對(duì)應(yīng)的輸入框應(yīng)左右對(duì)齊，寬度一致。找回密碼功能必須提供。如下圖所示，但Login按鈕需要移動(dòng)到左邊。可以有Remember Me和驗(yàn)證碼。若有驗(yàn)證碼，則需提供刷新驗(yàn)證碼的功能。Login界面功能與鍵盤操作Login界面的所有控件之間可以使用Tab鍵來移動(dòng)焦點(diǎn)。若用戶輸入了Login Name和Password，按下Enter鍵時(shí)，應(yīng)該讓用戶登錄。若是在C/S模式下，用戶按下ESC鍵時(shí)應(yīng)直接關(guān)閉登錄窗口。常見問題：沒有找回密碼功能。用戶輸入超長(zhǎng)的字符串到Login Name和Passwo

3、rd中，點(diǎn)擊登錄按鈕后，系統(tǒng)應(yīng)給出錯(cuò)誤提示。表格列表表格需要固定長(zhǎng)度。當(dāng)文本以正常形式輸入并保存，列表中顯示的時(shí)候，超過了默認(rèn)表格寬度，應(yīng)該要自動(dòng)換行。Full Name、Email、日期、電話號(hào)碼屬性列，應(yīng)該固定足夠的長(zhǎng)度。表格中的內(nèi)容應(yīng)該按照某種規(guī)則排序。表格的表頭應(yīng)所有文字居中。表格中的內(nèi)容應(yīng)遵循以下原則：若是文字內(nèi)容應(yīng)左對(duì)齊，若是數(shù)字或日期內(nèi)容應(yīng)右對(duì)齊。表格內(nèi)容很多時(shí)需要分頁(yè)。分頁(yè)應(yīng)提供頁(yè)面導(dǎo)航功能，包括：上一頁(yè)、下一頁(yè)、跳轉(zhuǎn)到某一頁(yè)、總頁(yè)數(shù)、當(dāng)前頁(yè)碼。如下圖所示圖片中，使用列表的方式顯示數(shù)據(jù)集時(shí)，必須在列表的下方顯示總記錄數(shù)。當(dāng)表格中的數(shù)據(jù)為空時(shí)，必須顯示該表格的表頭。若表格的最后一

4、頁(yè)所有數(shù)據(jù)被刪除后，應(yīng)自動(dòng)跳轉(zhuǎn)到前一頁(yè)上。文本輸入在多行文本框中，手工輸入了回車換行，顯示文本的時(shí)候，文本不能是一行顯示完，要實(shí)現(xiàn)回車換行。當(dāng)輸入的文本達(dá)到限制內(nèi)的最大長(zhǎng)度，在保存數(shù)據(jù)時(shí)系統(tǒng)應(yīng)該給予提示。在不同的頁(yè)面上相同字段的輸入長(zhǎng)度限制應(yīng)該相同。輸入特殊字符時(shí)，要做處理。如：<>、<script/>等，保存包含特殊字符的字符串時(shí)系統(tǒng)要保存正確。當(dāng)文本框內(nèi)有內(nèi)容時(shí)，用戶使用Tab鍵移動(dòng)光標(biāo)進(jìn)入文本框，需要自動(dòng)將所有內(nèi)容選中。若文本輸入框的外面有顯示該文本框的最大輸入長(zhǎng)度。那么應(yīng)該同時(shí)顯示已經(jīng)輸入的字符長(zhǎng)度。必輸項(xiàng)應(yīng)該在輸入框后面標(biāo)記“*”號(hào)。該符號(hào)與輸入框之間應(yīng)該有一

5、個(gè)空格符的距離。頁(yè)面上有多個(gè)輸入項(xiàng)時(shí)，上下的輸入項(xiàng)之間應(yīng)該保持寬度一致。內(nèi)容相近或相互關(guān)聯(lián)的輸入項(xiàng)應(yīng)該用Group Box框起來。如下圖所示：對(duì)輸入的合法性進(jìn)行檢查時(shí)，要使用統(tǒng)一的方式來顯示提示信息。日期控件日期控件中內(nèi)容應(yīng)默認(rèn)顯示當(dāng)前系統(tǒng)日期。若非必填的日期內(nèi)容，須允許用戶輸入空白值或者刪除當(dāng)前的輸入值。Web頁(yè)面上的日期控件需要注意不同時(shí)區(qū)之間的差異。如服務(wù)器在美國(guó)，中國(guó)的用戶瀏覽該頁(yè)面時(shí)會(huì)出現(xiàn)如下的問題：當(dāng)程序和數(shù)據(jù)庫(kù)都安裝在美國(guó)時(shí)區(qū)的OS中，在中國(guó)時(shí)區(qū)的OS中用瀏覽器訪問，有以下兩種情況的錯(cuò)誤：1） 數(shù)據(jù)庫(kù)中保存的是正確的時(shí)間，但顯示出來就是錯(cuò)誤的時(shí)間 如：在BBS中創(chuàng)建topic后，

6、topic的創(chuàng)建時(shí)間是 07/01/2008 16:09，但在topic顯示出來的時(shí)間是：07/02/2008 00:102） 數(shù)據(jù)庫(kù)中保存的是錯(cuò)誤的時(shí)間。 如：在瀏覽器上操作的時(shí)候，選擇的是 07/01/2008 02:07保存，但查看的時(shí)候，時(shí)間顯示的是06/30/2008 10:07（重現(xiàn)見RFA Internal系統(tǒng)中關(guān)于user的birthday的保存）或者在瀏覽器上操作的時(shí)候，選擇的是 07/01/2008 02:07保存，查看的時(shí)候，時(shí)間是正確的：07/01/2008 02:07，但數(shù)據(jù)庫(kù)中是：06/30/2008 10:07。日期控件需要在不同的瀏覽器下正常顯示（IE、Fire

7、fox、Safari）。如圖：導(dǎo)航欄和頁(yè)面鏈接Web類型的項(xiàng)目中，大的功能模塊需要都顯示在導(dǎo)航欄上。每一個(gè)頁(yè)面的導(dǎo)航欄都應(yīng)該和首頁(yè)的導(dǎo)航欄保持一致。如圖：可以點(diǎn)擊的頁(yè)面鏈接下應(yīng)該加上下劃線。暫時(shí)不能點(diǎn)擊的頁(yè)面鏈接應(yīng)該沒有下劃線。所有的功能鏈接都必須保證正確。提示信息的顯示提示信息的顯示應(yīng)該統(tǒng)一。根據(jù)項(xiàng)目類型的不同而定。如C/S模式的系統(tǒng)，應(yīng)該采用彈出對(duì)話框的形式顯示信息。系統(tǒng)中所有提示信息的字體和大小應(yīng)該統(tǒng)一。對(duì)話框的標(biāo)題上應(yīng)該顯示提示名稱。如下圖：不同瀏覽器下一致性若Web類項(xiàng)目需要在不同的瀏覽器下顯示。則需要進(jìn)行相應(yīng)的測(cè)試。確保在IE下的顯示效果和其他瀏覽器相同。Web類項(xiàng)目需要在不同的瀏

8、覽器下顯示，則需保證web界面、功能與在IE下一致。文字信息所有的文字信息，若是英文，需要請(qǐng)Writer審核。文字應(yīng)統(tǒng)一按照左對(duì)齊的格式顯示。文字內(nèi)容應(yīng)該與邊框有一個(gè)空格符的間隔。在全英文操作系統(tǒng)中，若有中文信息，則該信息不能顯示為亂碼。文字的字體類型、大小需一致。圖片上傳及顯示包含圖片的記錄，在用戶編輯過圖片后應(yīng)該立即在界面上看到修改的結(jié)果。上傳或下載大尺寸圖片或多張圖片時(shí)Performance不能太低。必須提供進(jìn)度條，并且提供中途取消的功能。如下圖：Web頁(yè)面上的圖片應(yīng)是GIF或JPG格式，應(yīng)沒有DMP等其他格式的圖片。保證所有圖片都可以在常用瀏覽器（IE、Firefox等）下正常顯示。瀏

9、覽包含圖片的記錄時(shí)應(yīng)該提供縮略圖?？s略圖應(yīng)是原圖片按照比例縮小后的圖片。不能出現(xiàn)圖片的變形或分辨率下降太多。如圖所示：界面控件排布界面控件的長(zhǎng)度和排布應(yīng)盡量對(duì)齊。界面下方的“保存”或“關(guān)閉”按鈕應(yīng)該統(tǒng)一居中或左右對(duì)齊。不能有的界面居中有的界面又是左右對(duì)齊。Web系統(tǒng)安全性在未登錄的情況下直接訪問Web系統(tǒng)的功能頁(yè)面。系統(tǒng)必須提示用戶登錄后才可訪問。下拉列表如下拉列表框等控件。其中的內(nèi)容若過長(zhǎng)，且控件本身的長(zhǎng)度不夠，那么可能會(huì)顯示不完整。需要調(diào)整控件長(zhǎng)度，使其中的內(nèi)容盡量顯示完整。下拉列表中的內(nèi)容應(yīng)該按照首字母排序。應(yīng)該根據(jù)用戶的輸入自動(dòng)定位到相應(yīng)的內(nèi)容上。如圖所示：搜索功能在搜索條件輸入框中應(yīng)

10、該有缺省值。若搜索的字段不是必填字段，應(yīng)該允許用戶輸入空白值（包括日期格式的字段）。應(yīng)該提供Search Within Result功能，即在查找的結(jié)果集中繼續(xù)查找。搜索結(jié)果應(yīng)該提供用戶選擇排序的方式。如：按名稱排序或者按日期排序。搜索結(jié)果，默認(rèn)某種排序方式。顯示搜索結(jié)果的同時(shí)應(yīng)該把搜索條件顯示在頁(yè)面上。如圖所示：用戶管理：必須為系統(tǒng)管理員提供更改用戶密碼的功能。應(yīng)該為系統(tǒng)管理員提供更改用戶基本資料的功能。用戶的基本資料應(yīng)該有一定的邏輯判斷。例如：雇傭日期不能早于出生日期等。用戶的地址和電話號(hào)碼需要按照美國(guó)用戶的習(xí)慣設(shè)計(jì)。如圖：電話號(hào)碼的輸入應(yīng)該依照以下的輸入規(guī)范：如果是Web頁(yè)面，則在用戶登錄后應(yīng)該在頁(yè)面的上方顯示當(dāng)前登錄用戶的用戶名。如果是Windows窗體界面，則在用戶登錄后應(yīng)該在Status bar中顯示當(dāng)前用戶的用戶名。鍵盤操作在C/S模式的系統(tǒng)中，用戶應(yīng)該可以使用鍵盤操作到