5-圖書管理系統(tǒng)-GUI設計

Arial,或,Frutiger,55 Roman 25pt,華文細黑簡,25pt,Arial,或,Frutiger 55 Roman 25pt,華文細黑簡,25pt,Arial,或,Frutiger 55 Roman 25pt,華文細黑簡,25pt,Arial,或,Frutiger 55 Roman 25pt,華文細黑簡,25pt,Arial,或,Frutiger 55 Roman 25pt,華文細黑簡,25pt,Arial,或,Frutiger Bold 40pt,黑體,簡,40pt,軟件工程實踐,今天的工作任務,完成圖書管理系統(tǒng),GUI,設計,提交內容,GUI,工程師在課上完成第一個,GUI,設計，并確定完成的界面?zhèn)€數(shù)（含名稱）我們的進度，在這里,GUI,工程師的工作并不是從設計階段才開始的，早在需求分析階段，,GUI,工程師就已經參與到用戶訪談中，了解用戶的使用習慣，喜好等，為設計用戶界面做準備,我們的進度，在這里,GUI,（圖形用戶界面）設計概述,對于用戶來說，友好的界面是至關重要的用戶界面（,U,ser,I,nterface,）的設計質量直接影響用戶對軟件產品的評價，從而影響軟件產品的競爭力和使用壽命，因此，對人機界面的設計必須給予足夠的重視。

我們的進度，在這里,先看一個例子,對比同一界面的以下兩種不同設計，然后說出哪種要好一些？,我們的進度，在這里,我們的進度，在這里,我們的進度，在這里,良好的設計原則,1,、關注用戶及其任務，而不是技術,2,、首先考慮功能，其次才是表現(xiàn),3,、與用戶對任務的看法,保持一致,4,、設計要符合常見情況,5,、不要分散用戶對他們目標的注意力,6,、促進學習，從外,(,用戶,),到里,(,設計人員,),思考，而不是相反7,、傳遞信息，而不僅僅是數(shù)據,8,、設計應滿足響應需求,9,、通過用戶試用發(fā)現(xiàn)錯誤，然后修復它,最好的程序界面就是用戶無需去閱讀操作手冊就知道該如何使用的界面我們的進度，在這里,關注用戶及其任務，而不是技術,對人的理解,程序必須反映用戶的視角和行為要充分理解用戶開發(fā)者首先要理解人人類通過辨別比通過記憶學習起來更容易要經常試著提供一個數(shù)據列表給用戶，而非讓用戶憑記憶自己輸入數(shù)據,普通人能記住,2000,到,3000,單詞，但卻可以認出,50000,單詞我們的進度，在這里,我們的進度，在這里,從用戶的視角看問題，使用用戶的詞匯進行描述，保持一致性，引導用戶的使用習慣,清楚一致的設計,很多,GUI,程序對最終用戶常常不夠清楚。

一個增強程序清楚表述能力的有效方法是使用列表中的,保留字,進行開發(fā)用戶中最常見的抱怨是某個術語表述的不清楚或不一致在軟件開發(fā)中經常出現(xiàn)的情況是，在程序發(fā)布之后，一個屏幕上可能寫著“項目”，而下一屏卻寫著“產品”，而第三屏又變成了“貨物”，可是其實這三個術語是指的同一個東西這種一致性的缺乏導致用戶非常迷惑并產生操作失誤我們的進度，在這里,保留字列表,文本,含義和行為,是否出現(xiàn)在按鈕上,是否出現(xiàn)在菜單上,MnemonicKeystrokes,熱鍵？,ShortcutKeystrokes,快捷鍵？,OK,接受輸入的數(shù)據或顯示的響應信息，關掉窗口,Yes,No,None,or,Cancel,不接受輸入的信息，關掉窗口,Yes,No,None,Esc,Close,結束當前的任務，讓程序繼續(xù)進行；關掉數(shù)據窗口,Yes,Yes,Alt+C,None,Exit,推出程序,No,Yes,Alt+X,Alt+F4,Help,調出程序的幫助信息,Yes,Yes,Alt+H,Fl,Save,保存數(shù)據，停留在當前窗口,Yes,Yes,Alt+S,Shift+Fl2,Save As,用新名字保存數(shù)據,No,Yes,Alt+A,F12,Undo,撤銷前一個動作,No,Yes,Alt+U,Ctrl+Z,Cut,剪切高亮字符,No,Yes,Alt+T,Ctrl+X,Copy,拷貝高亮的文本,No,Yes,Alt+C,Ctrl+C,Paste,在插入點粘貼被拷貝或剪切的文本,No,Yes,Alt+P,Ctrl+V,利用保留字表使得系統(tǒng)詞匯保持一致,提供可視反饋,如果你曾有過傻傻的瞪著自己,電腦上顯示的沙漏等著一個操作結束的時候，就會明白沒有可視化的反饋信息有多糟糕。

