1.1 User Interface Design
In the industry, user interface design consists of three parts: structure design, interactive design, and visual design.
1.1.1 Structure Design
Structure design is the skeleton of the interface design. Through user research and task analysis, the overall architecture of the product is developed. The paper-based paper prototype can be used for user testing and improvement. In structural design, logical classification and word definition of the directory system are important prerequisites for easy understanding and operation. For example, the entry for setting an alarm on a Siemens mobile phone is "important", making it hard for users to find it.
1.1.2 Interaction Design
The purpose of the interaction design is to make the product easy to use. All product functions are implemented through interaction between humans and machines. Therefore, human factors should be embodied as the core of design. The interaction design principles are as follows:
L there are clear error messages. After misoperation, the system provides targeted prompts.
L allows the user to control the interface. "Next" and "complete" provide multiple options for different levels and provide multiple possibilities for users at different levels.
L both the mouse and keyboard are allowed. The same function can be used with both the mouse and keyboard. Multiple possibilities are provided.
L work interruption is allowed. For example, when you use a mobile phone to write a new text message, you can still find the new text message you just wrote when you receive the text message or call.
L use the user's language rather than the non-technical language.
L fast feedback. Give the user psychological cues to avoid user anxiety.
L convenient exit. For example, if the mobile phone exits, is it a single key or a layer-by-layer exit. Two possibilities are provided.
L navigation function. It is easy to switch from one function to another at any time.
L let the user know his or her current position and make the decision on the next action.
1.1.3 Visual Design
Based on the structure design, visual design is carried out based on the psychological model and task fulfillment of the target group. Including colors, fonts, and pages. Visual Design is designed for the pleasure of users. The visual design principles are as follows:
L The interface is clear and clear. Allows you to customize the interface.
L reduce the burden of short-term memory. Let the computer help to remember, such as user name, password, and IE. The interface address can be remembered by the machine.
L dependent on cognition rather than memory. For example, print the icon memory and select from the drop-down menu.
L provide visual clues. Visual stimulation of graphical symbols; gui (graphic interface design): Where, what, next step
L provides default, undo, and redo Functions
L Interface shortcuts
L try to use the metaphor of the real world. For example, design icons for telephones and printers, and respect previous user experience.
L improve visual clarity. Clear organization; layout and metaphor of pictures and texts should not be guessed by users.
L Interface coordination. For example, if the button on the mobile phone interface is discharged, the left button is OK; Right-click the button to deny it; or press the content to place it.
L use the same image for the same function.
L color and content. The overall software should have no more than 5 colors, with red and green colors as little as possible. The approximate color indicates the approximate meaning.
The User Interface Design builds the foundation of software product design. For example, if the interaction mode of the phone menu is determined first, five keys or up/down keys can be used in the styling design.
In foreign countries, the user interface designer has a new title: Information Architecture, information architect. It is not just an artist, but a person with comprehensive knowledge such as psychology, software engineering, and design.