UI interaction rules ()

zhaozj2021-02-16  51

Http: // 呜呜.co Effort.com/co Effort BBS / Announce / Announce.asp? Board ID = 1 & ID = 4337

Normative Rules 1: Common menus must have a shortcut to a command. 2: Menu that completes the same or similar functions is opened with horizontal lines in the same location. 3: Icon can be intuitive representatives before the menu. 4: The menu depth general requires up to three levels. 5: Toolbar requirements can be customized according to user requirements. 6: Toolbars of the same or similar functions are placed together. 7: Each button in the toolbar has timely prompt information. 8: The length of a toolbar cannot exceed the screen width. 9: Toolbar's icons can be intuitive representatives to complete. 10: The system-wide toolbar settings the default placement position. 11: Toolbars can consider using toolbars. 12: The toolboy must be increased, which is customized by the user. 13: The default total width of the toolboy should not exceed 1/5 of the screen width. 14: Status bars to display information that users do need, commonly used: current operation, system status, user location, user information, prompt information, error message, etc., if a certain operation takes longer, it should also be displayed Schedule and process tips. 15: The length of the scroll bar should be transformed according to the length or width of the display information, so that the user understands the location and percentage of display information. 16: The height of the status bar is suitable, and the width of the scroll bar is slightly narrow than the status bar. 17: The menu and toolbar must have a clear boundary; the menu requires convex display so that there is still a three-dimensional sense when the tool bar is removed. 18: 5 fonts are usually used in menus and status bars. The toolbar is generally width than the menu, but not much. 19: Right-click shortcut menu uses the same guidelines as menu. Rationality rules 1: The center position of the parent form or the main form should be near the diagonal focus. 2: The sub-list position should be in the upper left corner or in the main form. 3: Multiple child forms should be shifted to the right below the right to display the form of the form. 4: Important command buttons are placed on the interface with a more frequent button. 5: Error uses easy to cause the interface to exit or close the interface should not be placed in the easy point. The opening or final with the vertical roll is the easy position. 6: The button that is not related to the ongoing operation should be disabled (the button is displayed in Windows, which cannot be used). 7: Action that may cause data that cannot be recovered must provide confirmation information to give the user to abandon the chance of choice. 8: Illegal input or operation should have sufficient prompts. 9: If there is a problem in the operation, there must be a prompt to let the user understand the error and avoid forming an indefinite waiting. 10: Tips, warnings, or wrong descriptions should be clear, clear, appropriate. Coordination Rules 1: Long width approach the gold spot ratio, avoiding the long-width ratio disorder, or the width exceeds the length. 2: The layout should be reasonable, should not be too intensive, and it is not too empty and reasonable. 3: The button is basically similar, avoiding too long names, lests from excessive interface. 4: The size of the button is to coordinate with the size and space of the interface. 5: Avoid placing a large button on the open interface. 6: The rear interface of the placed control should not have a large vacancy location. 7: The size of the font should be coordinated with the size ratio of the interface, and the Song 9-12 is more beautiful in the font used, and the fonts exceeding 12 are rarely used. 8: Prospects and background color matching reasonable coordination, the contrast is not too big, it is best to use dark, such as Dahong, Green, etc. Common color considers using Windows interface hue. 9: If you use other colors, the main color is soft, with affinity and magnetic force, and resolutely put an end of the color. 10: The main color of the large system has "# E1e1e1", "# Efefef", "# c0c0c0", etc. 11: The interface style should be consistent, the size, color, and font must be the same, unless there is an art handling or a special requirement. 12: If the form supports minimizes and maximizes or enlarges, the controls on the form should be scaled with the form; avoid only the form of the form and ignore the zoom of the control. 13: For interfaces containing buttons, it is generally not supported, that is, only the upper right corner is only closed.

