| 規范性細則 1:常用菜單要有命令快捷方式。 2:完成相同或相近功能的菜單用橫線(xiàn)隔開(kāi)放在同一位置。 3:菜單前的圖標能直觀(guān)的代表要完成的操作。 4:菜單深度一般要求最多控制在三層以?xún)取? 5:工具欄要求可以根據用戶(hù)的要求自己選擇定制。 6:相同或相近功能的工具欄放在一起。 7:工具欄中的每一個(gè)按鈕要有及時(shí)提示信息。 8:一條工具欄的長(cháng)度最長(cháng)不能超出屏幕寬度。 9: 工具欄的圖標能直觀(guān)的代表要完成的操作。 10:系統常用的工具欄設置默認放置位置。 11:工具欄太多時(shí)可以考慮使用工具廂。 12:工具廂要具有可增減性，由用戶(hù)自己根據需求定制。 13:工具廂的默認總寬度不要超過(guò)屏幕寬度的1/5。 14: 狀態(tài)條要能顯示用戶(hù)切實(shí)需要的信息，常用的有：目前的操作、系統狀態(tài)、用戶(hù)位置、用戶(hù)信息、提示信息、錯誤信息等，如果某一操作需要的時(shí)間較長(cháng)，還應該顯示進(jìn)度條和進(jìn)程提示。 15：滾動(dòng)條的長(cháng)度要根據顯示信息的長(cháng)度或寬度能及時(shí)變換，以利于用戶(hù)了解顯示信息的位置和百分比。 16：狀態(tài)條的高度以放置五號字為宜，滾動(dòng)條的寬度比狀態(tài)條的略窄。 17：菜單和工具條要有清楚的界限;菜單要求凸出顯示，這樣在移走工具條時(shí)仍有立體感。 18：菜單和狀態(tài)條中通常使用5號字體。工具條一般比菜單要寬，但不太多。 19:右鍵快捷菜單采用與菜單相同的準則。 合理性細則 1：父窗體或主窗體的中心位置應該在對角線(xiàn)焦點(diǎn)附近。 2：子窗體位置應該在主窗體的左上角或正中。 3：多個(gè)子窗體彈出時(shí)應該依次向右下方偏移，以顯示窗體出標題為宜。 4：重要的命令按鈕與使用較頻繁的按鈕要放在界面上注目的位置。 5：錯誤使用容易引起界面退出或關(guān)閉的按鈕不應該放在易點(diǎn)位置。橫排開(kāi)頭或最后與豎排最后為易點(diǎn)位置。 6：與正在進(jìn)行的操作無(wú)關(guān)的按鈕應該加以禁止(Windows中用灰色顯示，沒(méi)法使用該按鈕)。 7：對可能造成數據無(wú)法恢復的操作必須提供確認信息,給用戶(hù)放棄選擇的機會(huì )。 8：非法的輸入或操作應有足夠的提示說(shuō)明。 9: 對運行過(guò)程中出現問(wèn)題而引起錯誤的地方要有提示，讓用戶(hù)明白錯誤出處，避免形成無(wú)限期的等待。 10:提示、警告、或錯誤說(shuō)明應該清楚、明了、恰當。 協(xié)調性細則 1: 長(cháng)寬接近黃金點(diǎn)比例，切忌長(cháng)寬比例失調、或寬度超過(guò)長(cháng)度。 2: 布局要合理,不宜過(guò)于密集，也不能過(guò)于空曠，合理的利用空間。 3: 按鈕大小基本相近，忌用太長(cháng)的名稱(chēng)，免得占用過(guò)多的界面位置。 4: 按鈕的大小要與界面的大小和空間要協(xié)調。 5: 避免空曠的界面上放置很大的按鈕。 6：放置完控件后界面不應有很大的空缺位置。 7: 字體的大小要與界面的大小比例協(xié)調, 通常使用的字體中宋體9-12較為美觀(guān)，很少使用超過(guò)12號的字體。 8: 前景與背景色搭配合理協(xié)調，反差不宜太大，最好少用深色，如大紅、大綠等。常用色考慮使用Windows界面色調。 9: 如果使用其他顏色，主色要柔和，具有親和力與磁力，堅決杜絕刺目的顏色。 10: 大型系統常用的主色有"#E1E1E1"、"#EFEFEF"、"#C0C0C0"等。 11: 界面風(fēng)格要保持一致，字的大小、顏色、字體要相同，除非是需要藝術(shù)處理或有特殊要求的地方。 12: 如果窗體支持最小化和最大化或放大時(shí)，窗體上的控件也要隨著(zhù)窗體而縮放；切忌只放大窗體而忽略控件的縮放。 13：對于含有按鈕的界面一般不應該支持縮放，即右上角只有關(guān)閉功能。 14: 通常父窗體支持縮放時(shí)，子窗體沒(méi)有必要縮放。 15：如果能給用戶(hù)提供自定義界面風(fēng)格則更好，由用戶(hù)自己選擇顏色、字體等。 易用性細則 1:完成相同或相近功能的按鈕用Frame框起來(lái)，常用按鈕要支持快捷方式。 2:完成同一功能或任務(wù)的元素放在集中位置，減少鼠標移動(dòng)的距離。 3:按功能將界面劃分局域塊，用Frame框括起來(lái),并要有功能說(shuō)明或標題。 4:界面要支持鍵盤(pán)自動(dòng)瀏覽按鈕功能，即按Tab鍵的自動(dòng)切換功能。 5:界面上首先應輸入的和重要信息的控件在Tab順序中應當靠前,位置也應放在窗口上較醒目的位置。 6:同一界面上的控件數最好不要超過(guò)10個(gè)(不含LABEL控件)，多于10個(gè)時(shí)可以考慮使用分頁(yè)界面顯示。 7:分頁(yè)界面要支持在頁(yè)面間的快捷切換，常用組合快捷鍵Ctrl+Tab 8:默認按鈕要支持Enter及選操作，即按Enter后自動(dòng)執行默認按鈕對應操作。 9:可寫(xiě)控件檢測到非法輸入后應給出說(shuō)明并能自動(dòng)獲得焦點(diǎn)。 10:Tab鍵的順序與控件排列順序要一直，目前流行總體從上到下，同時(shí)行間從左到右的方式。 11:復選框和選項框按選擇幾率的高底而先后排列。 12:復選框和選項框要有默認選項，并支持Tab選擇。 13:選項數相同時(shí)多用選項框而不用下拉列表框。 14:界面空間較小時(shí)使用下拉框而不用選項框。 15:選項數叫少時(shí)使用選項框，相反使用下拉列表框。 16:專(zhuān)業(yè)性強的軟件要使用相關(guān)的專(zhuān)業(yè)術(shù)語(yǔ)，通用性界面則提倡使用通用性詞眼。 獨特性細則 1:安裝界面上應有單位介紹或產(chǎn)品介紹，并有自己的圖標。 2:主界面，最好是大多數界面上要有公司圖標。 3:登錄界面上要有本產(chǎn)品的標志，同時(shí)包含公司圖標。 4:幫助菜單的“關(guān)于”中應有版權和產(chǎn)品信息。 5:公司的系列產(chǎn)品要保持一直的界面風(fēng)格，如背景色、字體、菜單排列方式、圖標、安裝過(guò)程、按鈕用語(yǔ)等應該大體一致。 安全性細則 1、：最重要的是排除可能會(huì )使應用非正常中止的錯誤。 2、：應當注意盡可能避免用戶(hù)無(wú)意錄入無(wú)效的數據。 3、：采用相關(guān)控件限制用戶(hù)輸入值的種類(lèi)。 4、：當用戶(hù)作出選擇的可能性只有兩個(gè)時(shí),可以采用單選框。 5、：當選擇的可能再多一些時(shí),可以采用復選框,每一種選擇都是有效的,用戶(hù)不可能輸入任何一種無(wú)效的選擇。 6、：當選項特別多時(shí)，可以采用列表框，下拉式列表框。 7、：在一個(gè)應用系統中,開(kāi)發(fā)者應當避免用戶(hù)作出未經(jīng)授權或沒(méi)有意義的操作。 8、：對可能引起致命錯誤或系統出錯的輸入字符或動(dòng)作要加限制或屏蔽。 9、:對可能發(fā)生嚴重后果的操作要有補救措施。通過(guò)補救措施用戶(hù)可以回到原來(lái)的正確狀態(tài)。 10、:對一些特殊符號的輸入、與系統使用的符號相沖突的字符等進(jìn)行判斷并阻止用戶(hù)輸入該字符。 11、：對錯誤操作最好支持可逆性處理，如取消系列操作。 12、:在輸入有效性字符之前應該阻止用戶(hù)進(jìn)行只有輸入之后才可進(jìn)行的操作。 13、:對可能造成等待時(shí)間較長(cháng)的操作應該提供取消功能。 14、：特殊字符常有；;’”><,｀‘：“［”｛、\|｝］+=)-(_*&&^%$#@!~,.。?/還有空格。 15、：與系統采用的保留字符沖突的要加以限制。 16、：在讀入用戶(hù)所輸入的信息時(shí)，根據需要選擇是否去掉前后空格。 17、：有些讀入數據庫的字段不支持中間有空格，但用戶(hù)切實(shí)需要輸入中間空格，這時(shí)要在程序中加以處理。 幫助設計細則 1：幫助文檔中的性能介紹與說(shuō)明要與系統性能配套一致。 2：打包新系統時(shí)，對作了修改的地方在幫助文檔中要做相應的修改。 3：操作時(shí)要提供及時(shí)調用系統幫助的功能。常用F1。 4：在界面上調用幫助時(shí)應該能夠及時(shí)定位到與該操作相對的幫助位置。也就是幫助要有即時(shí)針對性 5：最好提供目前流行的聯(lián)機幫助格式或HTML幫助格式。 6：用戶(hù)可以用關(guān)鍵詞在幫助索引中搜索所要的幫助，當然也應該提供幫助主題詞。 7：如果沒(méi)有提供書(shū)面的幫助文檔的話(huà)，最好有打印幫助的功能。 8：在幫助中應該提供我們的技術(shù)支持方式，一旦用戶(hù)難以自己解決可以方便的尋求新的幫助方式。 9：保持多語(yǔ)言版本之間幫助文檔的內容一致性。 菜單設計細則 1：菜單通常采用“常用--主要--次要--工具--幫助”的位置排列，符合流行的Windows風(fēng)格。 2:常用的有“文件”、“編輯”，“查看”等，根據不同的系統有所取舍。 3:下拉菜單要根據菜單選項的含義進(jìn)行分組，并切按照一定的規則進(jìn)行排列，用橫線(xiàn)隔開(kāi)。 4: 一組菜單的使用有先后要求或有向導作用時(shí)，應該按先后次序排列。 5: 沒(méi)有順序要求的菜單項按使用頻率和重要性排列，常用的放在開(kāi)頭， 不常用的靠后放置；重要的放在開(kāi)頭，次要的放在后邊。 6: 如果菜單選項較多，應該采用加長(cháng)菜單的長(cháng)度而減少深度的原則排列。 7: 菜單深度一般要求最多控制在三層以?xún)取? 8: 對常用的菜單要有快捷命令方式，組合原則見(jiàn)8。 9:對與進(jìn)行的操作無(wú)關(guān)的菜單要用屏蔽的方式加以處理，例如采用動(dòng)態(tài)加載方式，即只有需要的菜單才顯示(參考Windows 2000程序組)，但需要提供用戶(hù)可以找到被屏蔽菜單的方式。 10：菜單前的圖標不宜太大，與字高保持一致最好。 11:主菜單的寬度要接近，字數不應多于四個(gè)。 12：主菜單數目不應太多，最好為單排布置。 13：菜單和工具條要有清楚的界限;菜單要求凸出顯示，這樣在移走工具條時(shí)仍有立體感。 14：菜單和狀態(tài)條中通常使用5號字體。工具條一般比菜單要寬，但不太多。 15:右鍵快捷菜單采用與菜單相同的準則。 鍵盤(pán)設計細則 1：保持軟件所有窗口鍵盤(pán)操作方式和對應功能的一致 2：保持鍵盤(pán)操作方式同操作系統類(lèi)似操作方式一致，簡(jiǎn)單易理解 3：鍵盤(pán)組和操作按鍵不要超過(guò)三個(gè)，對于初級用戶(hù)不要超過(guò)2個(gè) 4：組和操作采用CTRL、ALT、SHIFT、Windows專(zhuān)用鍵+數字\字符\F X形式 5：避免界視覺(jué)上接近的元素鍵盤(pán)組合快捷操作在同一鍵盤(pán)區域 6：避免和操作系統已有的鍵盤(pán)操作沖突 7：對于多語(yǔ)言版本的鍵盤(pán)操作快捷鍵不能采用基于某一個(gè)語(yǔ)言版本的特定內容 8：不應存在只有鍵盤(pán)能訪(fǎng)問(wèn)而鼠標無(wú)法訪(fǎng)問(wèn)的元素 常用鍵盤(pán)對照表 Windows系統保留按鍵 Press To Display or hide the Start menu. CTRL+ESC Display or hide the Start menu (same as ). CTRL+ALT+DELETE Display Windows Security screen or Windows Task Manager. +BREAK Display the System Properties dialog box. +D Show the desktop. +M Minimize all windows. +Shift+M Restore minimized windows. +E Open My Computer by Windows Explorer. +F Search for a file or folder. CTRL+ +F Search for computers. +F1 Display Windows Help. +L Lock your computer if you are connected to a network domain, or switch users if you are not connected to a network domain. +R Open the Run dialog box. ALT+TAB(s) Switch between open windows. While holding the ALT key down, you can press TAB several times to navigate through the system display of each previously used window. ALT+SHIFT+TAB(s) Similar to ALT+TAB(s), switch backward between open windows. You can switch between moving backward or forward by holding or releasing SHIFT key. ALT+ESC(s) Cycle the input focus through the windows in the order that they were opened; compare to ALT+TAB. ALT+SHIFT+ESC(s) Similar to ALT+ESC(s), cycle focus backward through windows. You can switch between moving backward or forward by holding or releasing the SHIFT key. PRINTSCREEN Copy an image of the screen. ALT+PRINTSCREEN Copy an image of the current window. Left ALT+SHIFT Switch input languages or keyboard layouts (available and configurable when the user installed multiple keyboard layouts through Regional and Language Options in Control Panel). CTRL+SHIFT Switch keyboard layouts or input languages (available and configurable when the user installed multiple keyboard layouts through Regional and Language Options in Control Panel). CTRL or left ALT+SHIFT + ~, number (0~9), or grave accent key Hot key for input languages (available and configurable when the user installed multiple keyboard layouts through Regional and Language Options in Control Panel). +V [Speech recognition] Toggle listening status of the microphone. +C [Speech recognition] Correct recognized text strings. +T [Speech recognition] Toggle between speech dictation mode. +H [Handwriting] Open or close handwriting pad. + number Reserved for OEM use. Windows常規應用優(yōu)先支持的按鍵 Press To F1 Display Application Help. SHIFT+F1 Display tips help (context-sensitive help) near the selected control. Display the shortcut menu for the selected item. SHIFT+F10 Display the shortcut menu for the selected item (same as ). CTRL+C Copy selected items. CTRL+X Cut selected items. CTRL+V Paste, cut or copied items. CTRL+Z Undo the last action. CTRL+Y Redo the last action. ESC Cancel the current task. DELETE Delete selected items. Windows窗口按鍵 Press To CTRL+F4 Close the active document in applications that allow you to have multiple documents open simultaneously. ALT+F4 Close the active item, or quit the active application. CTRL+TAB Moves to next pane or palette. CTRL+SHIFT+TAB Moves to previous pane or palette. F6 Moves to next pane or palette (same as CTRL+TAB). SHIFT+F6 Moves to previous pane or palette (same as CTRL+SHIFT+TAB). CTRL+F6 Moves to next window in a group of related windows (or between MDI document windows). CTRL+SHIFT+F6 Moves to previous window in a group of related windows (or between MDI document windows). Window菜單按鍵 Press To ALT+SPACE Display shortcut menu for the active window. ALT+"-" (Hyphen) Display shortcut menu for the active child window (MDI application). ALT Activate the menu bar and enter menu mode. F10 Activate the menu bar and enter menu mode (same as ALT). ALT+(access keys on menu or dialog box selected) Activate the menu bar and open corresponding menu to the access key. Access key [Menu mode] Carry out the corresponding command. DOWN ARROW [Menu mode] Open menu item, move to the one item below, or move to top of menu if focus is located in the bottom of the menu. UP ARROW [Menu mode] Move to the one menu item above, or move to the bottom if focus is located in the top of the menu. RIGHT ARROW [Menu mode] Open the next menu to the right, or open a submenu. LEFT ARROW [Menu mode] Open the next menu to the left, or close a submenu. Windows文字編輯窗口按鍵 Press To HOME Move cursor to beginning of the line. END Move cursor to end of the line. CTRL+A Select all. CTRL + RIGHT or LEFT ARROW Move cursor to the beginning of the next or previous word. CTRL + DOWN or UP ARROW Move cursor to the beginning of the next or previous paragraph. CTRL+HOME Move cursor to the top of the document. CTRL+END Move cursor to the end of the document. Holding SHIFT + cursor movement (arrow, HOME, or END keys) Select or extend the selection. Holding SHIFT + CTRL + Cursor movement Select or extend the selection by words or block of text. INSERT Toggle the insertion mode. Windows對話(huà)框和常規控件支持的按鍵 Control type Press To General TAB Move forward through options. SHIFT+TAB Move backward through options. Dialog box ALT+access key Select or carry out the corresponding command or control. ENTER Carry out the default command of the dialog box or command of the selected control. SPACE Toggle the selection status or carry out the selected option or control command. Arrow keys Move focus or selection in a group of controls or items. Tab control CTRL + TAB Move forward through tabs. CTRL + SHIFT+TAB Move backward through tabs. CTRL + PAGE DOWN Move forward through tabs (same as CTRL+TAB). CTRL + PAGE UP Move backward through tabs (same as CTRL+SHIFT+TAB). Arrow keys Move between tabs when focusing on the control. Combo box F4 Display or hide the items in the active list. ALT + DOWN or UP Display or hide the items in the active list (same as F4). Any printable key or keys Moves the selection to the item matching prefix letters in the beginning of title. For more information, see Navigating by Matching Characters. List view SPACE Locates new selection and anchor for the item. SHIFT+SPACE Extends the selection from anchor to the item. CTRL+SPACE Invoke additional selection or deselection and move the anchor to the selected item. Arrow keys Move focus and remove all selection and the anchor previously made. CTRL+arrow keys Move focus without move of selection or the anchor. Any printable key or keys Moves the selection to the item matching prefix letters in the beginning of the label. For more information, see Navigating by Matching Characters. CTRL + "+" (numeric pad) Adjusts the width of all columns to fit their contents. Tree view * (Numpad) Display all sub-items under the selected item. + (Numpad) Display sub-items directly under the selected item. - (Numpad) Collapse the items directly under the selected item group. RIGHT ARROW Display sub-items directly under the selected item (same as +). LEFT ARROW Collapse the selected item group and move focus to the group leaf root. CTRL+UP ARROW Scroll the view without change of the selection. CTRL+DOWN ARROW Scroll the view without change of the selection. Any printable key or keys Moves the selection to the item matching prefix letters in the beginning of title. For more information, see Navigating by Matching Characters. Date and time picker F4 Display calendar below the control. ALT+DOWN Display calendar below the control. ALT+UP Hide calendar below the control. PAGE UP Move to next month in the calendar. PAGE DOWN Move to previous month in the calendar. CTRL+PAGE UP Move to next year in the calendar. CTRL+PAGE DOWN Move to previous year in the calendar. Check box SPACE Toggles the selected option. - Clear the option. + Select the option. Slider Arrow keys Move the slider to the next value. The direction can be reversed by selecting the slider control style LBS_DOWNISLEFT. PAGE UP and DOWN Move the slider to next value in specified incremental amount. The direction can be reversed by selecting the slider control style LBS_DOWNISLEFT. Windows資源管理器按鍵 Press To F2 Rename selected item. F3 Search for a file or folder. F4 Display the Address bar list. F5 Refresh the active window or reload document in the active window. F6 Cycle through screen elements in a window or on the desktop. ALT+RIGHT ARROW Move to next page or folder viewed. ALT+LEFT ARROW Move to previous or folder viewed. ALT+ENTER View properties for the selected item. SHIFT+DELETE Delete selected item permanently without placing the item in the Recycle Bin. HOME Display the top of the active window. END Display the bottom of the active window. BACKSPACE View the folder one level up. 鼠標設計細則 1：點(diǎn)擊選中而不是滑動(dòng)停留選中 2：支持滑輪（鼠標中間的滾動(dòng)輪）上下翻動(dòng)操作 3：對于相同種類(lèi)的元素采用相同的操作激活 4：用沙漏表示系統忙，用手型表示可以點(diǎn)擊 控件使用細則 按鈕 除主界面外命令按鈕不超過(guò)6個(gè) 命令按鈕文字簡(jiǎn)單明了 相同功能的命令按鈕使用同一個(gè)圖標和文字 [確認][放棄][關(guān)閉][重置][應用][幫助]六個(gè)按鈕為標準按鈕應使用標準含義 當確認按鈕代表諸如“打印”“搜索”之類(lèi)具體功能的時(shí)候，使用功能含義代替確認 對話(huà)框中所有按鈕文字內容長(cháng)度類(lèi)似的話(huà)采用同樣大小的按鈕 按鈕和其他部分用空白或者分割線(xiàn)分開(kāi) 如果同排按鈕超過(guò)3個(gè)應該分組。 在統一的位置放置按鈕 按鈕盡可能按照下列順序擺放：確認離開(kāi)、放棄離開(kāi)、應用 按鈕文字中加入“...”表示需要輸入數據 禁止而不是消失暫時(shí)不起作用的按鈕 一般情況下選擇非破壞性按鈕作為默認按鈕 標簽 文字內容應該明了 同一窗口不同標簽文字大小應該一致 盡量不采用大紅顏色作為標簽文字 預先考慮不同字體大小的情況標簽的大小 單選按鈕 應該帶有明白的文字解釋 集中豎排放置單選按鈕 同時(shí)放置的單選按鈕不超過(guò)6個(gè) 避免兩個(gè)單選按鈕表示同一內容的兩種狀態(tài)（例如YES/NO） 復選按鈕 應該帶有明白的文字解釋 集中豎排放置復選按鈕 同時(shí)放置的復選按鈕不超過(guò)10個(gè) 不要帶有“選擇全部”“取消全部選擇”的復選按鈕 復選按鈕多行放置時(shí)左對齊 文本輸入框 有邊框的用于可輸入文本框，不可輸入的用無(wú)邊框的 灰掉只讀的文本框 文本框的寬度應和可輸入的內容長(cháng)度一致 當存在做個(gè)文本輸入框(超過(guò)3個(gè))可以按照一定規則分類(lèi)用組件范圍框架 放置LABEL說(shuō)明文本輸入框用途，說(shuō)明文本后加“：” 列表框 同時(shí)顯示項數為3-8個(gè) 應該為列表框增加一個(gè)說(shuō)明意義的文本解釋放置在列表框左上方 對于超過(guò)30個(gè)選項的列表框應提供選項過(guò)濾方式 保持列表框中被用戶(hù)選中選項的焦點(diǎn) 下拉列表框 當用戶(hù)需要同時(shí)看到多個(gè)選項時(shí)采用列表框而不是下拉列表框 應該為列表框增加一個(gè)說(shuō)明意義的文本解釋 組件范圍框架 按照一定規則放置控件在組件范圍框架內： 根據邏輯關(guān)系 根據任務(wù)關(guān)系 根據使用頻率 滑動(dòng)條 同時(shí)顯示當前的代表值會(huì )更加有效 當可選擇數目在10以?xún)鹊臅r(shí)候不使用滑動(dòng)條 滑動(dòng)條位置代表實(shí)際數值 在用戶(hù)知道精確位置情況下允許其輸入數值定位 用小箭頭表示小的改變 樹(shù) 樹(shù)控件對于初級用戶(hù)可能不合適 樹(shù)不能代替菜單和按鈕 列表樹(shù) 讓用戶(hù)可以選擇一個(gè)選項的任何一個(gè)部分表示選中該選項（行選擇） 多頁(yè)面選擇 按照一定規則放置控件在多頁(yè)面不同頁(yè)面內： 根據邏輯關(guān)系 根據任務(wù)關(guān)系 根據使用頻率 如果是軟件設置按鈕增加一個(gè)恢復到默認的按鈕在多頁(yè)面選擇控件下面 避免只有一個(gè)控件的頁(yè)面 |
聯(lián)系客服
