用戶界面設(shè)計大作業(yè)范例

1、精選優(yōu)質(zhì)文檔-傾情為你奉上鍵入公司名稱基于Zigbee技術(shù)的福利院看護系統(tǒng)用戶界面設(shè)計說明書zhaofengnian2012/11/27 修訂歷史記錄日期版本號修改說明修改人核準人1.0制定大綱及編寫正文2.0修改界面設(shè)計規(guī)范3.0修改主要界面設(shè)計目錄1 引言1.1編寫目的本文檔是對系統(tǒng)界面設(shè)計風(fēng)格進行描述，和用戶交互的最終界面在詳細設(shè)計說明書中設(shè)計和解釋。1.2項目背景基于Zigbee技術(shù)的福利院看護系統(tǒng)。（此處需增加細節(jié)。）1.3定義、縮略詞Zigbee：Zigbee是一種低速短距離傳輸?shù)臒o線網(wǎng)絡(luò)協(xié)定，底層是采用IEEE802.15.4 標準規(guī)范的媒體存取層與實體層。主要特色有低速、低耗電

2、、低成本、支援大量網(wǎng)絡(luò)節(jié)點、支援多種網(wǎng)絡(luò)拓撲、低復(fù)雜度、快速、可靠、安全。Zigbee協(xié)定層從下到上分別為實體層（PHY）、媒體存取層（MAC）、網(wǎng)絡(luò)層（NWK）、應(yīng)用層（APL）等。用戶界面：又稱人機界面，實現(xiàn)用戶與計算機之間得通信，以控制計算機或進行用戶和計算機之間得數(shù)據(jù)傳送得系統(tǒng)部件。 GUI：即圖形用戶界面，一種可視化得用戶界面，它使用圖形界面代替正文界面。1.4參考資料（此處應(yīng)增加細節(jié)）2 應(yīng)當遵循的界面設(shè)計規(guī)范2.1 用戶界面設(shè)計原則本系統(tǒng)堅持圖形用戶界面（GUI）設(shè)計原則，界面直觀、對用戶透明。用戶接觸軟件后對界面上對應(yīng)的功能一目了然、不需要多少培訓(xùn)就可以方便使用本應(yīng)用

3、系統(tǒng)。 界面設(shè)計員應(yīng)該明白軟件中用戶是所有處理的核心，不應(yīng)該有應(yīng)用程序來決定處理過程，所以用戶界面應(yīng)當由用戶來控制應(yīng)用如何工作、如何響應(yīng)，而不是由開發(fā)者按自己的意愿把操作流程強加給用戶。 界面設(shè)計必須經(jīng)過確認才能完成。2.2 界面一致性 在界面設(shè)計中應(yīng)該保持界面的一致性。一致性既包括使用標準的控件,也指使用相同的信息表現(xiàn)方法,如在字體、標簽風(fēng)格、顏色、術(shù)語、顯示錯誤信息等方面確保一致。2.2.1 顯示信息一致性標準（1）標簽提示:字體為不加重、宋體、黑色、灰底或透明、無邊框、右對齊、不帶冒號、一般情況為五號（10號）； （2）日期:正常字體、宋體、白底黑

4、字、3-D lowered； （3）對齊方法：  左對齊:一般文字、單個數(shù)字、日期等  右對齊:數(shù)字、時間、日期加時間。 （4）分辨率為800*600，增強色16色 （5）字體缺省為宋體、五號、黑色 （6）底色缺省采用灰色 這些信息的排列顯示風(fēng)格供參考, 在同一個應(yīng)用中,這些信息的表現(xiàn)方式不一致,會使得用戶分散注意力,影響這一軟件的使用，因此開發(fā)者應(yīng)當注意在同一軟件中表現(xiàn)形式的一致性。 2.2.2 布局合理化原則應(yīng)注意在一個窗口內(nèi)部所有控件的布局和信息組織的藝術(shù)性,使得用戶界面美觀。在一個窗口中

