The interface is the most direct layer interacting with the user, and the quality of the interface determines the user's first impression of the software. Moreover, the design of a good interface can guide the user to complete the corresponding operation, and play a guide. At the same time, the interface is like a person's face, has a direct advantage of attracting users. The design reasonable interface can bring easy feelings and success. On the contrary, due to the failure of interface design, it is possible to make the user's fear and abandonment in the user's fear. The current interface design causing the extent to which software designers' attention is still not enough, until the rise of the recent web production is favored by experts. And the design is designed to be rejected due to the talent of art. At present, there are three ways in the popular interface: multi-form, single-window, and resource manager style, no matter that style, the following rules should be valued. 1: Easy to use: Button name should be easy to understand, accurately use the word, discard no two-can - the word eyes, to easily distinguish between other buttons on the same interface, and the best of the energy. Ideally, the user can know the functionality of the interface without consulting the help and performs the correct operation. Easy to use the rules: 1): Complete the same or similar function with the Frame box, the common button is required to support shortcuts. 2): Complete the element of the same function or task is placed in a centralized position, reducing the distance of the mouse movement. 3): Press the function to divide the domain block, enclose the Frame Frame, and have a functional description or title. 4): The interface must support the keyboard automatic browsing button function, which is the automatic switching function of the TAB button. 5): The first control of the input and important information should be entered on the TAB sequence, and the position should also be placed on the window. 6): The number of controls on the same interface is preferably not more than 10, more than 10, can consider using the paging interface display. 7): Page interface To support shortcut switching between pages, common combination shortcut ctrl tab8): The default button is supported, ie, press ENTER to automate the default button to correspond to the corresponding operation. 9): The writable control item is detected after the illegal input should be given, and the description should be given and can automatically get the focus. 10): The order of Tab keys and the sequence of sequences of the control are always, and the popularity is currently from top to bottom, while the line is from left to right. 11): The Nuclear Number and Option box is arranged in the high-rate of selecting the chance. 12): Nuclear Correspondections and Options boxes must have default options and support Tab selection. 13): Options The same time Multi-use option box without the drop-down checklist. 14): Use the drop-down box when the interface space is small without the option box. 15): Use the option box when the option is small, and the drop-down list box is used. 16): Professionalism Software To use the relevant professional terms, the versatile interface will advocate the use of versatility. 2: Normative: The usual interface design is designed according to the specification of the Windows interface, it can be said that the higher the degree of normalization, the better it is, the better it is easy to use. Small software generally does not provide a toolbaux. Normative Rules: 1): The common menu must have a shortcut to command. 2): The menu that completes the same or similar functions is open to the same position with the horizontal line. 3): The 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): The toolbar of the same or similar function is placed together. 7): Each button in the toolbar must have timely prompt information. 8): The length of a toolbar cannot exceed the screen width. 9): The toolbar can be intuitive representative to complete the operation. 10): The system-wide toolbar settings the default placement position. 11): Toolbars can consider using toolbars. 12): The toolboy must be increased, and the user is customized by the user. 13): The default total width of the toolboy should not exceed the screen width 1 / 5.14): Status bars to display users' practical information, commonly used: current operation, system status, user location, user information, prompt Information, error message, etc. If a certain operation takes longer, progress bar and process tips should be displayed. 15): The length of the scroll bar should be transformed in time 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 appropriate to place the five good words, 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 sensation when the tool strip is removed. 18): 5 fonts are usually used in menus and status bars. The toolbar is generally wider than the menu, but not too many, otherwise it seems uncoordinated. 19): Right-click the shortcut menu with the same criteria as menu. 3: Help facilities: The system should provide detailed and reliable help documentation, you can seek a solution when you use it when you use it. Help facilities: 1): Help the performance introduction in the documentation and instructions are consistent with the system performance. (Our system helps documentation is the instructions of the ancestors of the system, which is confused). 2): When packaging a new system, a modified place to make a corresponding modification in helping documents. 3): Provide the function of timely calling the system. Commonly used F1.4): You should be able to locate the help location relative to this operation when calling help on the interface. That is to say, help have immediate targeted. 5): It is best to provide the current popular online help format or HTML help format. 6): Users can use keywords in helping to search for the help index, of course, should also provide help topic. 7): If you do not provide a 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. 4: Rationality: The position of the screen diagonal intersection is where the user's direct view is, and in the top quarter, it is easy to attract the user's attention. When placing the form, pay attention to the use of these two locations. Rationality rules: 1): The center position of the parent form or the main form should be near the diagonal focus. 2): The sub-form position should be in the upper left corner or in the main form. 3): When multiple subforms pop-up, it should be shifted in the lower right to display the title of the form. 4): Important command buttons are placed on the interface on the interface with a more frequent button. 5): Error Use the button that is easy to cause the interface to exit or close should not be placed in the easy point position. The opening or final with the vertical roll is the easy position. 6): The buttons that are not related to the ongoing operation should be masked (using gray display in Windows, which cannot be used). 7): The operation that may cause data that cannot be restored must provide confirmation information to give the user to give up the chance of choice. 8): The illegal input or operation should have sufficient prompts. 9): If there is a problem in the operation, there must be prompted to make the user understand the error to avoid the formation of indefinitely. 10): Tips, warnings, or wrong descriptions should be clear, clear, appropriate. 5: Beautiful and coordination: The interface should be suitable for aesthetic views, feel coordinated and comfortable, can attract the user's attention within a valid range. Beautiful and coordinated rules: 1): Long width approach the gold medal ratio, avoid the long-width ratio disorder, or the width exceeds the length. 2): The layout should be reasonable, should not be too intensive, and cannot be too empty and reasonable. 3): The button is basically similar, avoiding too long names, lests from excessive interface. 4): The size of the button should be coordinated 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's 9-12 is more beautiful in the font used, rarely uses the font of the 12th. 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 gentle, with affinity and magnetic force, and resolutely put the color of your eye. 10): The main color of the large system has "# E1E1e1", "# efefef", "# c
0C
0C
0 "Wait .11): The interface style should be consistent, the size, color, font must be the same, unless there is a place where art processing or special requirements are required. 12): If the form supports minimizes and maximizes or enlarges The controls on the form should also zoom with the form; avoid only the form and ignore the zoom of the control. 13): For the interface containing the button, it is generally not supported, that is, the upper right corner is only closed. 14): Usually, when the parent form supports zooming, the subsidiary is not necessary to zoom. 15): If you can provide the user to provide a custom interface style, better, by the user yourself, font, etc. 6: Menu location: Menu is the most Important elements, menu positions are organized by feature. Menu set test strip: 1): Menu usually use "common-primary-secondary-tool-tool-help" position arrangement, in line with popular Windows style. 2 : Commonly used "File", "Edit", "View", etc., almost every system has these options, of course, according to different systems. 3): The drop-down menu should group according to the meaning of the menu option. And arranged in accordance with certain rules, separated by horizontal lines. 4): When using a set of menus, the use of a set of menus, should be arranged in the order. 5): Menu items required for the order require frequency And importance, commonly placed at the beginning, uncommonly placed; important places, secondary, secondary. 6): If there are more menu options, the length of the long menu should be used to reduce depth Principle arrangement. 7): Menu depth general requires up to three in three layers. 8): See 8.9 for commonly used menus, combination principles see 8.9): Menu that is not related to the operation, to shielded Handling, if you use a dynamic loading method - that is, only the menu is displayed - best .10): The icon before the menu is not too big, and the word high is always the best. 11): The width of the main menu Close, the number of words should not be more than four, the number of words in each menu can be the same. 12): The number of main menu should not be too much, it is best to arrange a single row arrangement. 7: Uniqueness: If you follow the interface of the industry Standard, you will lose your own personality. In the case where the framework meets the above specifications, it is especially important to design your own unique style. Especially in the circulation of commercial software, there is a good migration and useful advertising utility. 1): Installation interface There should be a unit introduction or product introduction, and have its own icon. 2): 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, and include 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 the interface style, such as background colors, fonts, menu arrangements, icons, installation processes, buttons, etc. Should be substantially consistent.
8: The combination of shortcuts In the menu and buttons, the shortcuts can be used to make users who like to use the keyboard faster some of the use of shortcuts in Westei Windows and their applications. It is consistent. Menu: 1): The combination of transactions is: Ctrl-D deletion; Ctrl-f looks; Ctrl -h replacement; Ctrl-i insertion; Ctrl-N new record; Ctrl-S Save Ctrl-o open. 2): List: Ctrl-r, Ctrl-g positioning; Ctrl-Tab Next Page window or inward browsing the same page control; 3): Edit: Ctrl-a allocation; Ctrl-C copy; Ctrl-V paste; Ctrl-x shear; Ctrl-z revoked operation; CTRL-Y recovery operation. 4) File operation: CTRL-P printing; Ctrl-W is closed. 5): System menu ALT-A file; ALT-E editing; ALT-T tool; ALT-W window; alt-h help. 6): MS Windows Reserved Key: CTRL-ESC Task List; CTRL-F4 Close window; ALT-F4 ends; Alt-Tab Next Application; Enter Default Button / Confirmation Action; ESC Cancel Button / Cancellation; Shift- F1 context-related help. In the button: can be adjusted according to the needs of the system, the following is just a commonly used combination. ALT-Y determined (yes); alt-c cancel; Alt-N No; ALT-D deletion; ALT-Q exit; Alt-a added; Alt-E editing; Alt-r; alt- W Write. These shortcuts can also be used as a standard for developing Chinese applications, but can also use Chinese pinyin beginners. 9: Safety Consideration: In the interface, the error rate is controlled by the following method, which greatly reduces the damage caused by the user's error due to the user. Developers should try to take into account various possible problems, so that the error can be minimized. If you use a protective error, you exit the system, this error is easier to make users lose confidence in the software. Because this means that the user wants to interrupt the idea and re-logs in, and the operation has been lost because there is no storage disk. Safety Rules: 1): Most importantly, exclusion may make an error that is aborted normal. 2): Be careful to avoid invalidity of invalidity as much as possible. 3): Use the related control to limit the type of user input value. 4): When only two likelihoods have been made, only two boxes can be used. 5): When the choice may be more, you can use the check box, each selection is valid, and the user is not possible to enter any of the invalid options. 6): When elect, you can use a list box, drop-down list box. 7): In an application system, developers should avoid the user to make unauthorized or meaningless operations. 8): Plus or mask for input characters or motions that may cause fatal errors or system error. 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): Judging the input of some special symbols, characters conflicting with the symbols used by the system and prevents the user from entering the character. 11): It is best to support the error operation, such as canceling a series of operations. 12): You should prevent the user from performing only the input only after entering the valid character. 13): The cancel function should be provided for a longer operation that may cause a wait time. 14): Special characters often have ;; '"> <,`': "[{, / |}] =) - (_ * && ^% $ # @!, ..? / There is space.
