One: Follow the consistent guidelines, establish standards and follow whether the control usage, prompt information, or color, window layout style, follow the unified standard, and do real consistency. The benefits of this: 1: Use the user to build a precise heart model, after using the interface, switch to another interface can easily speculate various functions, statement understanding does not require a fee 2: Reduce training, support costs, and support personnel will guide them one by one. 3: Give the user unified, don't feel confusion, a happy mood, increased support: The project team has experienced people, establishing the UI specification: · Artists provide color distribution color schemes, provide overall color matching table · Interface control program personnel, user experience personnel Reasonable and unified control library. Reference standard interface usage specification: Control features follow industry standards, the Windows platform see "Microsoft User Experience" (in MSDN, Chinese has been translated, the project group must have an item) control style can be unified in the allowable style, hue Refer to other software advanced operations, extract the functions useful to this project to use, absolutely unproven, with no purpose. Design Special Operations Controls, the guidelines are: simplified operations, reaching a certain functional purpose · Interface implementation personnel with the purpose of the potting control, (if this step will lead to the work of each other, it will also be generated Inconsistent chaos). Repeat the above work. · Establishing a rational document "UI Standard" describes the above specifications, and forced interface designers understand it, and as a development criterion, SQA personnel conduct monitoring developers to follow, promptly warn developers. 2: (color) color use, follow the comparison principle: 1: Uniform color adjustment, for software type and user working environment Select appropriate tones: Safety software, according to industrial standards, you can choose yellow, green, green, blue performance fashion , Purple performance romance, etc., pastel color can make people comfortable, dark color make people don't feel tired, etc. If there is no company interface, use the standard interface to consider this aspect, do less, read with the operating system, read System Standard Table 3: Color Blind, Weak Users, Even with special colors expressed their focus or special things, special indicators, quot ;!, heavy numbers, and icons, etc. 4: color schemes also need to test, often often Due to the problem of the display, graphics card, color performance is different for each machine. It should be strictly tested, different machines are colored test 5: Follow comparison principle: use dark text on light background, dark background with light text Blue text is easy to identify in a white background, while the red background is not easy to distinguish because the red and blue are not enough contrast, and blue and white are large. Unless special occasions, eliminate the use of contrast to make people have a colorful color. 6: The color of the color of the color of the entire interface is specific to the different colors of the ITOP color table. The construction of the color table is a standard reference for the art in the pattern design, packaging design. For the program interface designer design control, the form coloring plays a chapter. Three: (resource) A variety of people interacting interfaces, less beautiful mouse cursors, icons, and indicative pictures, basemaps, etc.
1: It also needs to follow the unified rules, including the establishment of the above color table, the establishment step of the icon should also form a standard as much as possible, refer to ITOP OutlookBar Icon Design Standard 2: There is a standard icon style design, a unified composition layout, There are unified tones, contrast, color steps, and picture style 3: basemap should be integrated into basemap, use light, low comparison, as little as possible. 4: Icon, the image should be clearly expressed, follow the common standards, or the user machine is easy to associate into the object, absolutely not allowing the default wonderful pattern. 5: The mouse cursor style is unified, try to use system standards, eliminate repetition, such as one of some software in some software is different. Such as: "How to create an XP icon" http://www.microsoft.com/china/msdn/library/dnwxp/html/winxpicons.asp attachment: ITOP Outlook howto.doc Description ITOP project, OutlookXP style icon manufacturing method four : (Font) The font uses a unified font, and the font standard selection is determined according to the operating system type. Chinese uses standard fonts, "Song", in English, using standard Microsoft Sans Serif without considering special fonts (Lishu, grassbooks, etc., special circumstances can be used to use pictures), ensuring that each user is using it is normal. The font size is based on the system standard font, such as 8 pounds of the MSS font, the small five words (9 lbs) of the Song (10.5 lbs). All controls use the size unified font attribute, in addition to special prompt information, enhance the extrovable display of ITOPs using BCB, all controls use the Parent Font by default, which is not allowed to be unified. · Processing of system size font attributes. The Windows system has a desktop settings, setting large-character properties, many interface designers often have this annoying, follow Microsoft standards, all use relative sizes as the size settings of the control, when switching the size font, relatively no What special problems. However, since it is often convenient to use the dot matrix as the window design unit, the problem of chaos occurred after changing the big font. In this case, it should be processed: 1: The write program automatically adjusts the size, the dot value is multiplied by a corresponding ratio 2: all use the dot matrix as a unit, ignored the system font adjustment, which can reduce the adjustment big font trouble. This method is used in BCB / DELPHI, but the inevitable result is that the system is not unified. 5: (Text) Text Expressment Information, help document text expressing follows the following guidelines: 1: speaking, polite, multi-purpose, please don't use or use less professional terminology, eliminate the wrong words 2: Fair, comma, group, group Usage, the prompt information should be segmented, 3: Warning, information, error uses the corresponding representation method 4: Using a unified language description, such as a shutdown function button, you can describe the exit, return, close, should be unified Provisions. 5: According to the user's different terms, such as dedicated software, there can be many professional belongings, users are children: This can be intimate and kind, older users should be mature. The standard will be submitted.
Six: (Style) control style, do not use the error control, the control function is to have a design of the same style, if there is no ability to design a set of controls, use standard controls, it is absolutely can't honest, messy, no mistakes, do not use Controls, for example: using the Button style, Ttable, with the main menu item display copyright information, the same control operation mode, such as one control, double-click, can perform some actions, and the same control, double click without any reflection · one The control only is only a single function. It does not reuse many people for writing, like to make different functions in different situations, these for the first time understanding of the difficulty, only the user is familiar to understand. For example, change the red option, the parameters on the left represent different settings, may be used in order to save controls or programming, but only skilled users are reused, this case solution: 1: Group, use dual controls. 2: Use table Page, give users a visual change seven: (align) control layout, window is not crowded, press function combination control 1: Screen can't be crowded, it is difficult to understand, so it is difficult to use. Test Results (Mayhew, 1992) The overall coverage of the screen should not exceed 40%, and the packet clock coverage should not exceed 62%. People can't be too crowded, and it can't be too loose. The entire project uses a unified control spacing, which is consistent by adjusting the form size. 2: Regional arrangement a row of controls, alignment in the longitudinal direction, the control spacing is basically the same as the spacing between the line, and the form BORDER distance should be greater than the line spacing (the spacing edge is left blank). When the screen has multiple editing areas, these areas should be organized with visual effects and efficiency. 3: Data alignment To properly explain the text, the Chinese version should use the Chinese full-corner colon, the longitudinal direction is aligned, and according to the colon, it is as shown in the figure. The width of the longitudinal control is as close as possible. And left align. For example, characters such as amount should be combined according to the decimal point alignment, or right alignment 4: valid combination, logically, should be combined to indicate its correlation, but in turn, any unwanted item should be opened, in the project collection, The interval is grouped, or the bin is used to divide the respective regions. For example: the following interface, select the search mode to determine the number range to indicate the scope of the caller number or the scope of the number, and the number of enrolled methods should be modified to: Search and enter the post method. To prevent the user to misunderstand. 5: When the window is zoomed, the control position, the layout: In order to make the interface do not have a run version or ugly situation, the solution: 1: The fixed window size, does not allow the change size, 2: Change the size of the window, do control when OnSize The corresponding change in the position and the size. In the VCL of BCB / Delphi, most controls have layout properties: some controls have an Alignment property, which can be used to make layout adjustments: TCUSTompanel, TMEMO, etc. To automatically adjust according to the layout. Most of the controls are attribute ANCHORS, with left and right Akleft, Aktop, etc. if True, indicating whether the distance relative to each edge is changed. This can be further designed.
8: (Tab Order) Tab order habitual usage, reading order, from left to right, from top to bottom control order, Taborder ,. BCB / DELPHI, using Form Design Right-click Menu Select Taborder Settings In VC, the form RES editing area uses Ctrl D Nine: (SHORTCUTKEY & Accelerator & popmenu) shortcut, accelerator, and pop-up menu • Shortcut: 1: The global shortcut menu describes the Ctrl XXX into the help list. 2: Shortcut key writes help, special instructions, and emphasize the use when using training · Acceleration keys: 1: Use a non-destructive default button, enter the correct use of the ESC button, there is a default accelerator, such as The carriage return indicates that the current window is set to the DEFAULT button action, and the ESC represents the closing window. When calling the DEFAULT button action and closing actions, there should be no destructive operations, avoiding user error operations to generate a hazard, such as a button that deletes data such as deletions as the default button. When the user wants to submit a lot of data, it should block the ESC, or do an exit prompt to warn whether the user saves the submission. 2: The reception action control must have an accelerator key, the unified acceleration key description (& A) is used in conjunction with the keyboard, the operator control should have acceleration keys, accelerate the key to define guidelines, the first letter of English words, if the same form is repeated Use the second letter, so that the acceleration method is Alt this accelerator key, with a unified method identifies in the interface, such as XXX (a) or WPS A.xxx English can log directly under the letter under the letters. Cancel, The shortcuts are displayed in the Label described in the Edit to display the EDIT, which cannot display shortcut keys like Button. • The pop-up menu The auxiliary menu must have a corresponding button or menu option on the visual interface. Since the auxiliary menu is displayed by the user or other actions can be displayed to the user. The corresponding option should be available, so the corresponding option should be obtained, such as a button, such as the corresponding control or the corresponding control or the button that pops up on the interface or the like. Ten: (Action) User Interaction 1: Disable Not NOT Visible To make a function sometimes allow the user to be used, this control cannot be hidden, you should use the disable property to avoid the user to discover the control of the control. 2: The window pop-up position should be obvious to click on a control, pop up the window or menu, should be obvious, the minimum requirement is to cover the position just click, so that the user easily jumps to the new interface. 3: Perform actions To prompt the user a visual feeling, you should pay attention to the user's interaction, the UI as a tool for the human-machine dialog, the user should give the user a visual or auditory, tactile tact. And this prompt should be obvious, but it should not be prompted too long. There are several ways: When the user clicks the button and other actions: 1: The pop-up interaction dialog allows the user to click confirmation. 2: Change the Control Parameter Tip in the UI: (Processing the prompts that do not have users confirmed, there is a certain delay, or automatic clearance after the user button.), Change the title bar string, display "Information: Submit success", or set one specifically The status bar, TLABLE, etc. are used to prompt. 3: Hearing Tips: When it is determined that there is a sound card, the user can hear the sound, send out a special sound prompt. Generally, it is an aid for important tips.