14: Usually the parent form supports zooming, the subsidiary is not necessary to scale. 15: If you can provide a custom interface style, you can choose color, font, and so on by the user yourself. Easy Use Rules 1: Complete the same or similar functions Use the Frame box to support shortcuts. 2: Elements that do the same function or task are placed in a centralized position, reducing the distance of mouse movement. 3: Press the function to divide the domain block, enclose the Frame box and have a functional description or title. 4: The interface must support the keyboard automatic browsing button, which is the automatic switching function of the Tab key. 5: The first control of the input and important information should be entered in the TAB sequence, the position should also be placed on the window. 6: The number of controls on the same interface is preferably not more than 10 (excluding Label controls), and more than 10 can consider using the paging interface display. 7: Page Interface To support fast switching between pages, common combination shortcuts Ctrl Tab 8: The default button To support Enter and select, you will automatically execute the default button before pressing. 9: The writable control is detected after illegal input, and the instructions should be given and can automatically get focus. 10: The order of Tab keys is arranged in the sequence of controls. At present, the popular overall is from top to bottom, while the line is from left to right. 11: The check boxes and options boxes are arranged in the highlights of the selection. 12: Check boxes and options boxes must have the default option and support TAB selection. 13: Options The same time Multi-use option box without the drop-down list box. 14: Use the drop-down box when the interface space is used without the option box. 15: Option number is called when using the option box, reverse the drop-down list box. 16: Professionalism Software To use the relevant professional terms, the versatile interface will advocate usage of versatility. Unique Rules 1: There should be unit introductions or product introductions on the installation interface, and have its own icon. 2: The main interface, it is best to have a company icon on most interfaces. 3: There must be the logo of this product on the login interface, including the company icon. 4: The "About" of the Help menu should be copyrighted and product information. 5: The company's series of products should keep a continuous interface style, such as background colors, fonts, menu arrangements, icons, installation processes, buttons, etc. should be substantially consistent. Safety Rules 1 ,: Most important is to exclude errors that may make applications abort. 2 ,: Should pay attention to avoid user-free access to invalid data. 3 ,: Use the related control to limit the type of user input value. 4. When the possibility of the user is only two, a radio box can be used. 5 ,: When you choose more, you can use the check box, each option is valid, and the user is not possible to enter any invalid selection. 6 ,: When the option is specifically available, you can use the list box, drop-down list box. 7.: In an application system, developers should avoid the user to make unauthorized or meaningless operations. 8 ,::Conautical input characters or motions that may cause fatal errors or system error to be added or blocked. 9.:: There must be remedies for the operation that may have serious consequences. Users can return to the original correct state by remedial users. 10,: Inputs for some special symbols, characters that conflict with the symbols used by the system and prevent the user from entering the character. 11 ,: Preliminary support for error operations, such as canceling a series of operations. 12,: You should prevent the user from performing only the operation only after entering the validity character. 13 ,:: Troubleshooting a longer wait for a wait time should provide cancellation. 14,: Special characters often have ;; '"> <,`': "[{, / |}] =) - (_ * && ^% $ # @! ~, ..? / Also has spaces. 15,: Restrictions on the retained character conflict with the system. 16,: When reading the information entered into the user, choose whether to remove the front and rear spaces as needed. 17,: Some of the fields that read into the database do not support the middle space However, users do need to enter intermediate spaces, then handle it in the program.

Help Design Rules 1: Help Documentation Performance Introduction and Description Together with System Performance. 2: When packaging a new system, a modified place to help documentation in helping documents. 3: Provide the function of timely calling the system when operating. Commonly used F1. 4: You should be able to locate the help location relative to this operation when calling your help on the interface. That is to help have immediate targeted 5: It is best to provide currently popular online help format or HTML help format. 6: Users can use keywords to search for the help index, of course, should also provide help the topic. 7: If there is no written help document, it is best to have the function of printing help. 8: In the help, we should provide our technical support. Once the user is difficult to solve the new help method. 9: Keep the content consistency of the multi-language version. Menu Design Rules 1: Menu usually uses the location of the Common-Main-Secondary-Tool-Tool-Help, which is in line with popular Windows style. 2: Commonly used "File", "Edit", "View", etc., according to different systems. 3: The drop-down menu is to group according to the meaning of the menu option, and cut according to certain rules, separated by horizontal line. 4: Use a set of menus for a successful request or a wizard, it should be arranged in the order. 5: The menu item without the order is arranged according to the frequency and importance, which is often placed in the beginning, and is not commonly placed; it is important to start, the secondary is placed behind. 6: If there are more menu options, the length of the length of the long menu should be used to reduce the depth principles. 7: The menu depth is generally required to control most within three layers. 8: There must be a shortcut command mode for a common menu, and the combination principle is seen 8. 9: Treatment with the menu that is not related to the operation, such as a dynamic load mode, that is, only the menu required is displayed (refer to the Windows 2000 program group), but the user can find the way the mask menu is required. . 10: The icon before the menu should not be too large, and the word high is consistent. 11: The width of the main menu is close, and the number of words should not be more than four. 12: The number of main menu should not be too much, it is best arranged. 13: The menu and toolbar have a clear boundary; the menu requires convex display so that there is still a three-dimensional sense when the removal tool strip. 14: 5 fonts are usually used in menus and status bars. The toolbar is generally width than the menu, but not much. 15: Right-click shortcut menu uses the same guidelines as menu.

Keyboard Design Rules 1: Keep the software all window keyboard operation mode and correspondence of the corresponding function 2: Keep the keyboard operation mode as the operating system similar to the operation mode, easy to understand 3: Keyboard group and operation buttons do not exceed three, do not More than 2 4: Group and Operation Adopt Ctrl, Alt, Shift, Windows Special Key Digital / Character / FX Formal 5: Avoid Vision Access Elements Keyboard Combination Express Operation in the same keyboard area 6: Avoid and operating system already Keyboard Operation Conflict 7: For multilingual version of the keyboard operation shortcut key cannot be used to use a specific content 8: There should be only a keyboard accessible and the mouse cannot be accessed. Conflict Table Windows system reserves the button 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 Navigat e 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 Releaseing 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 General Application Priority Supported Button Press To F1 Display Application Help. shi FT 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 window buttons 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 (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 menu buttons 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 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 text editing window buttons 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 dialog boxes and controls conventional support Key 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 it ms 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 a nd 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 Calendar. Ctrl Page Down Move. 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 Explorer button 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 review of the active window. end display The bottom 帖子 帖子 帖子 帖子 帖子 帖子 帖子 帖子 帖子 帖子 帖子 帖子 帖子 帖子 帖子 帖子 帖子 帖子 帖子 帖子 帖子 帖子 帖子 帖子 帖子 帖子 帖子 帖子 帖子 帖子 帖子 帖子 帖子 帖子 帖子 帖子 帖子 帖子 帖子 帖子 帖子 帖子 帖子 帖子 帖子 帖子 帖子 帖子 帖子 帖子 帖子 帖子 帖子: Support pulleys (Scroll wheel in the mouse) Up and down operation 3: For the same type of element Use the same operation to activate 4: Use the hourglass to indicate the system, use the hand-type representation to click the control usage, the button except the main interface, the button is not more than 6 command button. Confirmation] [Abandon] [Close] [Reset] [Apply] [Help] Six Buttons For the Standard Button Should use the standard meaning when the confirmation button represents the specific function such as "Print", use the function meaning instead Confirmation Dialog All button text content is similar to the same size button button and other part separated by blank or dividing line If the same row button exceeds 3 should be packet.

转载请注明原文地址:https://www.9cbs.com/read-19928.html

New Post(0)