[Note: The text and pictures of this article are original, retaining everything, please indicate the author's name and source, thank you. As early as China IT industry is unresolved, the computer application system is mainly functional, and there is almost no interface design. Today, with the continuous spread of computers and networks, the degree of social informationization is growing, and users and markets are constantly mature. People are not only "sufficient", but more emphasize "easy to use" "easy to use" Therefore, whether it is the personal software of ordinary end users, or the large system of enterprise applications, interface design has become a very important aspect in system construction. However, (at least in China) due to the lag of IT industry, the market is not mature enough, in most enterprises, interface design has not yet gains the importance of the importance in software system development, and operates in business And coordination has not formed mature patterns and solutions, how to do interface design and development, still a problem that everyone is constantly studying. I have written this article, the main content is the process of participating in the design and development of Web system interface facing the quality inspection industry, including some concepts and ideas between them; its purpose, hope to explore this problem with everyone, hope It can give you a reference, playing the role of bricking jade. In addition, the author assumes system development and interface design, so although this is an article discussed interface design, the author also tries to limit the article within the interface design, but it may also contain some development and system design. Please distinguish between clear, welcome to correct.
1. Workflow The following image is the main process of the interface design and interface design during the development process. From the initial demand analysis, I will join the project and participate in the entire development process from beginning to end. In the demand analysis phase, participate in the access and research on customers; in the professional design phase, some system design analysis work is involved; in the detailed design phase, complete the entire system interface design and DEMO production, and submit user feedback; At the stage, the design and development of the system performance layer was involved. 2. Demand analysis In the demand analysis phase, mainly for interface crossing problems, and conduct several investigations to users. It mainly includes the following contents · Audience User Group Survey · System Usage Environment Survey · Audience user usage habit survey · User's use of old version software usage, due to cost reasons, I didn't directly access customers for investigation. The work is mainly to propose some specific problems, and investigate the customer by the demand for investigator, in questionnaires or verbal question and answer methods. In addition, the company's experienced customer service staff and market staff are also one of the most important sources of demand. The customer base of this system is mainly a quality inspection unit under the national provinces and cities, and the aged age is from young to more age. For ordinary national organs, the computer system and network are not familiar, the computer environment is general, even comparative, and there is less configuration. In this environment, the user usually does not use tendencies to computer, mostly adaptable to manual operation. For the previous generation of this system, the main comments are difficult, inconvenient. There are other specific survey feedback, such as the user basically does not use the right mouse button, the older user is difficult to see dense smaller text, etc. 3. Interface design principle In the summary design phase, according to the results of the survey phase, I organize the basic principles of system interface design. Because in the code development phase, many times the interface is written directly by the developer, so certain principles and specifications must be determined to ensure the unity of the system interface. General applicable principles · Simple and clear principles: The user's operation should be presented in front of the user in the user as much as possible. For the operating interface, click directly above the right-click operation, the text represents the icon, which comply with the user's identification habit of similar systems. · Easy to use the principle: the first principle of user habits for easy use. Others include the minimum operating principle of achieving the target function, the shortest distance movement principle, etc. · User-oriented principle: In order to facilitate users to be familiar with the system as soon as possible, simplify operations, should provide the operational process of the guide. · Real-time help principles: users need user assistance that can respond to problems at any time. · Provide advanced custom features: To familiarize yourself with advanced users of computer and software systems, you can perform custom settings that have been determined by the determined routine operations and the roof of the system. Includes customized operation, interface layout, interface style and other custom. · Interface Color Requirements: The light-emitting imaging of computer screens and common visual imaging are very different, and should pay attention to this difference made the right color match. For systems that need to be used for a long time, users should be used for longer use without excessive visual fatigue. For example, a relaxed color is main color, gray line is main coloring, etc. Don't cut too much color, fancy gorgeous, seriously impede user visual interaction. · Interface plane layout requirements: system style typography neatly, as divide different functional areas in fixed position, convenient for users navigation; typography should not be too intensive, avoid fatigue. B / S architecture Applicable principles · Minimum page: Due to the web characteristics of the web, minimize single page loading, reduce image file size and quantity, speed up the load speed, make it easy for the user experience. · Screen adaptation: The web interface needs to adapt to different users' screen size.