5、按tab鍵,移動聚焦的順序不能雜亂無章,tab的順序是先從上至下，再從左至右。首先應(yīng)輸入的和重要信息的控件在tab順序中應(yīng)當靠前,位置也應(yīng)放在窗口上較醒目的位置。該系統(tǒng)的界面設(shè)計布局力求簡潔、有序、易于操作。2.2.3 鼠標與鍵盤對應(yīng)原則應(yīng)遵循的是可不用鼠標的原則:應(yīng)用中的功能只用鍵盤也應(yīng)當可以完成,即設(shè)計的應(yīng)用中還應(yīng)加入一些必要的按鈕和菜單項。但是,許多鼠標的操作,如雙擊、拖動對象等,并不能簡單地用鍵盤來模擬即可實現(xiàn)。例如在一個列表框中用鼠標雙擊其中一項可以表示選中該項內(nèi)容。為了用鍵盤也能實現(xiàn)這一功能,必須在窗口中定義一個表示選中的按鈕,以作為實現(xiàn)雙擊功能的替代（或其它方式）。又如在一個窗口

6、中有兩個數(shù)據(jù)窗口,可以用鼠標從一個數(shù)據(jù)窗口中將一項拖出然后放到另一個中。如果只用鍵盤,就應(yīng)當在菜單中設(shè)置拷貝或移動的菜單項3 界面的關(guān)系圖和工作流程圖4 主界面4.1 登錄界面用戶登錄看護系統(tǒng)的界面，是一個獨立于首頁之外的界面，用戶必須登錄才能查看到首頁上的信息，以次來增加系統(tǒng)信息的安全性。在登錄時，用戶可以選擇登錄權(quán)限即“看護員”、“管理員”登錄。為防止可能出現(xiàn)的惡意攻擊，登錄時設(shè)置了驗證碼。4.2 子界面首頁用戶成功登錄后所見到的第一個頁面，此頁面上顯示福利院發(fā)布的通知和新聞。基于看護系統(tǒng)對象為老人，在首頁上添加了顯示農(nóng)歷的日歷。4.3子界面入院登記老人入住時必須進行入院登記，生成對應(yīng)的檔

7、案。包括ID（用于區(qū)別老人身份和查詢信息）、姓名、性別、年齡、民族、入院日期、家庭住址、親人聯(lián)系方式、病歷。4.4子界面信息查詢看護員可以通過此頁面查詢老人的即時信息，包括：體溫，脈搏，血壓，所在位置以及老人基本信息，還可以查看老人最近身體情況。4.5子界面智能定位輸入ID，可以查詢到老人所在位置，結(jié)合視頻監(jiān)控等功能，實現(xiàn)對老人的實時定位。4.6子界面視頻監(jiān)控對老人的活動區(qū)域進行監(jiān)控，在頁面上可以調(diào)用對應(yīng)區(qū)域的高清攝像頭對指定區(qū)域進行監(jiān)控，通過頁面上的旋轉(zhuǎn)按鈕，實現(xiàn)對攝像頭的簡單操作。4.7子界面工作安排包括福利院每周的安排和看護員每日的安排。只有管理員具有修改、添加信息的權(quán)限。4.8子界面員

8、工社區(qū)顯示所有員工簡單信息，包括照片、聯(lián)系方式等。5 美學(xué)設(shè)計本系統(tǒng)采用了人機界面設(shè)計。遵循了以用戶為本、提高可交互性、盡量避免需要記憶的內(nèi)容、簡化用戶操作、提高操作的效率、應(yīng)用安全等一般原則。對于用戶問題和要求表現(xiàn)得了很好的滿足，且界面用語具有可理解性和易用性，極大程度上便于用戶的習(xí)慣使用方式。6界面資源設(shè)計6.1圖標資源（加入細節(jié)）6.2圖像資源（加入細節(jié)）6.3界面組件（加入細節(jié)）7其他用戶界面清單：代碼名稱所屬子系統(tǒng)相關(guān)組件/模塊描述UII1.1Login.html/UII1.2Index.html/UII2.1registration.html智能監(jiān)護系統(tǒng)入院登記UII2.2Query.ht