Mobile App Project optimization

After a long discussion of the group, the team's development project was finally discussed and the staffing situation was determined. This group unanimously decided that the project content was "library book Search and Reservation System", and I executed the interface design arrangement. Interface is the user and the system between the information transmission and communication between the window, the user through it for information query, data submission and operation control, the system through it to users to provide information for reading, analysis and judgment. The user interface design will directly affect the user's interest and efficiency.

Introduction to the main elements and functions of the user interface:
The user interface usually uses the graphical consumer Interface (GUI), the elements that make up the interface are mainly:
1. Windows (window)
The consumer interface renders the area. Window General components include: Title bar, menu bar, scroll bar, status bar, and toolbar. In the course page Design technology, the window design is very flexible, the basic functions of the implementation include: Specify the window size, position and open close, the window content of the upper and lower, scroll to the left and right, the window zoom and specify the display window (_blank, _self, _parent, _top) way.
2. Menus (menu)
A standard graphical interface object. The action items appear on the screen in a list, in the form of a menu in a network multimedia system:
(1) Pop-up menu. Place the menu item in the window (hidden) and pop it in the specified position on the screen when needed.
(2) drop-down menu. Suitable for multi-level menus, occupy small space, easy to clearly show the hierarchy.
(3) Distributed menu. The category navigation bar, which is used primarily for the arrangement of topic hyperlinks. is a common way to navigate your page.
(4) Image menu. A special form of hyperlinks. Image map allows you to create a number of hot zones that visually and intuitively implement hyperlinks.
(5) Icon: A common graphical interface object for multimedia systems. His design is based on metaphor and analog thinking. Make it easy for learners to have associations. such as a "horn" icon, you can achieve sound playback; an "envelope" icon to activate an email.
2.3 Forms (Form)
An important part of the interactive interface is the area where users enter information. The server receives and processes the information provided by the form before returning the result to the consumer. Form elements include:
(1) text box. The text information used to receive input. When the form is submitted, the input text is given to the server. There are three types of text boxes: a single-line text box, a multiline text box, and a Password text box.
(2) button. The interface object that activates the event action. There are three buttons to use on the page: Submit button-submit elements from the form to the server, reset button-you can set all the elements in the form back to the original state; command buttons-unlike the functions of the previous two buttons, the command buttons need to write the corresponding script code themselves. This makes the function more powerful and more flexible to use.
(3) check box. Also called a check box or inspection box, typically used for a set of mutually exclusive options. is a small box.
(4) Radio box. Also called the radio button. At some point there is only one button that can be pressed. It offers a mutually exclusive choice. is a hollow circle.
(5) List box and drop-down menu. The two are the same class elements, but have different properties. list boxes and drop-down menus are list of items, and you can select one or more of them.
2.4 dialog box (Dailogbox)
A pop-up window that provides users with more detailed information when they browse, and enables users to interact with the system. Sometimes it is to ask the user for information, sometimes to alert and guide the user.
3 Basic principles of Web-course interface Design
The design of Web-based course user interface is an important part of the development and design of distance teaching system, which directly influences the success or failure of distance teaching, and must be designed and developed according to certain principles, and researched and explored continuously. We believe that Internet-based Web curriculum interface design mainly has the following basic principles:
3.1 Consistency
Interface design first to the user has a strong appeal, to provide a perfect learning navigation system, the function should be varied, but the premise is to give users a unified interface, so that consumers should be able to rely on their own experience to make intelligent choice, without the user feel disharmony or create lost and confused feeling. Consistency includes the use of canonical interface elements, or the use of the same information representation, such as in fonts, label styles, colors, terminology, display prompts, and so on. But this does not limit the designer's creativity, but the user wants to be consistent throughout the entire experience of the system.
3.2 Clarity
The user interface of the Web-based course is designed for a certain group of users, and it is necessary to design the complexity of the interface according to its cognitive characteristics and to analyze the relevant experiences of the consumers. For example, for primary and secondary school design, the structure is concise, the picture lively, but not too complex. For the interface elements used, the learner's experience can be the same, whether the need for labeling, or even further provide help information, should follow the agreed specifications. An over-dense selection arrangement makes it difficult for learners to identify, there is a clear distinction between the approximate options, and the words should be properly streamlined.
3.3 Feedback
In the design of Web-course user interface, it is very important to consider the interaction and feedback between users and the system. The feedback may be just some basic reflection of a warning or progress indicator, but it can make users feel that they are communicating with the system and entering into the usage scenarios created for them, rather than simply blindly browsing. The means of providing feedback include dialog boxes, status bars, sound prompts, error pages, and so on.
3.4 Artistry
Half of the design is creative, the only ideal interface is not there, but as a designer, must make the best choice. The user interface is where content and learners have an initial and lasting impact, including two aspects of vision and hearing. In the vast internet of information, the content is rich, but the interface is rough to many learners lose appeal. The art of interface design can be said to be the learner's experience center.
Network Course interface design, should be reasonable layout, neat and beautiful, active image, in line with the teaching needs. Practical techniques such as DHTML, style sheets (CSS), layers (Layers), and timelines (Timeline) in page design provide good support for the accurate positioning and flexible use of the interface in typesetting, and provide the basis for the artistic design of the interface.
3.5 Security
The security described here is primarily for the user's operational application. The main cause of the error is the user's invalid information input and inadvertent operation.
First, the information entered by the learner is checked before submitting the form, which avoids some unexpected errors and causes disruption to the learner's thinking and re-login. And for the unexpected error, we should try to guide the learner to correct operation, the common mistakes should have a certain degree of fault tolerance. In addition to the learners to make the difficult to recover the operation, should make appropriate prompts or warnings beforehand, so that the learner in the browsing of new features without worries.

Mobile App Project optimization