What is User interface design

In the process of interaction between people and machines (Human Machine interaction), there is a level that we call the interface (interface). From the psychological point of view, the interface can be divided into sensory (visual, tactile, auditory, etc.) and emotional two levels. User interface design is an important part of screen products

In the process of interaction between people and machines (Human Machine interaction), there is a level that we call the interface (interface). From the psychological point of view, the interface can be divided into sensory (visual, tactile, auditory, etc.) and emotional two levels. User interface design is an important part of screen products. Interface design is a complex engineering with different disciplines, cognitive psychology, Design science, linguistics and so on play an important role. The three principles of user interface design are: Placing the interface under the control of the user, reducing the user's memory burden, and maintaining the consistency of the interface.
The user interface design is divided into three parts: structure design, interactive design and visual design in the work flow.

Structural Design Structure

Structural design is also a conceptual design (conceptual), which is the skeleton of the interface design. Through the User research and task analysis, to work out the overall structure of the product. The paper based low-fidelity prototype (Paper Prototype) can provide user testing and improve. In structural design, the logical classification and definition of the catalogue system are important prerequisites for users to understand and operate easily. The entry of the alarm clock, such as the Siemens mobile phone, is "important chronicle", making it difficult for users to find.

Interactive design Interactive

The purpose of interactive design is to make products easy for users to use. The realization of any product function is done through the interaction of the human and the machine. Therefore, the human factor should be embodied as the core of the design. The principles of interactive design are as follows:

1 There are clear error prompts. After the misoperation, the system provides targeted hints.

2 Let the user control the interface. "Next", "Finish", in the face of different levels to provide a variety of options, to different levels of users to provide a variety of possibilities.

3 allows simultaneous use of the mouse and keyboard. With the same function, you can use the mouse and keyboard. offer a variety of possibilities.

4) Allow work to be interrupted. For example, when you write a new text message with your cell phone, you receive a text message or a phone call, and you can still find the new text message you just wrote when you are done.

5 Use the language of the user, not the language of the technology.

6 Provide quick feedback. Give the user psychological hint, avoid the user anxious.

7 easy to exit, such as the phone's exit, is to press a key to completely exit, or a layer of exit. offers two possibilities.

8 navigation function. It's easy to jump from one function to another with the ability to transfer.

Visual Designing visual Design

On the basis of structural design, visual design is achieved by reference to the psychological model and task of the target group. including colors, fonts, pages and so on. Visual design to achieve the user's pleasure to use the purpose. The principles of visual design are as follows:.

1) The interface is clear and unambiguous. Allows users to customize the interface.

2 reduce the burden of short-term memory. Let the computer help memory, example: User Name, Password, ie enter the interface address can let the machine remember.

3) dependence on cognition rather than memory. such as the memory of the print icon, the selection in the Drop-down menu list.

4) Provide visual clues. Visual stimulation of graphical symbols; GUI (graphical interface design): Where, What, Next step.

5 provides default (defaults), Undo (undo), Restore (Redo) functionality

6 provide a shortcut to the interface.

7 Use real-world metaphors as much as possible. such as: Telephone, printer icon design, respect for the user's past experience.

8 Perfect the visual clarity. Clarity: the layout and metaphor of pictures and text don't let users guess.

9) The interface is coordinated and consistent. such as the mobile Phone interface button emissions, the left button affirmative; Right key negation, or by content placement.

10 the same function with the same graphic.

11 Color and content. The overall software is not more than 5 colors, as little as possible with red, green. The approximate color denotes the meaning of the approximation.

Siemens 6688: Inconsistency of "OK" key design

The user interface design constructs the foundation of the product design. If only the interaction of the mobile menu is determined first

form, in order to be in shape design decision is to adopt five key or up and down key.