用戶非常希望知道一個操作會花費多長的時間以便準備好足夠的耐心作為最一般的規(guī)則，當一個操作超過,7,10,秒的時候，大多數(shù)用戶希望看到一個帶有進度條的消息對話框時間,的長短要根據用戶類型和應用程序的特點來調整使常用的用戶任務簡單化，不要讓用戶解決額外的問題,GUI,設計案例賞析,1):,常用菜單要有命令快捷方式2):,完成相同或相近功能的菜單用橫線隔開放在同一位置3):,菜單前的圖標能直觀的代表要完成的操作Good,如果用戶不能理解對話框里的內容，這就意味著是這個對話框設計者的失敗通常情況下，就,像標準保存對話框或打開文件對話框那樣，所有對話框都應該含有一個用來提問或警告的消息,（圖標），另外還含有一段附加的描述性文字來提供額外提示譬如“這個操作不可恢復”,這個問題對話框的標題與所提示的信息不符，更糟糕的是沒有任何信息告訴用戶究竟要“確信”,啥（對話框顯示“您確信嗎？”的問題，而窗口標題卻是“錯誤”）,Bad,使用彩色用戶界面元素時，要考慮緊接這個界面元素的相鄰界面元素是什么特別是要注意文本所在的背景底色提高對比度才看的清楚Bad,第一個例子不會讓用戶知道這個對話框是何用途沒有對話框里面文字的提示，用戶不可能知道下一步該怎么辦。

相反，第二個例子用意則非常的明顯以致于不需要解釋文字用戶也知道該怎么做Bad,Good,第一個例子完全沒有使用空白，按鈕之間的距離都是一樣的，盡管我們知道這三個按鈕點下去造成的后果大不相同有意思的是，這個會造成數(shù)據損失的按鈕竟然相當不方便的放在中間所以，這就造成一種被錯誤選擇的可能性：如果你要點“是（,Yes,）”的右部，或者“取消（,Cancel)”,的左邊，可手不小心一抖錯過了幾個象素就點到“否”按鈕上了！數(shù)據因此而丟失而下面的這組按鈕就有效的利用了空白既然對話框中的提示是“您想在關閉文檔前保存內容嗎？”，所以這些按鈕的動作結果和上面的一組一樣：“取消”使關閉文檔的命令取消；“保存”將保存文檔并且關閉；因此“不要保存”按鈕是唯一可以造成未保存數(shù)據丟失的按鈕，所以它和其它兩個按鈕“取消”和“保存”（它們都不會未保存數(shù)據丟失）之間有一個很大的空白這樣的分布保證了讓用戶偶然錯誤選擇“不要保存”的可能性非常小利用空白分割,Bad,Good,選擇合適的控件上圖中，,yes,和,no,只能二選一，所以不應該使用,checkbox,，而是,radiobutton,Bad,GUI,圖形用戶界面設計過程,設計原型,用戶試用,和評估,修改原型,評估,GUI,設計工具,GUI Design Studio,MS Visio,甚至可以是,MyEclipse,（加入,VE,插件后的）或者,NETBean,等,IDE,。

GUI Design Studio,是什么？,GUI Design Studio,是一款針對,windows,系統(tǒng),的,圖形界面設計工具,它可以便捷的創(chuàng)建界面圓形文檔而不要任何的腳本和編程知識使用標準組件繪制屏幕 窗口或者組建組合,并把它們按照工作流連結在一起,然后演示你的設計利用,GUI Design Studio,自帶的案例進行學習,打開,GUI Design Studio,文件夾下面的,sample,文件夾，選擇,Design Collection,文件夾，打開案例，使用模擬器進行運行查看效果,依次學習,Standard Components,文件夾和,Tutorial,文件夾中的案例幾個要點,對齊，和調整大小使用下面這個工具條,插入圖片的方法：設計菜單,添加位圖,在,GUI Design Studio,中完成圖書管理系統(tǒng)的,GUI,設計,建立界面控制流的轉換,新建一個設計，用來設計另外一個界面“圖書管理系統(tǒng)主界面”,建立界面控制流的轉換,在圖書管理登錄,.,gui,中，點擊右鍵選擇“添加組合屏幕”,選擇圖書管理系統(tǒng)主界面添加進去用鏈接工具 將登陸按鈕與圖書管理系統(tǒng)主界面鏈接起來,將圖書管理系統(tǒng)登錄界面點擊右鍵，“設置為典型元件”,運行模擬器查看效果。

為圖書管理系統(tǒng)主界面增加菜單項,為“注銷”和主界面的關閉按鈕添加一個確認退出系統(tǒng)的對話框,依次類推,畫出其余的,GUI,界面來交給代碼人員，他們進行代碼編寫如果你同時擔任代碼和,GUI,，那么建議你直接在,IDE,里面做,GUI,設計，省時省力,課程小結,本次課中，用到以下知識,設計,學習使用了工具,GUI Design Studio,我們的進度，在這里,。