UI(用戶界面)設(shè)計規(guī)則和規(guī)范

《UI(用戶界面)設(shè)計規(guī)則和規(guī)范》由會員上傳分享，免費在線閱讀，更多相關(guān)內(nèi)容在學術(shù)論文-天天文庫。

1、UI(用戶界面)設(shè)計規(guī)則和規(guī)范UI(用戶界面)設(shè)計規(guī)則和規(guī)范界面是軟件與用戶交互的最直接的層，界面的好壞決定用戶對軟件的第一印象。而且設(shè)計良好的界面能夠引導用戶自己完成相應的操作，起到向?qū)У淖饔?。同時界面如同人的面孔，具有吸引用戶的直接優(yōu)勢。設(shè)計合理的界面能給用戶帶來輕松愉悅的感受和成功的感覺，相反由于界面設(shè)計的失敗，讓用戶有挫敗感，再實用強大的功能都可能在用戶的畏懼與放棄中付諸東流。目前界面的設(shè)計引起軟件設(shè)計人員的重視的程度還遠遠不夠，直到最近網(wǎng)頁制作的興起，才受到專家的青睞。而且設(shè)計良好的界面由于需要具有藝

2、術(shù)美的天賦而遭拒絕。目前流行的界面風格有三種方式：多窗體、單窗體以及資源管理器風格，無論那種風格，以下十條規(guī)則是應該被重視的。1：易用性：按鈕名稱應該易懂，用詞準確，屏棄沒楞兩可的字眼，要與同一界面上的其他按鈕易于區(qū)分，能望文知意最好。理想的情況是用戶不用查閱幫助就能知道該界面的功能并進行相關(guān)的正確操作。易用性細則：1)：完成相同或相近功能的按鈕用Frame框起來，常用按鈕要支持快捷方式。2)：完成同一功能或任務(wù)的元素放在集中位置，減少鼠標移動的距離。3)：按功能將界面劃分局域塊，用Frame框括起來,并要有功

3、能說明或標題。4)：界面要支持鍵盤自動瀏覽按鈕功能，即按Tab鍵的自動切換功能。5)：界面上首先應輸入的和重要信息的控件在Tab順序中應當靠前,位置也應放在窗口上較醒目的位置。6)：同一界面上的控件數(shù)最好不要超過10個，多于10個時可以考慮使用分頁界面顯示。7)：分頁界面要支持在頁面間的快捷切換，常用組合快捷鍵Ctrl+Tab8)：默認按鈕要支持Enter及選操作，即按Enter后自動執(zhí)行默認按鈕對應操作。9)：可寫控件檢測到非法輸入后應給出說明并能自動獲得焦點。10)：Tab鍵的順序與控件排列順序要一直，目前

4、流行總體從上到下，同時行間從左到右的甜饃饃地理信息網(wǎng)收集整理UI(用戶界面)設(shè)計規(guī)則和規(guī)范方式。11)：復選框和選項框按選擇幾率的高底而先后排列。12)：復選框和選項框要有默認選項，并支持Tab選擇。13)：選項數(shù)相同時多用選項框而不用下拉列表框。14)：界面空間較小時使用下拉框而不用選項框。15)：選項數(shù)叫少時使用選項框，相反使用下拉列表框。16)：專業(yè)性強的軟件要使用相關(guān)的專業(yè)術(shù)語，通用性界面則提倡使用通用性詞眼。2：規(guī)范性：通常界面設(shè)計都按Windows界面的規(guī)范來設(shè)計，即包含“菜單條、工具欄、工具箱、狀

5、態(tài)欄、滾動條、右鍵快捷菜單”的標準格式，可以說：界面遵循規(guī)范化的程度越高，則易用性相應的就越好。小型軟件一般不提供工具箱。規(guī)范性細則：1)：常用菜單要有命令快捷方式。2)：完成相同或相近功能的菜單用橫線隔開放在同一位置。3)：菜單前的圖標能直觀的代表要完成的操作。4)：菜單深度一般要求最多控制在三層以內(nèi)。5)：工具欄要求可以根據(jù)用戶的要求自己選擇定制。6)：相同或相近功能的工具欄放在一起。7)：工具欄中的每一個按鈕要有及時提示信息。8)：一條工具欄的長度最長不能超出屏幕寬度。9)：工具欄的圖標能直觀的代表要完成

6、的操作。10)：系統(tǒng)常用的工具欄設(shè)置默認放置位置。甜饃饃地理信息網(wǎng)收集整理UI(用戶界面)設(shè)計規(guī)則和規(guī)范11)：工具欄太多時可以考慮使用工具箱。12)：工具箱要具有可增減性，由用戶自己根據(jù)需求定制。13)：工具箱的默認總寬度不要超過屏幕寬度的1/5。14)：狀態(tài)條要能顯示用戶切實需要的信息，常用的有：目前的操作、系統(tǒng)狀態(tài)、用戶位置、用戶信息、提示信息、錯誤信息等，如果某一操作需要的時間較長，還應該顯示進度條和進程提示。15)：滾動條的長度要根據(jù)顯示信息的長度或?qū)挾饶芗皶r變換，以利于用戶了解顯示信息的位置和百分比

7、。16)：狀態(tài)條的高度以放置五好字為宜，滾動條的寬度比狀態(tài)條的略窄。17)：菜單和工具條要有清楚的界限;菜單要求凸出顯示，這樣在移走工具條時仍有立體感。18)：菜單和狀態(tài)條中通常使用5號字體。工具條一般比菜單要寬，但不要寬的太多，否則看起來很不協(xié)調(diào)。19)：右鍵快捷菜單采用與菜單相同的準則。3：幫助設(shè)施：系統(tǒng)應該提供詳盡而可靠的幫助文檔，在用戶使用產(chǎn)生迷惑時可以自己尋求解決方法。幫助設(shè)施細則：1)：幫助文檔中的性能介紹與說明要與系統(tǒng)性能配套一致。(我們的系統(tǒng)幫助文檔都是系統(tǒng)的祖先時期的說明，讓人困惑)。2)：打

8、包新系統(tǒng)時，對作了修改的地方在幫助文檔中要做相應的修改。3)：操作時要提供及時調(diào)用系統(tǒng)幫助的功能。常用F1。4)：在界面上調(diào)用幫助時應該能夠及時定位到與該操作相對的幫助位置。也就是說幫助要有即時針對性。5)：最好提供目前流行的聯(lián)機幫助格式或HTML幫助格式。甜饃饃地理信息網(wǎng)收集整理UI(用戶界面)設(shè)計規(guī)則和規(guī)范6)：用戶可以用關(guān)鍵詞在幫助索引中搜索所要的幫助，當然也應該提供幫助主題詞。