[Note: The text and pictures of this article are original, retaining everything, please indicate the author's name and source, thank you. ]
4. Main interface design design main interface, determine the basic style of the system, one of the work in the summary design. The main implementation of the home page The main implementation is navigation. It is to achieve, which is to make the user can complete all regular tasks as much as possible from the home panel. The main interface contains the following user information area Displays the current user information user navigation area user page navigation, the Favorites can collect the current function page to the shortcut function panel user navigation function tree user page navigation, the Favorites can collect the current function page to fast Function Panel Function Trees Hide level-level extended page Space Desktop panel Users help navigate users When logging in, automatically loads related usage help or navigation. The main custody notifies the region to notify the user system business process; inform the user tolerant information. User Shortcut Panel In order to easily and quickly access system functions, users can avoid the cumbersome operation of each access to the tree menu, the user can collect the current page in the panel through the collection button in the navigation bar; the panel appears On all business pages, users can access their own defined function pages at any time. The navigation appears in the form of panel in the homepage, appears in the form of a menu in other pages. User Custom Features Area Users can define related query search and other functions to the home panel, for example: the latest completion report, report search, test flow view, etc. 5. Typical interface The following is a few more typical interface models in the system. During the design of the entire system interface, you need to pay attention to the unity of the entire system, the design style is consistent, the interactive elements in the interface, from color, style to the typographic mode, the specific location must have continuity, so that there is no ь] Divide the lower nest children's lt; br> 6. In the typical interactive mode interface interaction, depending on the function, there are different interactions. Abstractions should be extracted as much as possible, minimize the type of interaction mode, or similar ways to design as much as possible to facilitate users to quickly become familiar with the system. The following is listed below to compare typical interactions in 3 systems for reference. Single item Select Multiple Selection Project Paper ℅℅ 动 Animation 4) 7. Demo Development DEMO is one of the important results of the detailed design phase. After detailed analysis design of the system, develop interface Demo prototypes, the main role is to provide Cooperative customers test in basic functions, system composition and ease of use. The DEMO of this system mainly includes the design and production of the interface, and the development of some client performance layers. In order to reuse as much reuse in the later actual business development, Demo's production is strictly compiled by the system development specification in terms of page specifications, CSS style definitions, and JS scripting, and strictly enforced in future code writing work. The entire Demo of this system includes approximately 50 pages, which is 3 weeks of month. During subsequent development, the entire development process is still strictly controlled to ensure the unity of the entire system interface, and maintain the design of the system interface at any time. 8. The conclusion article is too long ... Need to review the previous things, it is very difficult. Many details, including many design, technical things, have been memorable, and the article also disorders. Therefore, if you have any questions, or have comments, please make or write to me.
