資源描述:
《圖形用戶界面(gui)》由會員上傳分享,免費(fèi)在線閱讀,更多相關(guān)內(nèi)容在教育資源-天天文庫。
1、圖形用戶界面(GUI)開發(fā)與測試范萍麗2007-06-211主要的UI設(shè)計指導(dǎo)原則:(引自JeffJohnson的《GUI設(shè)計禁忌》)關(guān)注用戶及其任務(wù),而不是技術(shù)首先考慮功能,然后才是表示從用戶的視角看問題,使用用戶的詞匯進(jìn)行描述,不必向用戶暴露實(shí)現(xiàn)細(xì)節(jié)使常用的用戶任務(wù)簡單化,不要讓用戶解決額外的問題促進(jìn)學(xué)習(xí),保持一致性,引導(dǎo)用戶的使用習(xí)慣保持顯示慣性,傳遞信息,而不僅僅是數(shù)據(jù)設(shè)計應(yīng)滿足響應(yīng)需求2議程界面設(shè)計指南(20分鐘)遵從窗口標(biāo)準(zhǔn)(20分鐘)屏幕元素確認(rèn)列表(15分鐘)3概述用戶界面的需求通常是不明確的,一部分可能隱含在用戶需求中,而另一部分則是
2、用戶不可能預(yù)先想到的。因此,軟件企業(yè)應(yīng)積累用戶界面開發(fā)和測試的成果,將一些元素和規(guī)則進(jìn)行重用,從而高效地開發(fā)出用戶樂意接受的界面。企業(yè)應(yīng)在測試過程中積累自己的圖形用戶界面測試用例(通常稱為GUI測試檢查列表),形成自己的圖形用戶界面測試標(biāo)準(zhǔn)。4界面設(shè)計指南(Color)顏色(Resource)資源(Font)字體(Text)文字表述(STYLE)控件選擇(ALIGN)控件布局(TABORDER)TAB順序(ShortcutKey&Accelerator&PopMenu)快捷鍵、加速鍵和彈出菜單(ACTION)用戶交互5(Color)顏色統(tǒng)一色調(diào),采用標(biāo)準(zhǔn)
3、Windows的基本色調(diào),做到與操作系統(tǒng)統(tǒng)一,讀取系統(tǒng)標(biāo)準(zhǔn)色表。整個界面色彩盡量少的使用類別不同的顏色。除非特殊場合,杜絕使用對比強(qiáng)烈,讓人產(chǎn)生憎惡感的顏色。同時色調(diào)也具有一定的含義,在整個系統(tǒng)中應(yīng)保持色調(diào)含義的一致性,避免同一中顏色在不同的畫面中表示不同的意義。6(Resource)資源計算機(jī)的資源包括圖標(biāo)資源和鼠標(biāo)光標(biāo)資源等。圖標(biāo)資源也需要遵循統(tǒng)一的規(guī)則,因?yàn)椴煌膱D標(biāo)代表不同的意義。例如:我們用圖標(biāo)來表示保存,因此我們在整個系統(tǒng)中只要涉及到保存的話,都應(yīng)該使用同一個圖標(biāo),不論是用在工具欄上還是在菜單上,還是在按鈕上。圖標(biāo)、圖像應(yīng)該很清晰的表達(dá)出意思
4、,遵循常用標(biāo)準(zhǔn),或者用戶機(jī)器容易聯(lián)想的到物件,絕對不允許畫出默認(rèn)奇妙的圖案。鼠標(biāo)光標(biāo)樣式統(tǒng)一,使用系統(tǒng)標(biāo)準(zhǔn)。注意:本系統(tǒng)中不采用窗體做進(jìn)度條,對于點(diǎn)擊按鈕后,鼠標(biāo)變成沙漏形狀,執(zhí)行完成后,鼠標(biāo)變回。7(Font)字體系統(tǒng)中中文一律采用標(biāo)準(zhǔn)字體“宋體”,英文一律采用標(biāo)準(zhǔn)MicrosoftSansSerif,除登錄界面和圖標(biāo)中的特殊字體用圖片實(shí)現(xiàn),原則上不考慮特殊字體(隸書、草書等,特殊情況可以使用圖片取代),保證每個用戶使用起來顯示都很正常。字體大小統(tǒng)一規(guī)定,MSS字體8磅,宋體為10磅,字體顏色一般采用系統(tǒng)默認(rèn)顏色。所有控件盡量使用大小統(tǒng)一的字體屬性,除
5、了特殊提示信息、加強(qiáng)顯示等例外情況。8(Text)文字表達(dá)使用統(tǒng)一的語言描述,提到同一個概念時,用相同的術(shù)語描述。例如一個關(guān)閉退出功能按鈕,統(tǒng)一描述為關(guān)閉,避免使用返回、退出描述。通常情況下,每個窗口應(yīng)該有一個唯一的標(biāo)題,和觸發(fā)它的菜單或按鈕命令相對應(yīng)。在提示信息中多用“您、請”等禮貌用語,不要用對用戶來說晦澀的計算機(jī)用語,杜絕錯別字。斷句逗號句號頓號分號的用法,提示信息比較多的話,應(yīng)該分段。錯誤消息對話框不僅僅指出問題,還要提供解決問題的建議。9(STYLE)控件選擇不要隨意使用控件,控件功能要專一,風(fēng)格統(tǒng)一。如果沒有好的控件,則使用標(biāo)準(zhǔn)控件??丶娘L(fēng)
6、格統(tǒng)一。同一類型的控件操作方式相同,避免出現(xiàn)一個控件雙擊可以執(zhí)行某些動作,而同樣控件,雙擊卻沒有任何反映。一個控件只做單一功能,盡量不復(fù)用。10(ALIGN)控件布局,窗口不擁擠,按功能組合控件屏幕不能擁擠,讓人看上去,不能太擁擠,也不能太松散。整個項(xiàng)目,盡量采用統(tǒng)一的控件間距,通過調(diào)整窗體大小達(dá)到一致,即使在窗體大小不變的情況下,寧可留空部分區(qū)域,也不要破壞控件間的行間距。文字和文本框一般采用左對齊方式,如單行文本框前的標(biāo)簽提示,使用左對齊加冒號;數(shù)據(jù)列表表頭文字和內(nèi)容,也采用左對齊。文字和文本框中的文字水平中對齊。橫排按鈕,最右邊的一個與上面的控件右
7、對齊窗口縮放時,控件位置、布局。為了使界面不出現(xiàn)跑版或者難看的局面,解決方法是固定窗口大小,不允許改變尺寸。彈出窗口有唯一的標(biāo)題,和觸發(fā)它的菜單或按鈕命令相對應(yīng)。11間距與對齊示例12(TABORDER)TAB順序習(xí)慣用法,閱讀順序,從左到右,從上到下。13(ShortcutKey&Accelerator&PopMenu)快捷鍵、加速鍵和彈出菜單使用非破壞性缺省按鈕,回車、ESC鍵的正確使用。對于彈出模態(tài)窗體,有默認(rèn)加速鍵,如回車表示激活當(dāng)前窗口設(shè)置為default的按鈕動作,esc表示關(guān)閉窗口。同時在調(diào)用default按鈕動作和關(guān)閉動作時候,不應(yīng)該做有
8、破壞性的操作,避免用戶錯誤操作產(chǎn)生危害程度,例如不能把刪除數(shù)據(jù)等功能的按鈕作為缺